:root{--bg:#070b16;--bg-glow-1:#4d8dff33;--bg-glow-2:#b25cff29;--surface:#0f1626;--surface-2:#162036;--line:#22304d;--line-strong:#31436a;--text:#e8eeff;--muted:#9fb0d0;--dim:#6b7a99;--primary:#4d8dff;--primary-2:#a35cff;--primary-ink:#050914;--primary-soft:#4d8dff29;--glow:0 0 0 1px #4d8dff59, 0 0 18px #4d8dff73;--glow-soft:0 0 24px #4d8dff2e;--ok:#2fe39a;--ok-soft:#2fe39a24;--fail:#ff4d6d;--fail-soft:#ff4d6d26;--warn:#ffb547;--warn-soft:#ffb54726;--run:#b98cff;--run-soft:#b98cff29;--code-bg:#050811;--code-text:#d5dde8;--chart-surface:#0f1626;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b;--grid-line:#1e2a44;--seq-0:#162036;--seq-1:#104281;--seq-2:#1c5cab;--seq-3:#3987e5;--seq-4:#6da7ec;--seq-5:#b7d3f6;--radius:12px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#eef2fb;--bg-glow-1:#4d78ff2e;--bg-glow-2:#b25cff24;--surface:#fff;--surface-2:#f2f5fc;--line:#dbe2f1;--line-strong:#c2cde5;--text:#111a33;--muted:#4f5d7c;--dim:#7f8aa3;--primary:#2f62f5;--primary-2:#8b3dff;--primary-ink:#fff;--primary-soft:#2f62f51a;--glow:0 0 0 1px #2f62f540, 0 6px 20px #2f62f559;--glow-soft:0 8px 30px #2f62f51a;--ok:#0b9b5e;--ok-soft:#dcf7ea;--fail:#e0294b;--fail-soft:#fde3e8;--warn:#b86e00;--warn-soft:#fff0d6;--run:#7a3df0;--run-soft:#efe6ff;--code-bg:#0b1222;--chart-surface:#fff;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--grid-line:#e6ebf5;--seq-0:#f2f5fc;--seq-1:#cde2fb;--seq-2:#9ec5f4;--seq-3:#5598e7;--seq-4:#256abf;--seq-5:#0d366b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#eef2fb;--bg-glow-1:#4d78ff2e;--bg-glow-2:#b25cff24;--surface:#fff;--surface-2:#f2f5fc;--line:#dbe2f1;--line-strong:#c2cde5;--text:#111a33;--muted:#4f5d7c;--dim:#7f8aa3;--primary:#2f62f5;--primary-2:#8b3dff;--primary-ink:#fff;--primary-soft:#2f62f51a;--glow:0 0 0 1px #2f62f540, 0 6px 20px #2f62f559;--glow-soft:0 8px 30px #2f62f51a;--ok:#0b9b5e;--ok-soft:#dcf7ea;--fail:#e0294b;--fail-soft:#fde3e8;--warn:#b86e00;--warn-soft:#fff0d6;--run:#7a3df0;--run-soft:#efe6ff;--code-bg:#0b1222;--chart-surface:#fff;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--grid-line:#e6ebf5;--seq-0:#f2f5fc;--seq-1:#cde2fb;--seq-2:#9ec5f4;--seq-3:#5598e7;--seq-4:#256abf;--seq-5:#0d366b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{color:var(--text);font:14px/1.5 var(--font);background:radial-gradient(900px 520px at 88% -8%, var(--bg-glow-2), transparent 60%), radial-gradient(900px 600px at -8% 108%, var(--bg-glow-1), transparent 60%), var(--bg);background-attachment:fixed}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.rail{background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px 16px;font-weight:700;display:flex}.brand-mark{width:28px;height:28px;color:var(--primary-ink);background:linear-gradient(135deg, var(--primary), var(--primary-2));box-shadow:var(--glow);border-radius:7px;place-items:center;font-size:13px;display:grid}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--muted);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-weight:500;display:flex}.nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav a.active{background:var(--primary-soft);color:var(--primary);box-shadow:inset 3px 0 0 var(--primary), var(--glow-soft)}.main{min-width:0}.topbar{background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.topbar h1{flex:1;min-width:0;margin:0;font-size:17px}.user{align-items:center;gap:10px;display:flex}.user-name{color:var(--muted)}.content{max-width:1240px;padding:24px}.btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:var(--primary-ink);box-shadow:var(--glow);border-color:#0000}.btn.small{padding:4px 9px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--glow-soft);padding:16px}.muted{color:var(--muted)}.centered{place-items:center;min-height:100vh;padding:16px;display:grid}.centered .card{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}.centered h1{margin:0;font-size:20px}@media (width<=760px){.shell{grid-template-columns:1fr}.rail{height:auto;position:static}.nav{flex-flow:wrap}.topbar{padding:10px 16px}.content{padding:16px}}