.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}@media (max-width: 700px){.login-page{padding:16px}.login-card{padding:22px}}.login-card{width:min(400px,100%);display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:0 24px 60px #00000059}.login-card h1{margin:0;font-size:1.5rem}.login-card__sub{margin:-6px 0 8px;color:var(--muted);font-size:.9rem}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.login-card__error{margin:0;color:var(--danger);font-size:.9rem}.login-card button{margin-top:4px;padding:12px;background:var(--accent);color:#fff;font-weight:700}.login-card button:disabled{opacity:.6}:root{color-scheme:dark;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: var(--font-ui);--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--c-bg: #000000;--c-bg-1: #0b0e0f;--c-bg-2: #121617;--c-bg-3: #1a2022;--c-bg-4: #242b2e;--c-overlay: rgba(0, 0, 0, .7);--c-text: #ffffff;--c-text-2: rgba(255, 255, 255, .66);--c-text-3: rgba(255, 255, 255, .4);--c-text-on-accent: #00201c;--c-line: rgba(255, 255, 255, .1);--c-line-2: rgba(255, 255, 255, .18);--c-fill: rgba(255, 255, 255, .06);--c-fill-2: rgba(255, 255, 255, .1);--c-fill-3: rgba(255, 255, 255, .14);--c-accent: #49c5b6;--c-accent-hover: #63d6c8;--c-accent-active: #36ada0;--c-accent-soft: rgba(73, 197, 182, .14);--c-accent-line: rgba(73, 197, 182, .4);--c-accent-2: #4d8dff;--c-accent-2-hover: #6ea2ff;--c-accent-2-soft: rgba(77, 141, 255, .14);--c-accent-2-line: rgba(77, 141, 255, .4);--c-good: #49c5b6;--c-good-soft: rgba(73, 197, 182, .14);--c-warn: #f5b544;--c-warn-soft: rgba(245, 181, 68, .14);--c-crit: #ff5c6c;--c-crit-soft: rgba(255, 92, 108, .14);--c-idle: rgba(255, 255, 255, .34);--c-idle-soft: rgba(255, 255, 255, .07);--glow-accent: 0 0 0 1px var(--c-accent-line), 0 0 22px rgba(73, 197, 182, .22);--glow-accent-2: 0 0 0 1px var(--c-accent-2-line), 0 0 22px rgba(77, 141, 255, .22);--glow-crit: 0 0 0 1px rgba(255, 92, 108, .45), 0 0 22px rgba(255, 92, 108, .2);--focus-ring: 0 0 0 3px var(--c-accent-soft);--shadow-control: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 1px 2px rgba(0, 0, 0, .6);--shadow-card: 0 0 0 1px var(--c-line);--shadow-popover: 0 0 0 1px var(--c-line-2), 0 16px 40px rgba(0, 0, 0, .7);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--gutter: var(--s-2);--gutter-ui: var(--s-5);--content-max: 1720px;--r-xs: 4px;--r-sm: 6px;--r: 8px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--fs-xs: .6875rem;--fs-sm: .75rem;--fs: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--lh: 1.45;--lh-tight: 1.15;--tracking-caps: .06em;--duration-fast: 90ms;--duration: .16s;--ease-out: cubic-bezier(.2, .8, .2, 1);--bg-window: var(--c-bg);--bg-content: var(--c-bg-2);--bg-elevated: var(--c-bg-3);--bg-sidebar: var(--c-bg-1);--bg-overlay: var(--c-overlay);--fill-primary: var(--c-fill-3);--fill-secondary: var(--c-fill-2);--fill-tertiary: var(--c-fill);--fill-control: var(--c-fill-2);--fill-control-hover: var(--c-fill-3);--fill-control-active: rgba(255, 255, 255, .2);--fill-selection: var(--c-accent-2-soft);--label-primary: var(--c-text);--label-secondary: var(--c-text-2);--label-tertiary: var(--c-text-3);--label-on-accent: var(--c-text-on-accent);--separator: var(--c-line);--separator-strong: var(--c-line-2);--accent: var(--c-accent);--accent-hover: var(--c-accent-hover);--accent-active: var(--c-accent-active);--link: var(--c-accent-2);--system-green: var(--c-good);--system-orange: var(--c-warn);--system-yellow: var(--c-warn);--system-red: var(--c-crit);--system-cyan: var(--c-accent-2);--bg: var(--c-bg);--surface: var(--c-bg-2);--surface-2: var(--c-bg-3);--border: var(--c-line);--text: var(--c-text);--muted: var(--c-text-2);--success: var(--c-good);--warning: var(--c-warn);--danger: var(--c-crit);font-family:var(--font-ui);font-size:var(--fs);line-height:var(--lh);letter-spacing:-.005em;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--c-bg);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.2px),radial-gradient(1100px 620px at 12% -8%,rgba(73,197,182,.13),transparent 62%),radial-gradient(900px 560px at 100% 105%,rgba(77,141,255,.09),transparent 62%);background-size:22px 22px,auto,auto;background-attachment:fixed,fixed,fixed}.app-loading{min-height:100vh;min-height:100dvh;display:grid;place-items:center;color:var(--c-text-2);font-size:var(--fs)}a{color:var(--c-accent-2);text-decoration:none}a:hover{color:var(--c-accent-2-hover)}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}h1,h2,h3{margin:0;line-height:var(--lh-tight);font-weight:600;text-wrap:balance}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}.eyebrow{font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--c-text-3)}button{font:inherit;cursor:pointer;border:none;border-radius:var(--r-sm);color:var(--c-text);letter-spacing:-.005em}button:disabled{cursor:default;opacity:.55}input,textarea,select{font:inherit;width:100%;padding:8px 11px;border-radius:var(--r-sm);border:1px solid var(--c-line);background:var(--c-bg-1);color:var(--c-text);outline:none;transition:border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}input::placeholder,textarea::placeholder{color:var(--c-text-3)}input:focus,textarea:focus,select:focus{border-color:var(--c-accent);box-shadow:var(--focus-ring)}textarea{min-height:80px;resize:vertical}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:34px;padding:0 var(--s-4);border-radius:var(--r);border:1px solid var(--c-line-2);background:transparent;color:var(--c-text);font-weight:500;font-size:var(--fs);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:hover:not(:disabled){background:var(--c-fill);border-color:var(--c-line-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-text-on-accent);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover);box-shadow:var(--glow-accent)}.btn--secondary{border-color:var(--c-accent-2-line);color:var(--c-accent-2)}.btn--secondary:hover:not(:disabled){background:var(--c-accent-2-soft);box-shadow:var(--glow-accent-2)}.btn--ghost{border-color:transparent;color:var(--c-text-2)}.btn--ghost:hover:not(:disabled){background:var(--c-fill);color:var(--c-text)}.btn--danger{border-color:transparent;color:var(--c-crit)}.btn--danger:hover:not(:disabled){background:var(--c-crit-soft);border-color:#ff5c6c59}.btn--stop{border-color:var(--c-line-2)}.btn--stop:hover:not(:disabled){background:var(--c-crit-soft);border-color:#ff5c6c59;color:var(--c-crit)}.btn--sm{min-height:28px;padding:0 var(--s-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn--tiny{min-height:24px;padding:0 var(--s-2);font-size:var(--fs-sm);border-radius:var(--r-xs);color:var(--c-text-2)}.btn--tiny:hover:not(:disabled){background:var(--c-fill);color:var(--c-text)}.btn--block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--c-line);background:var(--c-bg-2);color:var(--c-text-2);font-size:var(--fs-sm);font-weight:500;white-space:nowrap}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.chip--good{color:var(--c-good);background:var(--c-good-soft);border-color:transparent}.chip--warn{color:var(--c-warn);background:var(--c-warn-soft);border-color:transparent}.chip--crit{color:var(--c-crit);background:var(--c-crit-soft);border-color:transparent}.chip--idle{color:var(--c-text-2);background:var(--c-idle-soft);border-color:transparent}.chip--idle:before{background:var(--c-idle)}.chip--plain:before{display:none}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c-idle);flex:none}.dot--good{background:var(--c-good);box-shadow:0 0 8px var(--c-good)}.dot--warn{background:var(--c-warn);box-shadow:0 0 8px var(--c-warn)}.dot--crit{background:var(--c-crit);box-shadow:0 0 8px var(--c-crit)}.card{background:var(--c-bg-2);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-4)}.card--elevated{background:var(--c-bg-3)}.card--good{border-color:var(--c-accent-line)}.card--warn{border-color:#f5b54473}.card--crit{border-color:#ff5c6c80;box-shadow:var(--glow-crit)}.card--active{border-color:var(--c-accent-line);box-shadow:var(--glow-accent)}.card--muted{opacity:.7}.tile{display:flex;flex-direction:column;gap:2px;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--c-bg-1)}.tile__label{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--c-text-3)}.tile__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs);font-weight:500}.tile__value--good{color:var(--c-good)}.tile__value--warn{color:var(--c-warn)}.tile__value--crit{color:var(--c-crit)}.rule{display:flex;align-items:center;gap:var(--s-3);color:var(--c-text-2);font-size:var(--fs-sm)}.rule:after{content:"";flex:1;height:1px;background:var(--c-line)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff47;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}