html{height:100%;width:100%;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0b0f14;color:#e5e7eb;height:100vh;width:100%;overflow:hidden}#root{height:100vh;width:100%;overflow:hidden}.dashboard-root{display:grid;grid-template-rows:auto 1fr;height:100vh;width:100%;background-color:#0b0f14;overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto auto;gap:4px;padding:8px;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.panel{background-color:#111827;border:1px solid #1f2937;color:#e5e7eb;padding:6px 8px;min-height:60px}.panel-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:4px}.top-stats-row{grid-column:1 / span 9;grid-row:1;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.gauges-row{grid-column:1 / span 9;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.charts-grid{grid-column:1 / span 9;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.right-panel{grid-column:10 / span 3;grid-row:1 / span 3;display:grid;grid-template-rows:auto auto 1fr;gap:4px;overflow-y:auto}.pod-viewer-panel{grid-column:1 / span 9;grid-row:4;min-height:160px}.alarm-banner{background-color:#7f1d1d;color:#fee2e2;border-bottom:1px solid #fca5a5;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.alarm-banner-message{font-weight:600}.alarm-banner-button{border:1px solid #fecaca;background:transparent;color:#fee2e2;padding:4px 8px;font-size:11px;text-transform:uppercase;cursor:pointer}.counter-root{display:flex;flex-direction:column;gap:4px}.counter-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.counter-value-row{display:flex;align-items:baseline;justify-content:space-between;font-variant-numeric:tabular-nums}.counter-value{font-size:16px;font-weight:600}.counter-unit{font-size:11px;color:#6b7280;margin-left:4px}.health-indicator{width:10px;height:10px}.gauge-root{display:flex;flex-direction:column}.gauge-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.gauge-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.gauge-value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.gauge-svg{width:100%;height:90px}.line-plot-svg{width:100%;height:80px;background-color:#020617}.line-plot-grid line{stroke:#1f2937;stroke-width:.5}.line-plot-path{fill:none;stroke-width:1.2}.segment-bar-root{display:flex;gap:1px;margin-top:4px}.segment-cell{flex:1;height:14px;cursor:pointer}.segment-cell.selected{outline:1px solid #e5e7eb}.right-panel-section{background-color:#111827;border:1px solid #1f2937;padding:6px 8px}.right-panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.right-panel-controls{display:flex;gap:6px;margin-top:4px}.btn{border:1px solid #4b5563;background-color:#020617;color:#e5e7eb;padding:4px 8px;font-size:11px;text-transform:uppercase;cursor:pointer}.btn:disabled{opacity:.4;cursor:default}.btn-emergency{border-color:#b91c1c;background-color:#7f1d1d;color:#fee2e2;font-weight:700}.fault-list{font-size:11px;max-height:160px;overflow-y:auto}.fault-row{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid #1f2937}.fault-message{flex:1;margin-left:4px}.pod-viewer-canvas{width:100%;height:140px;background-color:#020617;border:1px solid #1f2937;position:relative}.pod-viewer-label{position:absolute;font-size:10px;padding:2px 4px;background-color:#111827;border:1px solid #1f2937}.health-nominal{background-color:#15803d}.health-degraded{background-color:#ca8a04}.health-critical{background-color:#b91c1c}.health-invalid{background-color:#4b5563}