:root{--ui-panel-width: 460px;--ui-font-base: 12px;--ui-font-label: 10.5px;--ui-font-small: 11px;--ui-font-value: 18px;--ui-tank-vol-width: 100px;--ui-demand-val-width: 100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;height:100vh;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0d1117}#panel{width:var(--ui-panel-width);flex-shrink:0;background:#161b22;color:#dde3ea;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #30363d}.panel-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.panel-scroll::-webkit-scrollbar{width:4px}.panel-scroll::-webkit-scrollbar-thumb{background:#30363d;border-radius:2px}.panel-header{background:#0d1117;padding:13px 14px;border-bottom:1px solid #30363d;flex-shrink:0}.panel-title{font-size:15px;font-weight:700;letter-spacing:.12em;color:#e6edf3}.panel-subtitle{font-size:var(--ui-font-small);color:#6e7681;margin-top:2px;letter-spacing:.04em}.section{padding:8px 12px;border-bottom:1px solid #21262d;flex-shrink:0}.events-section{height:120px;flex-shrink:0;display:flex;flex-direction:column}.events-section .event-log{flex:1;overflow-y:auto}.label{font-size:var(--ui-font-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6e7681;margin-bottom:5px}.label-sm{font-size:var(--ui-font-small);color:#6e7681}.value{font-size:var(--ui-font-value);font-weight:500;color:#e6edf3;line-height:1.2}.mono{font-family:Consolas,Cascadia Code,Courier New,monospace}.small{font-size:var(--ui-font-small)}.warn-text{color:#f97316}.ok-text{color:#4ade80}.progress-track{height:5px;background:#21262d;border-radius:3px;margin-top:6px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:#1f6feb;transition:width .4s ease}.fuel-header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.fuel-vol{font-size:13px;color:#c9d1d9;white-space:nowrap;overflow:hidden}.fuel-rate{font-size:var(--ui-font-base);color:#8b949e;white-space:nowrap;overflow:hidden}.tank-row{display:flex;align-items:center;gap:6px;margin:2px 0}.tank-label{font-size:var(--ui-font-small);color:#6e7681;width:24px;font-family:monospace;flex-shrink:0}.bar-track{flex:1;height:7px;background:#21262d;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:#22c55e;transition:width .4s ease,background .4s ease}.tank-vol{font-size:var(--ui-font-small);color:#6e7681;width:var(--ui-tank-vol-width);text-align:right;flex-shrink:0;white-space:nowrap;overflow:hidden}.threshold-row{display:flex;justify-content:space-between;margin-top:5px}.thr-item{font-size:var(--ui-font-small);color:#6e7681}.thr-item .mono{font-size:var(--ui-font-base)}.gen-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:5px}.gen-card2{background:#1c2128;border:1px solid #30363d;border-radius:5px;padding:5px 7px;min-height:76px}.gen-card2-hdr{display:flex;align-items:center;gap:5px;margin-bottom:3px}.gen-led{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s}.gen-led.online{background:#22c55e;box-shadow:0 0 6px #22c55e88}.gen-led.repair{background:#ef4444;box-shadow:0 0 6px #ef444488}.gen-led.standby{background:#6b7280;box-shadow:none}.gen-name{font-size:13px;font-weight:600;color:#e6edf3;flex:1;white-space:nowrap;overflow:hidden}.gen-stat{font-size:var(--ui-font-small);font-weight:700;letter-spacing:.06em;font-family:monospace;white-space:nowrap}.gen-stat.online-text{color:#22c55e}.gen-stat.repair-text{color:#ef4444}.gen-stat.standby-text{color:#6b7280}.gen-detail{font-size:var(--ui-font-small);color:#8b949e;font-family:monospace;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-detail.repair-mode{color:#fbbf24}.gen-meta{font-size:var(--ui-font-small);color:#4b5563;font-family:monospace;margin-top:1px;white-space:nowrap;overflow:hidden}.gen-footer-row{display:flex;justify-content:space-between;align-items:center}.gen-total-lph{font-size:var(--ui-font-base);color:#8b949e}.demand-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.demand-label{font-size:var(--ui-font-small);color:#6e7681;width:50px;flex-shrink:0;white-space:nowrap;overflow:hidden}.demand-bar{flex:1}.demand-kw{font-size:var(--ui-font-base);color:#c9d1d9;width:var(--ui-demand-val-width);text-align:right;flex-shrink:0;white-space:nowrap;overflow:hidden}.zone-demand{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:4px 0}.zone-item{display:flex;align-items:center;gap:3px;background:#1c2128;border-radius:3px;padding:2px 5px}.zone-item.nc{opacity:.75}.zone-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:background .3s}.zone-dot.served{background:#22c55e;box-shadow:0 0 4px #22c55e66}.zone-dot.shed{background:#6b7280;box-shadow:none}.zone-name{font-size:var(--ui-font-small);color:#8b949e;flex:1;font-weight:500;white-space:nowrap;overflow:hidden}.zone-kw{font-size:var(--ui-font-small);color:#4b5563;font-family:monospace;white-space:nowrap}.convoy-status{font-size:var(--ui-font-base);color:#c9d1d9;margin-bottom:6px;min-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supply-grid{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;align-items:baseline}.supply-key{font-size:var(--ui-font-small);color:#6e7681}.supply-val{font-size:var(--ui-font-base);color:#c9d1d9;white-space:nowrap;overflow:hidden}.shed-table{margin-bottom:4px}.shed-row{display:flex;align-items:baseline;gap:7px;padding:1.5px 0}.shed-ph{font-size:var(--ui-font-small);font-weight:700;letter-spacing:.06em;font-family:monospace;width:88px;flex-shrink:0;padding:1px 4px;border-radius:3px;white-space:nowrap;overflow:hidden}.ph-nominal{background:#0f2d1a;color:#4ade80}.ph-alert{background:#2d1a00;color:#fb923c}.ph-contingency{background:#2d1400;color:#f97316}.ph-critical{background:#2d0000;color:#f87171}.ph-recovery{background:#00192d;color:#60a5fa}.shed-desc{font-size:var(--ui-font-small);color:#8b949e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-policy{font-size:var(--ui-font-small);color:#6e7681;margin-top:2px;padding:2px 4px;background:#1c2128;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:14px;font-weight:700;letter-spacing:.1em;transition:background .4s,color .4s;white-space:nowrap}.phase-badge.nominal{background:#0f2d1a;color:#4ade80;border:1px solid #166534}.phase-badge.alert{background:#2d1a00;color:#fb923c;border:1px solid #92400e}.phase-badge.contingency{background:#2d1400;color:#f97316;border:1px solid #c2410c}.phase-badge.critical{background:#2d0000;color:#f87171;border:1px solid #991b1b}.phase-badge.recovery{background:#00192d;color:#60a5fa;border:1px solid #1d4ed8}.event-log{flex:1;overflow-y:auto;min-height:70px;max-height:180px;font-size:var(--ui-font-base);line-height:1.55;color:#6e7681;font-family:Consolas,monospace}.event-log::-webkit-scrollbar{width:3px}.event-log::-webkit-scrollbar-thumb{background:#30363d}.event-log .entry{padding:1px 0;border-bottom:1px solid #1c2128;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-log .entry.warn{color:#fb923c}.event-log .entry.critical{color:#f87171}.event-log .entry.ok{color:#4ade80}.controls{padding:9px 12px;border-top:1px solid #30363d;display:flex;flex-wrap:wrap;gap:5px;align-items:center;background:#0d1117;flex-shrink:0}button{background:#21262d;border:1px solid #30363d;color:#c9d1d9;border-radius:5px;padding:5px 12px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .15s}button:hover{background:#30363d}.speed-row{display:flex;align-items:center;gap:6px;width:100%;margin-top:2px}.speed-row input[type=range]{flex:1;accent-color:#1f6feb}#viewport{flex:1;position:relative;overflow:hidden}#viewport canvas{display:block;width:100%!important;height:100%!important}#charts-overlay{position:fixed;top:12px;right:12px;width:350px;background:#161b22;border:1px solid #30363d;border-radius:6px;overflow:hidden;pointer-events:none;z-index:5}.co-title{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6e7681;padding:7.5px 12.5px;background:#0d1117;border-bottom:1px solid #30363d}.co-block{padding:7.5px 12.5px;border-bottom:1px solid #21262d}.co-block:last-child{border-bottom:none}.co-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.co-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6e7681}.co-val{font-size:14px;color:#c9d1d9}.co-block canvas{display:block;width:100%;border-radius:2px}#branding{position:fixed;bottom:16px;right:20px;text-align:right;pointer-events:none;z-index:5;background:#0000004d;padding:10px 16px 10px 20px;border-radius:6px;border-right:3px solid rgba(255,255,255,.18)}.brand-line{font-size:14px;line-height:1.55}.brand-demo{font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffdc64eb}.brand-company{font-weight:600;color:#dce8f8f2}.brand-institute{font-weight:400;font-style:italic;color:#b4c8e1cc}.brand-email{font-weight:500;color:#b4c8e1e0;display:flex;align-items:center;justify-content:flex-end;gap:5px}.brand-email-icon{font-size:15px;line-height:1}@media (max-width: 1023px){#panel{width:340px}#charts-overlay{width:260px}#charts-overlay canvas{height:50px}}@media (max-width: 639px){body{flex-direction:column;height:100vh;height:100dvh;overflow:hidden}#viewport{order:1;flex:none;width:100%;height:45vh}#panel{order:2;width:100%;flex:1;border-right:none;border-top:1px solid #30363d}.event-log{max-height:120px}#charts-overlay{display:none}#branding{bottom:auto;top:6px;right:6px;padding:6px 10px 6px 12px}.brand-line{font-size:11px}.brand-email-icon{font-size:12px}button{padding:8px 14px;font-size:13px}.speed-row input[type=range]{height:24px}}