:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07100d;--panel:#0d1915;--panel-raised:#12211b;--line:#20362d;--text:#edf8f2;--muted:#8da99d;--green:#75e6ab;--green-deep:#133d2b;--red:#ff8b84;--amber:#e9c86e}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 76% -10%, #2a7b5638, transparent 34rem), linear-gradient(180deg, #08120e 0%, var(--bg) 36rem);color:var(--text);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}main{min-height:100vh}.topbar{border-bottom:1px solid #75e6ab1f;justify-content:space-between;align-items:center;padding:1.1rem clamp(1.25rem,4vw,4.5rem);display:flex}.brand{align-items:center;gap:.8rem;display:flex}.brandMark{background:var(--green);color:#05100b;border-radius:.6rem;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;font-size:1.1rem;font-weight:900;display:flex}.brand div{gap:.1rem;display:grid}.brand strong{letter-spacing:.02em;font-size:.95rem}.brand span,.userChip{color:var(--muted);font-size:.72rem}.userChip{border:1px solid var(--line);border-radius:999px;padding:.5rem .8rem}.operatorArea{align-items:center;gap:.75rem;display:flex}.textButton{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.35rem;font-size:.72rem}.textButton:hover{color:var(--text)}.loginShell{place-items:center;min-height:100vh;padding:clamp(1.25rem,4vw,4.5rem);display:grid}.loginBrand{align-items:center;gap:.8rem;display:flex;position:absolute;top:1.5rem;left:clamp(1.25rem,4vw,4.5rem)}.loginBrand div{gap:.1rem;display:grid}.loginBrand strong{font-size:.95rem}.loginBrand div span{color:var(--muted);font-size:.72rem}.loginCard{border:1px solid var(--line);background:#0d1915e6;border-radius:1.1rem;width:100%;max-width:31rem;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 2rem 6rem #0000003d}.loginCard h1{max-width:12ch;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.loginCard>p:not(.eyebrow){color:var(--muted);margin:1.25rem 0 1.5rem;font-size:.85rem;line-height:1.65}.loginCard form{gap:.65rem;display:grid}.loginCard label{color:var(--muted);margin-top:.3rem;font-size:.72rem}.loginCard input{border:1px solid var(--line);color:var(--text);font:inherit;background:#09130f;border-radius:.6rem;outline:none;padding:.78rem .85rem}.loginCard input:focus{border-color:#3c7a5b;box-shadow:0 0 0 .2rem #75e6ab14}.loginCard button{background:var(--green);color:#06110c;cursor:pointer;border:0;border-radius:.6rem;margin-top:.55rem;padding:.82rem 1rem;font-size:.8rem;font-weight:800}.loginCard button:disabled{cursor:wait;opacity:.55}.loginCard small{color:var(--muted);margin-top:1rem;font-size:.68rem;line-height:1.5;display:block}.loginError{color:var(--red);background:#ff8b8414;border:1px solid #ff8b8440;border-radius:.55rem;margin-top:1rem;padding:.7rem;font-size:.72rem}.hero{grid-template-columns:minmax(0,1.5fr) minmax(17rem,.65fr);gap:clamp(2rem,7vw,7rem);max-width:1440px;margin:0 auto;padding:clamp(3.5rem,8vw,7.5rem) clamp(1.25rem,4vw,4.5rem) 3.25rem;display:grid}.eyebrow{color:var(--green);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:800}h1{letter-spacing:-.055em;max-width:16ch;margin:0;font-size:clamp(2.5rem,5.2vw,5.2rem);line-height:.98}.heroCopy{color:var(--muted);max-width:38rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65}.serverCard{border:1px solid var(--line);background:#0d1915d1;border-radius:1rem;align-self:end;padding:1.25rem;box-shadow:0 2rem 5rem #0003}.serverTitle{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;display:grid}.serverTitle span:not(.pulse){color:var(--muted);font-size:.8rem}.serverTitle strong{font-size:.85rem}.pulse{background:var(--green);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 .35rem #75e6ab1f}.stateAsleep .pulse{background:var(--amber);box-shadow:0 0 0 .35rem #e9c86e1a}.stateChecking .pulse,.stateStarting .pulse,.stateConnecting .pulse,.stateStopping .pulse{animation:1.2s infinite pulse}.stateFailed .pulse{background:var(--red);box-shadow:0 0 0 .35rem #ff8b841a}@keyframes pulse{50%{opacity:.35}}.serverCard dl{border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:.65rem;margin:1rem 0;padding:.9rem 0;display:grid}.serverCard dl div{justify-content:space-between;display:flex}.serverCard dt{color:var(--muted);font-size:.75rem}.serverCard dd{text-transform:capitalize;margin:0;font-size:.75rem}.serverCard button{background:var(--green);color:#06110c;cursor:pointer;border:0;border-radius:.6rem;width:100%;padding:.75rem 1rem;font-size:.8rem;font-weight:800}.serverCard button:disabled{cursor:wait;opacity:.55}.serverCard .secondaryButton{color:var(--green);background:0 0;border:1px solid #2f694e;margin-top:.55rem}.serverCard small{color:var(--muted);margin-top:.75rem;font-size:.68rem;line-height:1.45;display:block}.summaryGrid{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);max-width:1440px;margin:0 auto;display:grid}.summaryGrid article{border-right:1px solid var(--line);gap:.35rem;padding:1.35rem clamp(1rem,2.5vw,2rem);display:grid}.summaryGrid article:last-child{border-right:0}.summaryGrid span,.summaryGrid small{color:var(--muted);font-size:.7rem}.summaryGrid strong{letter-spacing:-.04em;font-size:1.8rem;font-weight:500}.summaryGrid .timeValue{font-size:1.35rem}.fleetSection{max-width:1440px;margin:0 auto;padding:3.2rem clamp(1.25rem,4vw,4.5rem) 6rem}.sectionHeading{justify-content:space-between;align-items:end;margin-bottom:1.4rem;display:flex}.sectionHeading .eyebrow{margin-bottom:.4rem}.sectionHeading h2{letter-spacing:-.035em;margin:0;font-size:1.65rem}.sectionHeading>span{color:var(--muted);text-align:right;max-width:26rem;font-size:.72rem}.emptyState{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;padding:4.2rem 1rem;display:flex}.emptyGlyph{background:var(--green-deep);color:var(--green);border:1px solid #255d44;border-radius:50%;justify-content:center;align-items:center;width:3.4rem;height:3.4rem;font-size:1.8rem;display:flex}.emptyState h3{margin:1rem 0 .35rem;font-size:1rem}.emptyState p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.meterList{gap:.65rem;display:grid}.meterCard{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;overflow:hidden}.meterRow{grid-template-columns:minmax(15rem,1fr) minmax(28rem,2fr) auto;align-items:center;gap:1.2rem;padding:1rem;display:grid}.meterIdentity{align-items:center;gap:.75rem;display:flex}.meterIdentity div{gap:.18rem;display:grid}.meterIdentity strong{font-size:.85rem}.meterIdentity small{color:var(--muted);font-size:.68rem}.meterIcon{background:var(--green-deep);color:var(--green);border-radius:.45rem;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:.72rem;font-weight:900;display:flex}.healthStrip{grid-template-columns:repeat(6,1fr);gap:.45rem;display:grid}.health{color:var(--muted);align-items:center;gap:.3rem;font-size:.62rem;display:flex}.health i{background:var(--amber);border-radius:50%;width:.4rem;height:.4rem}.health.passed i{background:var(--green)}.health.failed i{background:var(--red)}.schedule{border:1px solid var(--line);border-radius:999px;padding:.4rem .65rem;font-size:.65rem}.schedule.enabled{color:var(--green);border-color:#245b43}.schedule.disabled{color:var(--muted)}.meterActions{place-items:flex-end end;gap:.45rem;display:grid}.historyToggle,.historyHeader button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:.25rem 0;font-size:.68rem}.historyToggle:hover,.historyHeader button:hover{color:var(--text)}.historyPanel{border-top:1px solid var(--line);background:#09140f;padding:1.25rem}.historyHeader{justify-content:space-between;align-items:end;margin-bottom:1rem;display:flex}.historyHeader .eyebrow{margin-bottom:.3rem;font-size:.62rem}.historyHeader h3{margin:0;font-size:1rem}.historyHeader button{border:1px solid var(--line);border-radius:.45rem;padding:.45rem .7rem}.historyError{color:var(--red);background:#ff8b8414;border:1px solid #ff8b8440;border-radius:.55rem;margin-bottom:.8rem;padding:.7rem;font-size:.72rem}.historyEmpty{color:var(--muted);text-align:center;padding:1.5rem;font-size:.75rem;line-height:1.5}.historyWorkspace{grid-template-columns:minmax(15rem,.65fr) minmax(26rem,1.35fr);gap:1rem;display:grid}.collectionList{gap:.4rem;max-height:28rem;display:grid;overflow:auto}.collectionList>button{background:var(--panel);color:var(--text);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:.55rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.72rem;display:flex}.collectionList>button:hover{border-color:var(--line)}.collectionList>button.selected{background:var(--panel-raised);border-color:#2f694e}.collectionList>button>span:first-child{gap:.18rem;display:grid}.collectionList strong{font-size:.73rem}.collectionList small{color:var(--muted);font-size:.62rem}.operationStatus{border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:10rem;padding:.3rem .5rem;font-size:.58rem;overflow:hidden}.operationStatus.passed{color:var(--green);border-color:#245b43}.operationStatus.stopped{color:var(--red);border-color:#ff8b8459}.operationStatus.running{color:var(--amber);border-color:#e9c86e59}.collectionDetail{background:var(--panel);border:1px solid var(--line);border-radius:.65rem;min-height:15rem;overflow:hidden}.detailHeading{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.detailHeading>div{border-right:1px solid var(--line);gap:.25rem;padding:.8rem;display:grid}.detailHeading>div:last-child{border-right:0}.detailHeading span{color:var(--muted);font-size:.6rem}.detailHeading strong{font-size:.72rem}.resultText.passed{color:var(--green)}.resultText.stopped{color:var(--red)}.resultText.running{color:var(--amber)}.diagnosticStrip{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:.6rem;padding:.75rem;display:grid}.readingTable{display:grid}.readingRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(12rem,1.2fr) minmax(8rem,1fr) minmax(9rem,.8fr);align-items:center;gap:.8rem;padding:.72rem .8rem;display:grid}.readingRow:last-child{border-bottom:0}.readingRow>span:first-child{gap:.2rem;display:grid}.readingRow strong{overflow-wrap:anywhere;font-size:.72rem}.readingRow span{color:var(--muted);overflow-wrap:anywhere;font-size:.68rem}.readingRow small{color:var(--muted);font-size:.58rem}.readingHead{background:#75e6ab09}.readingHead span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:700}@media (max-width:900px){.hero{grid-template-columns:1fr}.serverCard{align-self:stretch}.summaryGrid{grid-template-columns:repeat(2,1fr)}.summaryGrid article:nth-child(2){border-right:0}.summaryGrid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.meterRow{grid-template-columns:1fr}.meterActions{justify-content:space-between;align-items:center;display:flex}.healthStrip{grid-template-columns:repeat(3,1fr)}.historyWorkspace{grid-template-columns:1fr}.collectionList{max-height:14rem}}@media (max-width:560px){.userChip{display:none}.sectionHeading{flex-direction:column;align-items:start;gap:.7rem}.sectionHeading>span{text-align:left}.summaryGrid strong{font-size:1.45rem}.healthStrip{grid-template-columns:repeat(2,1fr)}.detailHeading{grid-template-columns:1fr}.detailHeading>div{border-bottom:1px solid var(--line);border-right:0}.detailHeading>div:last-child{border-bottom:0}.diagnosticStrip{grid-template-columns:repeat(2,1fr)}.readingTable{overflow-x:auto}.readingRow{min-width:38rem}}
