.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{--bg: #12151a;--panel: #1b2028;--border: #2c3440;--text: #e8edf4;--muted: #9aa6b5;--run: #2f9e44;--stop: #6b7280;--alarm: #d9363e;--stale: #d97706;--accent: #3b82f6;font-family:Segoe UI,IBM Plex Sans,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#1c2430 0%,var(--bg) 55%);min-height:100vh}a{color:inherit;text-decoration:none}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--border);background:#12151aeb;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;letter-spacing:.02em;margin-right:8px}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{padding:7px 12px;border-radius:8px;color:var(--muted);border:1px solid transparent}.nav a.active,.nav a:hover{color:var(--text);background:var(--panel);border-color:var(--border)}.chips{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel)}.chip.ok{border-color:#2f9e4480;color:#8ce99a}.chip.bad{border-color:#d9363e80;color:#ffa8a8}.chip.warn{border-color:#d9770680;color:#ffd8a8}.main{padding:16px 18px 28px;max-width:1400px;width:100%;margin:0 auto}.grid{display:grid;gap:12px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.card h3{margin:0 0 8px;font-size:15px}.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input,select,button{background:#0f1318;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px}button{cursor:pointer}button.primary{background:#1e3a5f;border-color:#2b4f7d}button.danger{background:#4a1520;border-color:#7a2433}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:600;position:sticky;top:0;background:var(--panel)}.fault{color:#ff8787;font-weight:700}.ok{color:#8ce99a;font-weight:700}.on{color:#74c0fc;font-weight:700}.plant-wrap{position:relative;width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#0b0d11;aspect-ratio:16 / 9}.plant-wrap img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}.hotspot{position:absolute;border-radius:10px;border:2px solid transparent;padding:4px 6px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:box-shadow .2s,border-color .2s,background .2s;background:#00000040}.hotspot.run{border-color:#2f9e44;box-shadow:0 0 0 1px #2f9e4466,inset 0 0 24px #2f9e4433}.hotspot.stop{border-color:#6b7280;box-shadow:inset 0 0 18px #0005}.hotspot.alarm{border-color:#d9363e;box-shadow:0 0 0 2px #d9363e99,inset 0 0 30px #d9363e44;animation:pulse 1.2s ease-in-out infinite}.hotspot.stale{border-color:#d97706}.hotspot .tag{font-size:11px;font-weight:700;text-shadow:0 1px 2px #000}.hotspot .meta{font-size:10px;color:#dbe4f0;opacity:.95}.tooltip{position:absolute;z-index:5;min-width:180px;pointer-events:none;background:#0f141c;border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:12px}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.chart-box{height:280px}.kpi{font-size:22px;font-weight:700}