: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-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 20px;margin-bottom:2px;background:transparent;border:none;border-bottom:1px solid var(--gray2);font-family:var(--ff);font-size:13px;font-weight:500;color:var(--gray4);cursor:pointer;transition:color .12s,background .12s}.sidebar-toggle:hover{color:var(--black);background:var(--gray-bg)}.sidebar-toggle i{font-size:18px;color:var(--gray3);flex-shrink:0}.sidebar.is-collapsed{width:64px}.sidebar.is-collapsed .sidebar-toggle{justify-content:center;padding:10px 0}.sidebar.is-collapsed .sidebar-section{padding:12px 0 4px}.sidebar.is-collapsed .nav-item{justify-content:center;gap:0;padding:10px 0}.sidebar.is-collapsed .nav-item i{font-size:19px}.layout.is-collapsed .main{margin-left:64px;max-width:calc(100vw - 64px)}.sidebar.is-editor{top:56px}.sidebar-logo{display:flex;align-items:baseline;justify-content:center;font-family:var(--ff);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:var(--black);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--gray2)}.sidebar-logo .logo-dot{background:var(--green)}@media (max-width:860px){.sidebar{transform:translateX(-100%)}.main{margin-left:0;max-width:100vw;padding:24px 16px 80px}}