:root{--black:#08080b;--white:#fff;--violet-50:#f4f0ff;--violet-100:#e7deff;--violet-200:#cebcff;--violet-300:#b294ff;--violet-400:#9769fa;--violet-500:#7a3cf0;--violet-600:#6526d6;--violet-700:#511cad;--violet-800:#3d1683;--violet-900:#2a0f5c;--indigo-50:#eff0fe;--indigo-100:#dfe1fc;--indigo-200:#c0c4f9;--indigo-300:#9aa0f2;--indigo-400:#6f77e8;--indigo-500:#4f46e5;--indigo-600:#4338ca;--indigo-700:#372ea3;--indigo-800:#2a237c;--indigo-900:#1d1857;--blue-50:#ecf4ff;--blue-100:#d6e7ff;--blue-200:#adceff;--blue-300:#7bb0ff;--blue-400:#4a94ff;--blue-500:#1e7fff;--blue-600:#0c64db;--blue-700:#094faf;--blue-800:#073c85;--blue-900:#052a5e;--deep-50:#eaedf5;--deep-100:#cbd3e5;--deep-200:#95a3c4;--deep-300:#5e70a0;--deep-400:#374b7e;--deep-500:#22355f;--deep-600:#182848;--deep-700:#111d36;--deep-800:#0c1528;--deep-900:#0a1020;--deep-950:#070b16;--neutral-0:#fff;--neutral-50:#f7f8fb;--neutral-100:#eff1f6;--neutral-200:#e1e4ec;--neutral-300:#c7ccd9;--neutral-400:#9aa2b4;--neutral-500:#717a8e;--neutral-600:#525b6e;--neutral-700:#3b4354;--neutral-800:#252b38;--neutral-900:#14181f;--neutral-950:#08080b;--status-ok:#0e9f6e;--status-ok-bg:#e6f6f0;--status-warn:#b45309;--status-warn-bg:#fcf1e3;--status-crit:#c2263b;--status-crit-bg:#fce9ec;--status-info:var(--blue-600);--status-info-bg:var(--blue-50);--text-strong:var(--deep-900);--text-body:var(--neutral-700);--text-muted:var(--neutral-500);--text-faint:var(--neutral-400);--text-inverse:var(--white);--text-accent:var(--indigo-600);--text-link:var(--blue-600);--text-link-hover:var(--indigo-600);--surface-page:var(--white);--surface-subtle:var(--neutral-50);--surface-card:var(--white);--surface-sunken:var(--neutral-100);--surface-night:var(--deep-900);--surface-night-raised:var(--deep-800);--surface-night-sunken:var(--deep-950);--surface-accent:var(--indigo-500);--surface-accent-subtle:var(--indigo-50);--border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--border-strong:var(--neutral-400);--border-accent:var(--indigo-400);--border-night:#ffffff1a;--border-night-strong:#ffffff2e;--gradient-spectrum:linear-gradient(90deg,var(--violet-500) 0%,var(--indigo-500) 45%,var(--blue-500) 100%);--gradient-night:linear-gradient(160deg,var(--deep-800) 0%,var(--deep-950) 70%);--gradient-glow:radial-gradient(60% 60% at 50% 0%,#7a3cf047 0%,#0a102000 70%);--focus-ring:0 0 0 2px var(--white),0 0 0 4px var(--indigo-500);--focus-ring-night:0 0 0 2px var(--deep-900),0 0 0 4px var(--violet-400)}
:root{--font-display:"Space Grotesk","Helvetica Neue",Arial,sans-serif;--font-sans:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace;--text-display-xl:76px;--text-display-l:56px;--text-display-m:42px;--text-h1:32px;--text-h2:25px;--text-h3:20px;--text-h4:17px;--text-body-l:17px;--text-body-m:15px;--text-body-s:13px;--text-caption:12px;--text-micro:11px;--leading-tight:1.06;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-display:-.02em;--tracking-tight:-.01em;--tracking-normal:0em;--tracking-label:.08em;--tracking-eyebrow:.14em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--type-hero:var(--weight-bold) var(--text-display-xl)/var(--leading-tight) var(--font-display);--type-h1:var(--weight-bold) var(--text-h1)/var(--leading-snug) var(--font-display);--type-h2:var(--weight-semibold) var(--text-h2)/var(--leading-snug) var(--font-display);--type-h3:var(--weight-semibold) var(--text-h3)/var(--leading-snug) var(--font-display);--type-body:var(--weight-regular) var(--text-body-m)/var(--leading-relaxed) var(--font-sans);--type-ui:var(--weight-medium) var(--text-body-m)/1.2 var(--font-sans);--type-eyebrow:var(--weight-semibold) var(--text-micro)/1.2 var(--font-mono);--type-metric:var(--weight-medium) var(--text-h2)/1.1 var(--font-mono)}
:root{--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:104px;--space-13:136px;--gutter-page:24px;--max-content:1240px;--max-prose:68ch;--control-h-s:28px;--control-h-m:36px;--control-h-l:44px;--control-pad-x-s:10px;--control-pad-x-m:14px;--control-pad-x-l:20px;--sidebar-w:252px;--topbar-h:56px;--row-h:44px}
:root{--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-pill:999px;--border-w:1px;--border-w-strong:2px;--rule:1px solid var(--border-subtle);--shadow-none:none;--shadow-xs:0 1px 2px #0c15280f;--shadow-sm:0 1px 2px #0c15280f,0 2px 6px #0c15280d;--shadow-md:0 2px 4px #0c15280d,0 8px 20px #0c152814;--shadow-lg:0 8px 16px #0c152812,0 24px 48px #0c15281f;--shadow-inset:inset 0 1px 0 #fff9;--shadow-night:0 12px 32px #0306108c;--glow-accent:0 0 0 1px #4f46e559,0 6px 24px #4f46e538;--blur-panel:saturate(140%) blur(14px);--scrim-night:#070b16b8;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-standard:cubic-bezier(.4,0,.2,1);--ease-entrance:cubic-bezier(.16,.84,.44,1);--dur-instant:90ms;--dur-fast:.14s;--dur-base:.2s;--dur-slow:.32s}
*{box-sizing:border-box}html{background:var(--surface-subtle);color:var(--text-body)}body{font:var(--type-body);background:var(--surface-subtle);min-height:100vh;margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}::selection{background:var(--indigo-100);color:var(--deep-900)}.skip-link{z-index:1000;border-radius:var(--radius-sm);background:var(--indigo-600);color:#fff;padding:10px 14px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{box-shadow:var(--focus-ring);transform:none}.sidebar{width:var(--sidebar-w);background:var(--surface-night-sunken);color:var(--deep-100);border-right:1px solid var(--border-night);z-index:30;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{height:var(--topbar-h);border-bottom:1px solid var(--border-night);font-family:var(--font-display);letter-spacing:-.035em;color:#fff;align-items:center;gap:7px;padding:0 20px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand span{letter-spacing:-.035em;color:var(--violet-300);font-size:20px;font-weight:500}.sidebar-scroll{padding:4px 0 14px;overflow:auto}.workspace-label,.nav-group{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--deep-300);padding:17px 20px 7px}.sidebar nav{gap:2px;padding:0 10px;display:grid}.sidebar nav a{border-radius:var(--radius-sm);min-height:36px;color:var(--deep-100);transition:background var(--dur-fast),color var(--dur-fast);align-items:center;gap:10px;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.sidebar nav a:hover,.sidebar nav a:focus-visible{color:#fff;background:#ffffff14;outline:0}.sidebar nav a.active{color:#fff;box-shadow:inset 2px 0 0 var(--violet-400);background:#7a3cf02e;font-weight:600}.nav-icon{filter:invert(90%);opacity:.85;width:16px;height:16px}.sidebar-note{border-top:1px solid var(--border-night);align-items:center;gap:10px;margin-top:auto;padding:16px 18px;display:flex}.sidebar-note p{color:var(--deep-200);font:11px/1.5 var(--font-mono);margin:0}.avatar{background:var(--gradient-spectrum);color:#fff;width:30px;height:30px;font:600 10px var(--font-mono);border-radius:50%;place-items:center;display:grid}.workspace{margin-left:var(--sidebar-w);min-height:100vh}.workspace>header{height:var(--topbar-h);z-index:20;padding:0 var(--gutter-page);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);color:var(--text-strong);background:#ffffffe0;align-items:center;gap:12px;display:flex;position:sticky;top:0}.workspace>header>div:first-child{gap:1px;display:grid}.workspace>header strong{font:600 14px var(--font-display)}.topbar-kicker{font:600 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.live-dot{background:var(--status-ok);width:6px;height:6px;box-shadow:0 0 0 3px var(--status-ok-bg);border-radius:50%}.workspace>main{max-width:var(--max-content);padding:var(--space-6);min-height:calc(100vh - 112px);margin:0 auto}.workspace>footer{padding:18px var(--space-6);border-top:1px solid var(--border-subtle);color:var(--text-faint);font:11px var(--font-mono)}.workspace>footer span{float:right}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0}h1{font:var(--type-h1);margin-bottom:10px}h2{font:var(--type-h2);margin:28px 0 12px}h3{font:var(--type-h3);margin-bottom:8px}p{max-width:var(--max-prose);margin:0 0 14px}.eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--indigo-600);margin:0 0 8px}.button{min-height:var(--control-h-m);padding:0 var(--control-pad-x-m);border:1px solid var(--indigo-600);border-radius:var(--radius-sm);background:var(--indigo-600);color:#fff;font:600 13px/1 var(--font-sans);box-shadow:var(--shadow-xs),var(--shadow-inset);transition:background var(--dur-fast),transform var(--dur-instant);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.button:hover{background:var(--indigo-700);border-color:var(--indigo-700)}.button:active{background:var(--indigo-800);transform:translateY(1px)}.button:focus-visible,.text-link:focus-visible,summary:focus-visible{box-shadow:var(--focus-ring);outline:0}.text-link{min-height:28px;color:var(--text-link);text-underline-offset:3px;align-items:center;font-weight:600;display:inline-flex}.text-link:hover{color:var(--text-link-hover);text-decoration:underline}.badge{border:1px solid var(--indigo-200);border-radius:var(--radius-sm);background:var(--indigo-50);min-height:22px;color:var(--indigo-700);font:600 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:0 8px;display:inline-flex}.cards{gap:var(--space-4);margin:var(--space-4) 0 var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.card{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast);position:relative;overflow:hidden}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card p:last-child{margin-bottom:0}.card .button+.button{margin-left:8px}.dashboard{gap:var(--space-4);display:grid}.dashboard>h2{border-top:1px solid var(--border-subtle);margin-bottom:0;padding-top:6px}.dashboard>.cards{margin:0}.dashboard-list{border-top:1px solid var(--border-subtle);margin:10px -20px 14px;padding:0;list-style:none}.dashboard-list li{border-bottom:1px solid var(--border-subtle);min-height:58px;font:12px/1.55 var(--font-mono);color:var(--text-muted);transition:background var(--dur-fast);padding:11px 20px}.dashboard-list li:hover{background:var(--neutral-50)}.dashboard-list strong{font:600 14px var(--font-sans);color:var(--text-strong)}.dashboard-controls,.auth-form{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.auth-form{align-items:stretch;max-width:560px;display:grid}.auth-field{color:var(--text-strong);gap:6px;font-size:13px;font-weight:600;display:grid}.auth-field input,.auth-field select,input,select,textarea{width:100%;height:var(--control-h-m);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-strong);box-shadow:var(--shadow-inset);background:#fff;padding:0 12px}.auth-field input:focus,.auth-field select:focus,input:focus,select:focus,textarea:focus{border-color:var(--indigo-500);box-shadow:0 0 0 3px var(--indigo-100);outline:0}.auth-panel{border:1px solid var(--border-night);border-radius:var(--radius-xl);background:var(--gradient-night);max-width:520px;box-shadow:var(--shadow-night);color:var(--deep-100);margin:48px auto;padding:32px}.auth-panel h1,.auth-panel h2{color:#fff}.auth-panel .eyebrow{color:var(--violet-200)}.auth-panel .auth-field{color:var(--deep-100)}.auth-panel .text-link{color:var(--blue-300)}.auth-error,[role=alert]{border-radius:var(--radius-sm);background:var(--status-crit-bg);color:var(--status-crit);border:1px solid #f4bcc5;padding:10px 12px}[role=status]{border-radius:var(--radius-sm);background:var(--status-info-bg);color:var(--status-info);padding:10px 12px}.recovery-codes,.setup-key{border-radius:var(--radius-md);background:var(--deep-950);color:var(--violet-200);font-family:var(--font-mono);padding:14px;display:block;overflow:auto}table{border-collapse:collapse;background:#fff;width:100%}th{border-bottom:1px solid var(--border-default);text-align:left;height:36px;font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:0 16px}td{border-bottom:1px solid var(--border-subtle);height:44px;color:var(--text-body);padding:8px 16px;font-size:13px}tr:hover td{background:var(--neutral-50)}.table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:auto}details{border-top:1px solid var(--border-subtle)}summary{cursor:pointer;min-height:44px;color:var(--text-strong);align-items:center;font-weight:600;display:flex}fieldset{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px}legend{padding:0 6px;font-size:12px;font-weight:600}.checkbox-label,.dashboard-check{align-items:center;gap:8px;min-height:36px;display:flex}.checkbox-label input,.dashboard-check input{width:16px;height:16px;accent-color:var(--indigo-600)}.page-title{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.page-title h1{font-size:42px}.emblem{color:var(--violet-500);font-size:52px}.hero{border-radius:var(--radius-xl);background:var(--gradient-night);color:var(--deep-100);box-shadow:var(--shadow-night);grid-template-columns:1.2fr .8fr;gap:40px;padding:48px;display:grid}.hero h2{color:#fff;font-size:42px}.hero-art{min-height:230px;font:700 70px var(--font-display);color:#fff;background:var(--gradient-glow);place-items:center;display:grid}.ring{display:none}.section-title{justify-content:space-between;align-items:center;margin-top:40px;display:flex}.coming{font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--indigo-600)}@media (max-width:900px){.sidebar{width:100%;height:auto;position:static}.sidebar-scroll{padding:0}.nav-section:first-child nav{grid-template-columns:repeat(4,1fr);padding:0 6px 8px;display:grid}.nav-section:first-child nav a{white-space:nowrap;justify-content:center;padding:0 4px;font-size:12px}.nav-section:not(:first-child),.workspace-label,.sidebar-note{display:none}.workspace{margin-left:0}.workspace>header{padding:0 20px;font-size:14px}.topbar-kicker,.badge,.live-dot{display:none}.workspace>main{padding:20px}.hero{grid-template-columns:1fr;padding:28px}.hero h2{font-size:36px}.hero-art{display:none}.cards{grid-template-columns:1fr}.page-title h1{font-size:32px}.dashboard-controls{flex-direction:column;align-items:stretch}.dashboard-controls>*{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}