:root{--accent: oklch(.86 .22 145);--accent-soft: oklch(.86 .22 145 / .18);--accent-glow: oklch(.86 .22 145 / .45);--accent-ink: oklch(.22 .05 145);--bg: #0a0d0b;--bg-1: #0e1311;--bg-2: #131916;--bg-3: #1a221e;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--ink: #e8efea;--ink-2: #aab2ad;--ink-3: #6b716d;--danger: oklch(.7 .18 25);--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;color-scheme:dark}[data-theme=light]{--bg: #fafaf7;--bg-1: #f3f4f0;--bg-2: #eaece6;--bg-3: #dfe2db;--line: rgba(0, 0, 0, .08);--line-2: rgba(0, 0, 0, .14);--ink: #0d100e;--ink-2: #4a514c;--ink-3: #7e857f;--accent: oklch(.62 .18 145);--accent-soft: oklch(.62 .18 145 / .14);--accent-glow: oklch(.62 .18 145 / .35);--accent-ink: #fff;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","ss02","cv11"}a{color:var(--accent);text-decoration:none}a:hover{color:var(--ink)}code,.mono{font-family:var(--mono);font-feature-settings:"zero","ss01";font-size:.92em}input,button,select,textarea{font:inherit;color:inherit}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{background:var(--bg-1);border:1px solid var(--line-2);color:var(--ink);padding:9px 12px;border-radius:8px;min-width:0;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:color-mix(in oklab,var(--accent) 50%,var(--line-2));box-shadow:0 0 0 3px var(--accent-soft)}button{cursor:pointer;padding:8px 14px;border-radius:8px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);font-weight:500;font-size:13.5px;transition:all .15s}button:hover:not(:disabled){background:var(--bg-3);border-color:var(--ink-3)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 0 0 1px var(--accent),0 8px 24px -8px var(--accent-glow)}button.primary:hover:not(:disabled){filter:brightness(1.06);background:var(--accent)}button.danger{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 30%,var(--line-2));background:var(--bg-2)}button.danger:hover:not(:disabled){background:color-mix(in oklab,var(--danger) 12%,var(--bg-2))}button.ghost{background:none;border-color:transparent}button.ghost:hover:not(:disabled){background:var(--bg-2)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}th{color:var(--ink-3);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-family:var(--mono);background:var(--bg-1)}tr:last-child td{border-bottom:0}tbody tr{transition:background .12s}tbody tr:hover{background:var(--bg-1)}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:18px}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-family:var(--mono);font-weight:500;background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink-2)}.badge.green{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 50%,transparent);background:var(--accent-soft)}.badge.green:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.badge.red{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 40%,transparent);background:color-mix(in oklab,var(--danger) 12%,var(--bg-2))}.badge.yellow{color:#e0c178;border-color:color-mix(in oklab,#e0c178 40%,transparent);background:color-mix(in oklab,#e0c178 10%,var(--bg-2))}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}::selection{background:var(--accent);color:var(--accent-ink)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3);display:inline-block}.status-dot.live{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.4}}
