:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#dce5eb;background:#080f18;--bg:#0a131e;--panel:#0e1a27;--border:#253444;--muted:#8194a6;--mint:#69e7b0;--gold:#edc074;--red:#fa7777;--blue:#82bdff}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.shell{height:100vh;min-height:600px;display:flex;flex-direction:column;background:#08111b}.topbar{height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(90deg,#111e2b,#0b1520);border-bottom:1px solid #2b3b48}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-symbol{font-size:32px;color:var(--mint);line-height:1}.brand-word{display:flex;flex-direction:column;line-height:1.15;letter-spacing:4px}.brand-word b{font-size:18px;letter-spacing:4px;font-weight:800}.brand-word small{font-size:9px;color:var(--muted);margin-top:6px;letter-spacing:2px}.top-center{color:#acc6bf;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:11px}.online-pulse{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #69e7b0}.top-divider{height:16px;width:1px;background:#36505e}.top-actions{display:flex;align-items:center;gap:11px}.top-button,.top-chip{font-size:10px;letter-spacing:1.1px;color:#c5d4de;background:#142634;padding:10px 13px;border:1px solid #2c4a56;border-radius:5px}.top-button:hover,.secondary:hover{background:#214052}.top-chip{background:transparent;border-color:#304150}.top-chip b{color:var(--mint)}.workspace{display:grid;grid-template-columns:292px minmax(250px,1fr) 323px;min-height:0;flex:1}.panel{background:#0d1926;z-index:3}.left-sidebar{border-right:1px solid var(--border);padding:22px 17px}.right-sidebar{border-left:1px solid var(--border);padding:22px 17px}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#344b5c transparent}.section-eyebrow,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;letter-spacing:1.5px;font-size:10px;font-weight:760;color:#e0eaf0}.section-eyebrow{color:var(--mint)}.section-eyebrow span,.section-heading span{font-size:9px;font-weight:500;color:#647c8d}.hero-stat{padding:24px 0 18px}.hero-stat>span,.mini-stats span,.right-top-stats span{color:#819aac;font-size:10px;letter-spacing:1.1px}.hero-stat>div{display:flex;align-items:baseline;gap:8px;margin:2px 0}.hero-stat strong{font-size:58px;line-height:1.15;font-weight:670;letter-spacing:-2px}.hero-stat small,.right-top-stats small{font-size:12px;color:var(--mint)}.hero-stat p{font-size:11px;color:#829cae;margin:4px 0}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-stats>div{background:#152432;border:1px solid #253848;border-radius:5px;padding:14px 12px;display:flex;flex-direction:column;gap:9px}.mini-stats strong{font-size:23px;font-weight:650}.separator{height:1px;background:#263847;margin:21px 0}.section-heading{margin-bottom:15px}.meter-row{margin:16px 0}.meter-row>div{display:flex;justify-content:space-between;font-size:11px;color:#9fb0bc;margin-bottom:9px}.meter-row strong{font-size:11px;color:#e3edf0}input[type=range]{appearance:none;width:100%;height:4px;background:#2b4050;border-radius:7px;accent-color:var(--mint)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--mint);border-radius:50%;border:2px solid #b6f9d8;box-shadow:0 0 10px #64e7ad77}.zone-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.zone{padding:11px 4px;text-align:center;border:1px solid #263d50;background:#142331;border-radius:4px;color:#92a9ba;font-size:10px}.zone b{display:block;color:#dce9ee;font-size:12px;margin-bottom:4px}.zone small{font-size:8px;color:#67869d}.zone.active{background:#193b38;color:var(--mint);border-color:#58bd91}.zone.active b{color:#8af6c5}.faults{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fault-btn{min-height:42px;border:1px solid #3d4050;background:#252331;border-radius:4px;color:#c9b8b5;text-align:left;padding:9px;font-size:10px}.fault-btn:hover,.fault-btn.active{border-color:#ee8d73;background:#51312f;color:#ffd1c4}.fault-btn span{font-size:13px;margin-right:6px}.controls-bottom{display:flex;gap:7px;margin:16px 0}.secondary{background:#172938;border:1px solid #355060;color:#bcd5de;padding:10px 9px;font-size:10px;flex:1;border-radius:4px;letter-spacing:.7px}.viewport-section{position:relative;overflow:hidden;background:radial-gradient(at 45% 35%,#1d3a4a,#091624 70%)}#viewport{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}.scene-top{position:absolute;top:25px;left:28px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.scene-name{font-size:12px;letter-spacing:2px;font-weight:750;color:#edf8fa;text-shadow:0 2px 6px #000}.scene-meta{font-size:9px;letter-spacing:1px;color:#b6d1d8;text-shadow:0 2px 7px #000}.scene-tools{position:absolute;left:26px;top:86px;display:flex;gap:5px}.view-btn{background:#0a1622db;border:1px solid #395567;padding:10px 12px;color:#a9bac7;font-size:10px;letter-spacing:.4px;border-radius:3px}.view-btn.active{background:#1b4a40;color:#86ffc0;border-color:#53bc90}.view-badge{position:absolute;top:29px;right:25px;background:#101e2dcf;border:1px solid #425a66;padding:8px 10px;border-radius:4px;font-size:9px;letter-spacing:1.2px;color:#d6e4ec}.view-badge b{color:var(--mint)}.scene-bottom{position:absolute;bottom:20px;left:25px;right:24px;display:flex;justify-content:space-between;align-items:end;gap:12px;pointer-events:none}.help{max-width:520px;background:#071522c4;padding:10px 12px;border:1px solid #355263;color:#adc2cc;font-size:9px;letter-spacing:.45px;line-height:1.7}.help b{color:#e0eff4;font-weight:550}.help i{margin:0 6px;color:var(--mint)}.fps{font-size:10px;color:#9ecaba;white-space:nowrap}.scene-controls{position:absolute;bottom:94px;right:24px;display:flex;flex-direction:column;gap:4px}.scene-controls button{width:37px;height:37px;border:1px solid #3e5d69;border-radius:3px;color:#e9f5f8;background:#0c1c2bdc;font-size:18px}.coordinate{position:absolute;right:25px;top:73px;font-size:9px;color:#a1bdc9;letter-spacing:1px}.right-top-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.right-top-stats>div{padding:12px;background:#152533;border:1px solid #253d4c;min-height:74px}.right-top-stats span{display:block;letter-spacing:.5px;font-size:9px}.right-top-stats strong{font-size:22px;color:#e1eff1;display:inline-block;margin-top:7px}.right-top-stats small{margin-left:4px}.plot-legend{display:flex;gap:15px;font-size:10px;color:#93acb6}.plot-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.trend-chart{width:100%;height:155px;margin-top:5px}.health-items>div{display:flex;justify-content:space-between;align-items:center;margin:13px 0;font-size:10px;color:#8ca5b4;letter-spacing:.5px}.health-items strong{font-size:12px;color:#dde9ee}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8298b0;margin-right:6px}.dot.ok{background:var(--mint)}.dot.warn{background:var(--gold)}.dot.bad{background:var(--red)}.dot.blue{background:var(--blue)}.inspector{border:1px solid #2c4050;border-radius:3px;min-height:80px;background:#102031;padding:12px;font-size:11px;color:#a3b8c4}.empty-inspector{line-height:1.65;color:#788f9e}.inspector-title{color:#e0f4ef;font-weight:700;margin-bottom:11px;letter-spacing:.6px}.inspector-line{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #253748}.inspector-line b{color:#cae5dc}.inspector-actions{margin-top:12px;display:flex;gap:6px}.inspector-actions button{flex:1;padding:9px 6px;border:1px solid #42647a;background:#1c3648;color:#dcf3f1;border-radius:3px;font-size:10px}.inspector-actions button:last-child{border-color:#ae6758;color:#efb9b1;background:#422c31}.events{max-height:200px;overflow:auto}.event{display:grid;grid-template-columns:56px 1fr;gap:7px;padding:10px 0;border-bottom:1px solid #253747;font-size:10px;color:#b8cbd4;line-height:1.4}.event time{color:#67899b;font-variant-numeric:tabular-nums}.event.bad{color:#f4a5a0}.event.warn{color:#efc985}.footnote{font-size:9px;color:#506b7d;letter-spacing:.8px;margin:20px 0}.statusbar{height:32px;flex-shrink:0;display:flex;align-items:center;gap:26px;padding:0 20px;background:#08121c;border-top:1px solid #213747;color:#7594a5;font-size:9px;letter-spacing:.7px}.statusbar b{color:#b0c8d3;font-weight:500}.status-right{margin-left:auto}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0c1b29f4;z-index:9;letter-spacing:1.5px;transition:opacity .45s}.loading-mark{font-size:66px;color:var(--mint);animation:pulse 2s infinite}.loading strong{font-size:12px}.loading small{font-size:11px;color:#81a1af;letter-spacing:.5px}.loading.hidden{opacity:0;pointer-events:none}@keyframes pulse{50%{opacity:.4;transform:scale(.92)}}@media(max-width:1170px){.workspace{grid-template-columns:238px minmax(240px,1fr) 265px}.brand{min-width:210px}.left-sidebar,.right-sidebar{padding:15px 11px}.hero-stat strong{font-size:43px}.top-center{display:none}.zone-list{gap:4px}.help{font-size:8px}}@media(max-width:760px){html,body{overflow:auto}.shell{height:auto;min-height:100vh}.topbar{height:58px;padding:8px}.top-actions{display:none}.workspace{display:flex;flex-direction:column}.viewport-section{height:57vh;min-height:360px;order:0}.left-sidebar{order:1;max-height:none}.right-sidebar{order:2;max-height:none}.statusbar{flex-wrap:wrap;height:auto;padding:10px}.status-right{display:none}.help{display:none}.scene-tools{left:11px;top:66px}.scene-top{left:12px;top:13px}.view-badge{display:none}}