:root{--navy:#112735;--teal:#087f80;--line:#dae4e8;--muted:#5e737f;--bg:#f3f6f8;--text:#162d3b;--card:#fff;--low-bg:#fff1bc;--low-fg:#7c5b00;--high-bg:#ffdfbc;--high-fg:#884510;--critical-bg:#ffe0e3;--critical-fg:#a02332;--ok-bg:#d8f3ee;--ok-fg:#0d5f58;--planned-bg:#e6edf1;--planned-fg:#4a6270;--model-bg:#ffe7cf;--model-fg:#8a4a12;--unavail-bg:#ffe0e3;--unavail-fg:#a02332}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:inherit;background:#fff;border-radius:9px;padding:10px 14px}button:hover:not(:disabled){border-color:var(--teal)}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #52bcbc}button.primary{background:var(--teal);color:#fff;border-color:var(--teal)}button.danger{color:#fff;background:#b52c37;border-color:#b52c37}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}aside{background:var(--navy);color:#d1dfe5;flex-direction:column;padding:28px 18px;display:flex}.brand{color:#fff;letter-spacing:-1px;font-size:26px;font-weight:750}.brand span{color:#5fdbd2}.sub{color:#9db2bd;margin:8px 0 38px;font-size:12px}nav{gap:8px;display:grid}nav a{text-align:left;color:#a8beca;background:0 0;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;display:block}nav a.active{color:#91f3e5;background:#22434f}nav a:hover{color:#e3f4f1}aside footer{color:#9cb4c1;margin-top:auto;padding-top:35px;font-size:12px;line-height:1.7}main{min-width:0;padding:26px 32px}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.crumb{color:var(--muted);font-size:13px}.pill{color:#785604;background:#fff0c8;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:650;display:inline-block}.pill.live{background:var(--ok-bg);color:var(--ok-fg)}.pill.neutral{background:var(--planned-bg);color:var(--planned-fg)}.banner{background:var(--critical-bg);color:var(--critical-fg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 0;padding:12px 16px;font-size:14px;display:flex}.banner button{padding:6px 10px;font-size:13px}.notice{color:#586f7c;margin:20px 0;font-size:13px;line-height:1.5}.heading{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{letter-spacing:-.7px;margin:18px 0 5px;font-size:30px}h2{margin:0 0 14px;font-size:18px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0;display:grid}.stat,.box{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:20px}.stat small{color:var(--muted)}.stat strong{margin-top:8px;font-size:27px;display:block}.layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px;display:grid}.viewer{padding:0;overflow:hidden}.viewer-head{justify-content:space-between;align-items:center;gap:10px;padding:18px;display:flex}.stage{aspect-ratio:16/9;background:#122b38;position:relative;overflow:hidden}.scene{background:linear-gradient(140deg,#385457,#173541);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene.work{filter:grayscale(.7)}.pool{background:repeating-linear-gradient(175deg,#368b99 0 22px,#3e96a3 23px,#368b99 25px);border:12px solid #c8d6ce;border-radius:14px;width:60%;height:52%;position:absolute;transform:skew(-9deg);box-shadow:0 0 0 20px #879e84}.tag{z-index:4;color:#fff;background:#122b38d9;border-radius:6px;padding:7px 9px;font-size:12px;position:absolute;top:15px;left:15px}.scene-label{color:#cee3e7;background:#122b38e0;border-radius:6px;padding:7px 10px;font-size:12px;position:absolute;bottom:15px;left:15px}.person{background:#ffc36f;border:2px solid #fff;border-radius:16px 16px 8px 8px;width:32px;height:50px;position:absolute;top:40%;left:24%}.person-label{white-space:nowrap;color:#fff;background:#10262ce0;padding:4px;font-size:11px;position:absolute;top:31%;left:21%}.zone-sample{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.controls{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:16px;display:flex}.meta{color:var(--muted);padding:0 18px 18px;font-size:12px}label{color:var(--muted);margin:12px 0 7px;font-size:13px;display:block}select,input[type=text]{border:1px solid var(--line);color:#183440;background:#fff;border-radius:8px;width:100%;padding:10px}.scenario{gap:9px;margin-top:16px;display:grid}.scenario button{text-align:left}.level{border-radius:5px;margin-right:8px;padding:3px 7px;font-size:11px;font-weight:650;display:inline-block}.level.LOW{background:var(--low-bg);color:var(--low-fg)}.level.HIGH{background:var(--high-bg);color:var(--high-fg)}.level.CRITICAL{background:var(--critical-bg);color:var(--critical-fg)}.status{white-space:nowrap;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:650;display:inline-block}.status.AVAILABLE{background:var(--ok-bg);color:var(--ok-fg)}.status.PLANNED{background:var(--planned-bg);color:var(--planned-fg)}.status.MODEL_REQUIRED{background:var(--model-bg);color:var(--model-fg)}.status.UNAVAILABLE{background:var(--unavail-bg);color:var(--unavail-fg)}.status.SIMULATED{background:var(--low-bg);color:var(--low-fg)}.status.LIVE{background:var(--ok-bg);color:var(--ok-fg)}.status.RECORDED{background:var(--planned-bg);color:var(--planned-fg)}.model{border-top:1px solid var(--line);color:#6c7479;margin-top:18px;padding-top:14px;font-size:12px;line-height:1.5}.history{margin-top:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 10px}th{color:var(--muted);font-weight:550}td button{padding:6px 8px;font-size:12px}.toast{color:#fff;z-index:10;background:#123642;border-radius:12px;max-width:380px;padding:14px 22px;position:fixed;bottom:24px;right:24px}.details{gap:14px;max-width:850px;display:grid}.item{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.item p{margin:6px 0}.item h2{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.empty{color:var(--muted);padding:20px}.kv{grid-template-columns:auto 1fr;gap:6px 18px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.caps{gap:8px;display:grid}.caps div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:grid}@media (width<=1000px){.layout{grid-template-columns:1fr}.app{grid-template-columns:170px 1fr}main{padding:20px}}@media (width<=640px){.app{display:block}aside{padding:15px}aside .sub,aside footer{display:none}nav{margin-top:12px;display:flex;overflow:auto}nav a{white-space:nowrap;padding:8px}.brand{font-size:22px}main{padding:15px}.heading{flex-direction:column;align-items:flex-start}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:20px}.top{gap:10px}.layout{display:block}.layout>.box{margin-bottom:15px}h1{font-size:26px}}