:root{color:#e7edf7;font-synthesis:none;text-rendering:optimizelegibility;background:#080d18;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.shell{width:min(1120px,100% - 40px);margin:0 auto;padding:32px 0 64px}.topbar,.intro,.panel-heading,.machine-row{align-items:center;display:flex}.topbar,.intro,.panel-heading{justify-content:space-between}.topbar{border-bottom:1px solid #202b3f;padding-bottom:24px}.eyebrow{color:#7794be;letter-spacing:.16em;margin:0 0 8px;font-size:.72rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:0;font-size:2rem}h2{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(1.5rem,3vw,2.2rem)}.environment{color:#9eb4d3;border:1px solid #2d405d;border-radius:999px;padding:8px 12px;font-size:.8rem}.intro{padding:58px 0 30px}.muted,.last-seen{color:#8292aa}.intro .muted{margin-bottom:0}.summary{text-align:right}.summary-value{font-size:2.4rem;font-weight:700;display:block}.summary .muted{font-size:.85rem}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.metric-card,.panel{background:#101827;border:1px solid #1e2b40;border-radius:14px}.metric-card{gap:9px;padding:22px;display:grid}.metric-label{color:#aab9d0;font-size:.85rem}.metric-card strong{font-size:2.15rem}.metric-note{color:#8292aa;font-size:.78rem}.positive{color:#60d6a3}.panel{padding:24px}.workspace{grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr);gap:20px;display:grid}.panel-heading{border-bottom:1px solid #202b3f;padding-bottom:18px}.panel-heading h2{margin-bottom:0}.secondary-button{color:#c4d4e9;cursor:pointer;background:0 0;border:1px solid #385171;border-radius:8px;padding:9px 14px}.secondary-button:hover{color:#fff;border-color:#79a4dc}.machine-list{display:grid}.empty-state{color:#8292aa;margin:0;padding:28px 0 4px}.error-text{color:#f2a5a5}.alerts-panel{margin-bottom:20px}.alert-row{align-items:center;gap:12px;min-height:68px;display:flex}.alert-row+.alert-row{border-top:1px solid #1c2739}.severity-dot{border-radius:50%;width:9px;height:9px}.severity-dot.warning{background:#f3bc63}.severity-dot.critical{background:#f07878;box-shadow:0 0 14px #f0787866}.alert-content{flex:1;gap:4px;display:grid}.machine-row{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #1c2739;gap:14px;width:100%;min-height:76px;padding:0;display:flex}.machine-row+.machine-row{border-top:1px solid #1c2739}.machine-row:hover,.machine-row.selected{background:#172337}.status-dot{border-radius:50%;width:9px;height:9px}.status-dot.online{background:#60d6a3;box-shadow:0 0 14px #60d6a366}.status-dot.offline{background:#708096}.status-dot.attention{background:#f3bc63}.machine-name{flex:1;gap:4px;display:grid}.machine-name .muted,.last-seen{font-size:.8rem}.status-pill{border-radius:999px;padding:5px 9px;font-size:.75rem}.status-pill.online{color:#72e3b0;background:#153c33}.status-pill.offline{color:#a7b4c7;background:#202b3a}.status-pill.attention{color:#f5c66f;background:#443620}.last-seen{text-align:right;min-width:80px}.detail-meta{color:#8292aa;flex-wrap:wrap;gap:24px;padding:18px 0;font-size:.8rem;display:flex}.detail-meta strong{color:#cbd7e8;margin-left:4px;font-weight:500}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-grid .metric-card{padding:15px}.metric-grid .metric-card strong{font-size:1.55rem}.history-heading{border-top:1px solid #202b3f;justify-content:space-between;align-items:end;margin-top:24px;padding-top:22px;display:flex}.history-heading h3{margin:0;font-size:1.1rem}.charts{gap:10px;margin-top:14px;display:grid}.chart-card{background:#0c1422;border:1px solid #1d2b40;border-radius:10px;padding:12px 14px 8px}.chart-title{justify-content:space-between;font-size:.82rem;display:flex}.chart-card svg{width:100%;height:108px;margin-top:8px;display:block}.chart-empty{color:#8292aa;justify-content:center;align-items:center;height:108px;font-size:.8rem;display:flex}@media (width<=680px){.shell{width:min(100% - 28px,1120px);padding-top:20px}.intro{flex-direction:column;align-items:flex-start;gap:20px;padding-top:40px}.summary{text-align:left}.metrics,.workspace,.metric-grid{grid-template-columns:1fr}.machine-row{flex-wrap:wrap;align-items:flex-start;padding:18px 0}.last-seen{text-align:left;width:100%;margin-left:23px}}