:root{--background:#050505;--surface:#292929;--surface-raised:#343434;--border:#3c3c3c;--text:#f5f5f5;--muted:#b3b3b3;--positive:#39d98a;--negative:#ff7880;--radius:18px;--sidebar-width:252px}
*{box-sizing:border-box}html{background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button,input,a{outline-offset:5px}:focus-visible{outline:2px solid var(--text)}h1,h2,p,dl,dd{margin:0}h1{letter-spacing:-.045em;font-size:clamp(2rem,4vw,2.8rem);font-weight:720;line-height:1.15}h2{letter-spacing:-.025em;font-size:1.4rem;font-weight:650;line-height:1.25}.skip-link{z-index:100;background:var(--text);color:var(--background);border-radius:8px;padding:1rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.brand{letter-spacing:-.04em;align-items:center;gap:13px;font-size:1.5rem;font-weight:650;display:inline-flex}.brand-mark{width:45px;height:45px}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);padding:40px 25px;position:fixed;inset:0 auto 0 0}.sidebar-caption{color:var(--muted);font-size:.67rem;position:absolute;bottom:30px;left:25px}.main-nav{width:calc(var(--sidebar-width) - 32px);z-index:20;gap:8px;display:grid;position:fixed;top:140px;left:16px}.nav-link{min-height:54px;color:var(--muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:15px;padding:12px 16px;font-size:.95rem;font-weight:540;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:var(--text);background:#191919}.nav-link.active{color:var(--text);background:var(--surface);border-color:var(--border)}.workspace{margin-left:var(--sidebar-width);padding:18px clamp(28px,4.5vw,72px) 64px}.workspace-top{justify-content:space-between;align-items:center;max-width:1240px;min-height:44px;margin:0 auto 14px;display:flex}.review-label{color:var(--muted);letter-spacing:.02em;font-size:.72rem}.review-label span{margin:0 6px}.icon-button{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:var(--surface);color:var(--text)}.page-content{max-width:1240px;margin:0 auto}.page-header{margin:18px 0 38px}.dashboard-section{margin-bottom:34px}.dashboard-section>h2,.section-heading{margin-bottom:16px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metrics-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:34px}.metrics-grid.five{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:34px}.metric{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:18px;min-width:0;min-height:132px;padding:24px;display:flex}.metric-icon{background:var(--surface-raised);border:1px solid #414141;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.metric dt{color:var(--muted);font-size:.9rem;line-height:1.4}.metric dd{letter-spacing:-.04em;margin-top:8px;font-size:2rem;font-weight:650;line-height:1.2}.four .metric,.five .metric{min-height:116px;padding:20px}.empty-state{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;padding:36px 24px;display:flex}.empty-icon{background:var(--surface-raised);color:#dedede;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:4px;display:grid}.empty-state h2{font-size:1.1rem}.empty-state p{max-width:430px;color:var(--muted);text-wrap:pretty;font-size:.9rem;line-height:1.65}.button{background:var(--surface-raised);min-height:48px;color:var(--text);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-weight:600;display:inline-flex}.button.primary{color:#101010;background:#f3f3f3;border-color:#f3f3f3}.button.primary:hover:not(:disabled){background:#dcdcdc}.login-page{min-height:100svh;padding:max(32px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));align-items:center;display:grid}.login-wrap{width:100%;max-width:430px;margin:0 auto}.login-wrap>.brand{justify-content:center;margin-bottom:36px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:36px}.eyebrow{color:var(--muted);align-items:center;gap:7px;margin-bottom:22px;font-size:.78rem;display:flex}.login-card h1{letter-spacing:-.05em;font-size:2.3rem}.login-intro{color:var(--muted);margin-top:14px;font-size:.92rem;line-height:1.5}.login-card form{margin-top:32px}.field{margin-bottom:20px}.field label{color:#e3e3e3;margin-bottom:9px;font-size:.86rem;display:block}.field input{width:100%;min-height:50px;color:var(--text);background:#181818;border:1px solid #4b4b4b;border-radius:10px;padding:13px 15px;font-size:16px;line-height:1.4}.field input::placeholder{color:#888}.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{width:44px;height:44px;color:var(--muted);background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:3px;right:4px}.login-submit{justify-content:space-between;width:100%;margin-top:8px}.login-footer{text-align:center;color:var(--muted);margin-top:26px;font-size:.75rem}.login-footer span{padding:0 7px}.form-message{color:var(--muted);margin:16px 0;font-size:.88rem;line-height:1.6}.form-message.error{color:var(--negative)}.session-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100svh;padding:28px;display:flex}.session-screen p{color:var(--muted);max-width:420px;line-height:1.7}@media (max-width:1150px) and (min-width:761px){:root{--sidebar-width:220px}.workspace{padding-left:28px;padding-right:28px}.metric{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.metrics-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.sidebar{display:none}.workspace{padding:calc(10px + env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) calc(104px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin-left:0}.workspace-top{margin-bottom:20px}.review-label{font-size:.67rem}.icon-button{border-color:#292929}.page-header{margin:0 0 30px}h1{font-size:2.15rem}h2{font-size:1.35rem}.main-nav{width:100%;padding:9px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:#080808;border-top:1px solid #292929;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;top:auto;bottom:0;left:0}.nav-link{border:none;border-radius:10px;flex-direction:column;justify-content:center;gap:6px;min-height:57px;padding:6px 2px;font-size:.67rem;font-weight:550}.nav-link.active{background:0 0}.nav-link.active svg{stroke-width:2.3px}.metrics-grid{gap:9px}.metric{border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;min-height:155px;padding:15px 12px}.metric-icon{border-radius:11px;width:40px;height:40px}.metric-icon svg{width:22px;height:22px}.metric dt{min-height:2.8em;font-size:.75rem}.metric dd{margin-top:4px;font-size:1.6rem}.dashboard-section{margin-bottom:28px}.dashboard-section>h2,.section-heading{margin-bottom:14px}.metrics-grid.four,.metrics-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.five .metric:last-child{grid-column:1/-1}.four .metric,.five .metric{min-height:105px;padding:17px}.four .metric dt,.five .metric dt{min-height:auto}.empty-state{min-height:225px;padding:30px 20px}.empty-state p{font-size:.85rem}.login-card{border-radius:20px;padding:30px 24px}.login-card h1{font-size:2.2rem}.login-wrap>.brand{margin-bottom:28px}}@media (max-width:360px){.workspace{padding-left:14px;padding-right:14px}.metric{padding:13px 10px}.metric dt{font-size:.7rem}.nav-link{font-size:.62rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}