:root{--black:#0a0a0a;--white:#ffffff;--gray-bg:#fafafa;--gray2:#e8e8e8;--gray3:#a3a3a3;--gray4:#525252;--green:#1a7a3c;--green-dark:#156430;--green-light:#e8f5ee;--green-b:#b8ddc8;--orange:#c45a0a;--orange-bg:#fef3eb;--orange-b:#f0c8a0;--red:#dc2626;--red-bg:#fef2f2;--red-b:#fecaca;--ff:var(--font-figtree),"Figtree",sans-serif;--mono:var(--font-dm-mono),"DM Mono",monospace;--num:var(--font-space-grotesk),"Space Grotesk",sans-serif;--radius:8px;--radius-sm:6px;--shadow-sm:0 1px 2px rgba(16,24,40,.05),0 1px 1px rgba(16,24,40,.04);--shadow-card:0 1px 3px rgba(16,24,40,.06),0 6px 16px rgba(16,24,40,.06);--gray-line:#e0e0e0;--gray-line-2:#d2d2d2;--ink-3:#8a8a8a;--ink-2:#4a4a4a;--fill:#f5f6f7;--fill-2:#fafbfc;--tint-green:#eef8f2}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--ff);font-weight:400;background:var(--gray-bg);color:var(--black);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font-family:inherit;border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--black)}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:52px;background:var(--black);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.topbar .logo{font-family:var(--ff);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:var(--white);display:flex;align-items:baseline;text-decoration:none}.logo-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-left:2px}.topbar-right{gap:16px}.topbar-notif,.topbar-right{display:flex;align-items:center}.topbar-notif{position:relative;width:36px;height:36px;justify-content:center;cursor:pointer;transition:background .15s;color:rgba(255,255,255,.5)}.topbar-notif:hover{background:rgba(255,255,255,.08);color:var(--white)}.topbar-notif i{font-size:20px}.notif-badge{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--green);border-radius:50%;border:1.5px solid var(--black)}.topbar-user{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;transition:background .15s}.topbar-user:hover{background:rgba(255,255,255,.08)}.user-avatar{width:28px;height:28px;background:var(--green);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--white);flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:600;color:var(--white);letter-spacing:-.01em;line-height:1.2}.user-plan{font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.35);letter-spacing:.04em;line-height:1}.layout{display:flex;padding-top:52px;min-height:100vh}.sidebar{position:fixed;left:0;top:52px;bottom:0;width:220px;background:var(--white);border-right:1px solid var(--gray2);display:flex;flex-direction:column;overflow-y:auto;z-index:50}.sidebar-section{padding:20px 0 8px}.sidebar-label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gray3);padding:4px 20px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 20px;font-family:var(--ff);font-weight:400;font-size:14px;color:var(--gray4);text-decoration:none;border-left:3px solid transparent;cursor:pointer;transition:background .12s,color .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.nav-item i{font-size:18px;color:var(--gray3);flex-shrink:0}.nav-item:hover{background:var(--gray-bg);color:var(--black)}.nav-item:hover i{color:var(--gray4)}.nav-item.active{background:var(--green-light);border-left-color:var(--green);font-weight:600}.nav-item.active,.nav-item.active i{color:var(--green)}.nav-badge{margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:500;background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-b);padding:1px 7px}.sidebar-bottom{margin-top:auto;padding:16px 0;border-top:1px solid var(--gray2)}.main{flex:1 1;margin-left:220px;padding:36px 32px 80px;max-width:calc(100vw - 220px)}.main-inner{max-width:860px;margin:0 auto}.sidebar.is-rail{--sb-open:200ms;--sb-close:150ms;--sb-delay:80ms;--sb-on:0;--sb-t:var(--sb-close) ease-in 0ms;width:calc(64px + 156px * var(--sb-on));overflow-x:hidden;transition:width var(--sb-t),box-shadow var(--sb-t)}.sidebar.is-rail .nav-item,.sidebar.is-rail .sidebar-label{white-space:nowrap}.sidebar.is-rail .nav-badge,.sidebar.is-rail .nav-label,.sidebar.is-rail .sidebar-label{opacity:var(--sb-on);transition:opacity var(--sb-t)}.sidebar.is-rail .sidebar-logo-rest{max-width:calc(4em * var(--sb-on));opacity:var(--sb-on);transition:max-width var(--sb-t),opacity var(--sb-t)}@media (hover:hover){.sidebar.is-rail:hover{--sb-on:1;--sb-t:var(--sb-open) ease-out var(--sb-delay);box-shadow:var(--shadow-card)}}.sidebar.is-rail:has(:focus-visible:not(.sidebar-rail-toggle)){--sb-on:1;--sb-t:var(--sb-open) ease-out 0ms;box-shadow:var(--shadow-card)}.sidebar.is-rail.is-open{--sb-on:1;--sb-t:var(--sb-open) ease-out 0ms;box-shadow:var(--shadow-card)}.nav-item:focus-visible,.sidebar-logo:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.sidebar-rail-toggle{display:none;position:fixed;top:50vh;left:calc(64px - 14px);transform:translate(calc(156px * var(--sb-on)),-50%);width:28px;height:28px;padding:0;align-items:center;justify-content:center;background:var(--green);border:none;border-radius:50%;color:var(--white);cursor:pointer;z-index:1;touch-action:manipulation;transition:transform var(--sb-t),background .12s}.sidebar-rail-toggle:before{content:"";position:absolute;inset:-8px;border-radius:50%}.sidebar-rail-toggle i{font-size:18px;line-height:1;color:var(--white)}.sidebar-rail-toggle:active{background:var(--green-dark)}.sidebar-rail-toggle:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:49}@media (hover:none) and (min-width:861px){.sidebar.is-rail .sidebar-rail-toggle{display:inline-flex}.sidebar-backdrop{display:block}}@media (prefers-reduced-motion:reduce){.sidebar.is-rail,.sidebar.is-rail .nav-badge,.sidebar.is-rail .nav-label,.sidebar.is-rail .sidebar-label,.sidebar.is-rail .sidebar-logo-rest,.sidebar.is-rail .sidebar-rail-toggle{transition:none}}.layout.is-rail .main{margin-left:64px;max-width:calc(100vw - 64px)}.sidebar.is-editor{top:56px}.sidebar-logo{display:flex;align-items:baseline;justify-content:flex-start;font-family:var(--ff);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:var(--black);text-decoration:none;padding:14px 0 14px 22px;border-bottom:1px solid var(--gray2);white-space:nowrap}.sidebar-logo-rest{overflow:clip}.sidebar-logo .logo-dot{background:var(--green)}@media (max-width:860px){.sidebar{transform:translateX(-100%)}.main{padding:24px 16px 80px}.layout.is-rail .main,.main{margin-left:0;max-width:100vw}}