:root,:root[data-theme=dark]{--bg:#0a0d13;--panel:#10151f;--panel-2:#171e2b;--border:#1e2635;--text:#dbe2ee;--muted:#8792a6;--heading:#f4f7fc;--up:#f04452;--down:#4c8dff;--armed:#e8a33d;--ok:#31c48d;--up-dim:rgba(240,68,82,.13);--down-dim:rgba(76,141,255,.13);--armed-dim:rgba(232,163,61,.13);--ok-dim:rgba(49,196,141,.13);--overlay:rgba(0,0,0,.6);--shadow:rgba(0,0,0,.5);--hover:#1c2434;--accent:var(--down)}:root[data-theme=light]{--bg:#f2f4f8;--panel:#ffffff;--panel-2:#eaeef5;--border:#d9dfe9;--text:#28303f;--muted:#6a7488;--heading:#0d1220;--up:#d63340;--down:#2563eb;--armed:#b07414;--ok:#0d9d6d;--up-dim:rgba(214,51,64,.10);--down-dim:rgba(37,99,235,.10);--armed-dim:rgba(176,116,20,.12);--ok-dim:rgba(13,157,109,.12);--overlay:rgba(15,23,42,.4);--shadow:rgba(15,23,42,.15);--hover:#e2e7f0;--accent:var(--down)}html{color-scheme:dark}html[data-theme=light]{color-scheme:light}.btn,.card,.panel,.sidebar,body,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo",sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.mono,div.mono,span.mono,td.mono{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.layout{display:flex;min-height:100vh}.sidebar{width:212px;background:var(--panel);border-right:1px solid var(--border);padding:22px 14px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--heading)}.brand small{display:block;margin-top:3px;color:var(--muted);font-weight:400;font-size:10px;font-family:var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase}.lamp{display:flex;align-items:center;gap:8px;margin:16px 0 20px;padding:9px 11px;background:var(--panel-2);border:1px solid var(--border);border-radius:9px;font-size:12px;font-weight:500}.lamp .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lamp.ok .dot{background:var(--ok);animation:lamp-pulse 2.2s ease-in-out infinite}.lamp.ok{color:var(--ok);border-color:var(--ok-dim)}.lamp.paused .dot{background:var(--armed)}.lamp.paused{color:var(--armed);border-color:var(--armed-dim)}.lamp.dead .dot{background:var(--muted)}.lamp time,.lamp.dead{color:var(--muted)}.lamp time{display:block;margin-left:auto;font-family:var(--font-mono),monospace;font-size:10.5px}@keyframes lamp-pulse{0%,to{box-shadow:0 0 0 0 var(--ok-dim)}50%{box-shadow:0 0 0 5px var(--ok-dim)}}.nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text);margin-bottom:3px;font-size:13.5px}.nav a:hover{background:var(--panel-2);text-decoration:none}.nav a svg{color:var(--muted);flex-shrink:0}.nav a:hover svg{color:var(--heading)}.theme-toggle{margin-top:auto;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:500;font-family:inherit}.theme-toggle:hover{background:var(--hover)}.theme-toggle svg{color:var(--muted);flex-shrink:0}.main{flex:1 1;padding:30px 36px 48px;max-width:1180px}.eyebrow{font-family:var(--font-mono),monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}h1{font-size:21px;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--heading)}h2{font-size:11px;margin:0 0 14px;color:var(--muted);font-family:var(--font-mono),monospace;font-weight:600;text-transform:uppercase;letter-spacing:.16em}.cards{display:flex;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin:18px 0 24px;padding:4px 0}.card{flex:1 1 150px;padding:14px 20px;border-right:1px solid var(--border);border-bottom:none;background:none}.card:last-child{border-right:none}.card .label{color:var(--muted);font-size:11.5px;margin-bottom:7px}.card .value{font-size:21px;font-weight:600;color:var(--heading);font-family:var(--font-mono),monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:22px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:10px;font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.12em}tr:last-child td{border-bottom:none}td{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gauge{position:relative;width:132px;height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden}.gauge:after{content:"";left:50%;width:1px;background:var(--border);z-index:2}.gauge .fill,.gauge:after{position:absolute;top:0;bottom:0}.gauge .fill{transition:width .5s ease}.gauge .fill.down{right:50%;background:var(--down);border-radius:4px 0 0 4px}.gauge .fill.up{left:50%;background:var(--up);border-radius:0 4px 4px 0}.gauge.near{outline:1px solid var(--armed);outline-offset:1px}.gauge-cell{display:flex;align-items:center;gap:8px}.gauge-cell .pct{font-family:var(--font-mono),monospace;font-size:11px;color:var(--muted);min-width:34px}.up{color:var(--up)}.down{color:var(--down)}.btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;font-family:inherit}.btn:hover{background:var(--hover)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--heading);border-color:var(--heading);color:var(--bg)}.btn-primary:hover{background:var(--heading);filter:brightness(.92)}.btn-danger{background:var(--armed);border-color:var(--armed);color:#1a1204}.btn-danger:hover{background:var(--armed);filter:brightness(1.08)}.btn-green{background:var(--ok);border-color:var(--ok);color:#04211a}.btn-green:hover{background:var(--ok);filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:2px 9px;border-radius:5px;font-size:11px;font-weight:600;font-family:var(--font-mono),monospace;letter-spacing:.02em;border:1px solid transparent}.badge.on{background:var(--ok-dim);color:var(--ok)}.badge.off{background:rgba(139,147,167,.13);color:var(--muted)}.badge.err,.badge.warn{background:var(--armed-dim);color:var(--armed)}.badge.up{background:var(--up-dim);color:var(--up)}.badge.down{background:var(--down-dim);color:var(--down)}button.badge{cursor:pointer}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px;width:100%;font-family:inherit}input[type=number]{font-family:var(--font-mono),monospace}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--armed);outline-offset:1px}label{display:block;font-size:12px;color:var(--muted);margin:12px 0 5px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.hint{color:var(--muted);font-size:12px;margin-top:4px}.banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9px;margin-bottom:16px;font-size:13px;border:1px solid}.banner svg{width:18px;height:18px;flex-shrink:0}.banner.err,.banner.warn{background:var(--armed-dim);border-color:var(--armed);color:var(--armed)}.banner.info{background:var(--down-dim);border-color:transparent;color:var(--muted)}.mode-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid;font-family:var(--font-mono),monospace;letter-spacing:.03em}.mode-badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.mode-badge.watching{color:var(--ok);background:var(--ok-dim);border-color:transparent}.mode-badge.watching .dot{animation:lamp-pulse 2.2s ease-in-out infinite}.mode-badge.paused{color:var(--armed);background:var(--armed-dim);border-color:var(--armed)}tr.near-down td{background:var(--down-dim)}tr.near-up td{background:var(--up-dim)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:760px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;gap:12px;padding:12px 16px}.brand small{display:none}.lamp{margin:0}.lamp time{display:none}.nav{display:flex;gap:2px;margin-left:auto}.nav a{padding:8px;margin:0}.nav a span{display:none}.theme-toggle{margin:0;padding:8px}.theme-toggle span{display:none}.main{padding:20px 16px 40px}.panel{overflow-x:auto}}