:root{--font-ui:Inter,system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace;--s-1:2px;--s-2:4px;--s-3:6px;--s-4:8px;--s-5:12px;--s-6:16px;--s-7:20px;--s-8:24px;--s-9:32px;--s-10:40px;--r-chip:3px;--r-control:5px;--r-card:7px;--r-pill:999px;--row-compact:28px;--row-default:32px;--row-comfy:40px;--card-pad:10px;--rail-w:208px;--aside-w:360px;--shadow-overlay:0 8px 24px -6px rgba(8,11,14,.28);--dur-in:120ms;--dur-out:90ms;--ease:cubic-bezier(0.2,0,0,1);--bg-canvas:#fff;--bg-surface:#f7f9fb;--bg-raised:#fff;--text-primary:#171e25;--text-secondary:#4c5a6b;--text-tertiary:#5f6d7e;--border-default:#cdd5df;--border-control:#7a8794;--brand-fg:#14477a;--brand-solid:#14477a;--on-brand:#fff;--urgent-fg:#a31d12;--urgent-bg:#fdecea;--urgent-solid:#c22e1f;--on-urgent:#fff;--warn-fg:#7a4a05;--warn-bg:#fdf3e3;--ok-fg:#1b5e3a;--ok-bg:#e6f4ec;--machine-fg:#0f5b62;--machine-bg:#e4f4f5;--machine-rail:#0e7c86;--focus:#1c5d9e}@media (prefers-color-scheme:dark){:root{--bg-canvas:#0e1318;--bg-surface:#171e25;--bg-raised:#253039;--text-primary:#e3e8ee;--text-secondary:#9aa7b6;--text-tertiary:#7c8b9e;--border-default:#36424f;--border-control:#63748a;--brand-fg:#7fb2dc;--brand-solid:#14477a;--on-brand:#fff;--urgent-fg:#ff8570;--urgent-bg:#3a120c;--urgent-solid:#d7382a;--on-urgent:#fff;--warn-fg:#f0b04a;--warn-bg:#33240a;--ok-fg:#4fbf80;--ok-bg:#0e2a1b;--machine-fg:#4fd1db;--machine-bg:#0b2a2d;--machine-rail:#22a7b3;--focus:#4c9aff}}@media (prefers-reduced-motion:reduce){:root{--dur-in:0ms;--dur-out:0ms}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font-ui);font-size:13px;line-height:18px;font-feature-settings:"tnum" 1,"zero" 1;color:var(--text-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:none;cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{display:flex;min-height:100vh}.rail{width:var(--rail-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-default);padding:var(--s-5)}.rail-brand{font-size:11px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--brand-fg);padding:var(--s-3) var(--s-4) var(--s-6)}.rail-item{display:flex;align-items:center;justify-content:space-between;height:var(--row-default);padding:0 var(--s-4);border-radius:var(--r-control);color:var(--text-secondary);font-weight:500}.rail-item:hover,.rail-item[aria-current=page]{background:var(--bg-raised);color:var(--text-primary)}.rail-badge,.rail-item[aria-current=page]{font-weight:600}.rail-badge{min-width:18px;padding:0 var(--s-2);border-radius:var(--r-pill);background:var(--urgent-solid);color:var(--on-urgent);font-size:11px;line-height:18px;text-align:center}.rail-bottom{margin-top:auto}.rail-user{padding:var(--s-4);font-size:12px;line-height:16px;color:var(--text-tertiary);border-top:1px solid var(--border-default);margin-top:var(--s-4)}.main{flex:1 1;min-width:0;padding:var(--s-7) var(--s-9);max-width:980px}.main-wide{max-width:1600px}.band-header{font-size:11px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--text-tertiary);margin:var(--s-8) 0 var(--s-4);display:flex;align-items:center;gap:var(--s-4)}.band-header:after{content:"";flex:1 1;border-top:1px solid var(--border-default)}.band-header.urgent{color:var(--urgent-fg)}.card{border:1px solid var(--border-default);border-radius:var(--r-card);background:var(--bg-raised);padding:var(--card-pad);margin-bottom:var(--s-4)}.card-emergency{border:1px solid var(--urgent-solid);background:var(--urgent-bg)}.card-row{display:flex;align-items:baseline;gap:var(--s-5);flex-wrap:wrap}.card-meta{color:var(--text-secondary);margin-top:var(--s-2)}.card-meta,.chip{font-size:12px;line-height:16px}.chip{display:inline-block;font-family:var(--font-mono);padding:1px var(--s-3);border-radius:var(--r-chip)}.chip-warn{background:var(--warn-bg);color:var(--warn-fg)}.chip-urgent{background:var(--urgent-bg);color:var(--urgent-fg)}.chip-neutral{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default)}.chip-machine{background:var(--machine-bg);color:var(--machine-fg)}.chip-ok{background:var(--ok-bg);color:var(--ok-fg)}.countdown{font-size:24px;line-height:30px;letter-spacing:-.02em;font-weight:600}.countdown.ok{color:var(--text-secondary)}.countdown.warn{color:var(--warn-fg)}.countdown.urgent{color:var(--urgent-fg)}.countdown.breached{color:var(--on-urgent);background:var(--urgent-solid);font-weight:700;padding:0 var(--s-3);border-radius:var(--r-chip)}.countdown.breached-overnight{color:var(--urgent-fg);background:var(--urgent-bg);font-weight:600;padding:0 var(--s-3);border-radius:var(--r-chip)}.breach-at{font-size:12px;line-height:16px;color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;height:28px;padding:0 var(--s-5);border:1px solid var(--border-control);border-radius:var(--r-control);background:var(--bg-raised);color:var(--text-primary);font-weight:500;font-size:12px}.btn:hover{background:var(--bg-surface)}.btn-primary{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-solid);opacity:.92}.btn-urgent{background:var(--urgent-solid);border-color:var(--urgent-solid);color:var(--on-urgent);font-weight:600}.empty-state{padding:var(--s-9);text-align:center;color:var(--text-secondary);border:1px dashed var(--border-default);border-radius:var(--r-card)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-surface)}.login-card{width:360px;padding:var(--s-9);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-card);text-align:center}@media (max-width:767px){.shell{flex-direction:column}.rail{width:100%;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--border-default);padding:var(--s-3) var(--s-5);overflow-x:auto}.rail-brand{padding:0 var(--s-5) 0 0;white-space:nowrap}.rail-item{white-space:nowrap;gap:var(--s-3)}.rail-bottom{margin-top:0;margin-left:auto;display:flex}.rail-user{border-top:none;margin-top:0;padding:0 0 0 var(--s-4);white-space:nowrap}.main{padding:var(--s-5)}input,select,textarea{font-size:16px}}