:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09120f;--panel:#111d18;--line:#294036;--text:#edf7f1;--muted:#9eb4a8;--accent:#74e0a7;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}a{color:inherit}.login{background:radial-gradient(circle at 70% 20%, #183c2c, var(--bg) 50%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:1rem;width:min(100%,28rem);padding:clamp(1.5rem,5vw,3rem)}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}h1{margin:.25rem 0 1.5rem;font-size:clamp(2rem,6vw,3.5rem)}form,label{gap:.5rem;display:grid}form{gap:1rem}input{border:1px solid var(--line);background:var(--bg);min-height:2.75rem;color:var(--text);border-radius:.4rem;padding:.65rem}button{background:var(--accent);color:#052014;cursor:pointer;border:0;border-radius:.4rem;min-height:2.75rem;padding:.6rem 1rem;font-weight:700}.shell{grid-template:auto 1fr/14rem 1fr;min-height:100vh;display:grid}header{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.brand{font-weight:800;text-decoration:none}.quiet{color:var(--text);border:1px solid var(--line);background:0 0}aside{border-right:1px solid var(--line);padding:1.5rem}nav{gap:.75rem;display:grid}nav a{padding:.6rem;text-decoration:none}.shell main{padding:clamp(1.5rem,5vw,4rem)}.metric{border:1px solid var(--line);background:var(--panel);max-width:28rem;color:var(--muted);border-radius:.75rem;gap:.5rem;padding:1.25rem;display:grid}.metric strong{color:var(--text);font-size:2rem}@media (width<=42rem){.shell{grid-template:auto auto 1fr/1fr}aside{border-right:0;border-bottom:1px solid var(--line)}nav{display:flex}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-dashboard{gap:1.5rem;max-width:78rem;margin:0 auto;display:grid}.site-header{border:0;grid-column:auto;align-items:center;gap:1rem;padding:0;display:flex}.site-header h1{margin-bottom:0}.status{border:1px solid;border-radius:99rem;margin-left:auto;padding:.45rem .75rem}.status.online{color:var(--accent)}.status.offline{color:#ffb4ab}.offline-banner{color:#ffd9d5;background:#3d1114;border:2px solid #ffb4ab;border-radius:.75rem;padding:1rem;font-weight:800}.power-flow{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}.flow-node,.fleet-card{border:1px solid var(--line);background:var(--panel);border-radius:.75rem;padding:1rem}.flow-node{gap:.35rem;display:grid}.flow-node strong{font-size:1.35rem}.summary{flex-wrap:wrap;gap:1rem;display:flex}.summary .metric{flex:13rem}.range-picker{flex-wrap:wrap;gap:.5rem;display:flex}.range-picker button.selected{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent)}.telemetry-chart{border:1px solid var(--line);width:100%;min-height:12rem;max-height:20rem;color:var(--accent);background:var(--panel);border-radius:.75rem}.fleet-list{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;padding:0;list-style:none;display:grid}.fleet-card h2{margin-top:0;font-size:1.25rem}.fleet-card.severity-critical{border-width:2px;border-color:#ffb4ab}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=42rem){.site-header{align-items:flex-start}.power-flow{grid-template-columns:1fr 1fr}}