:root{color-scheme:dark;--bg:#071421;--panel:rgba(6,19,31,.94);--border:rgba(111,181,206,.15);--bright:#e7f7ff;--muted:#819dad;--cyan:#54e8eb;--gold:#f3b56b;--green:#74efb9;--red:#ff6772;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--bright)}button,input{font:inherit}button{cursor:pointer}#world{position:absolute;width:100%;height:100%;inset:0;display:block;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 8%,rgba(3,11,21,.28) 62%,rgba(3,10,19,.72) 115%)}#transition{position:absolute;inset:0;background:#071421;opacity:0;pointer-events:none;transition:opacity .32s;z-index:20}#transition.active{opacity:1}
.topbar{height:77px;position:absolute;inset:0 0 auto;background:rgba(3,15,25,.89);border-bottom:1px solid rgba(121,196,214,.18);z-index:9;display:flex;align-items:center;justify-content:space-between;padding:0 29px;backdrop-filter:blur(17px)}.brand{display:flex;align-items:center;gap:15px}.brand-symbol{display:grid;place-items:center;width:41px;height:41px;border:1px solid #4ee0df;color:#68e9e7;font-size:22px;font-weight:800;position:relative}.brand-symbol span{font-size:12px;position:absolute;top:0;right:-6px;background:#071522}.brand-name{font-weight:800;letter-spacing:2px;font-size:15px}.brand-name span{color:#67dce0;font-weight:500}.brand-sub{font-size:9px;letter-spacing:1.75px;color:#7398aa;margin-top:7px}.brand-sub i,.panel-footer i{color:var(--cyan);font-style:normal;padding:0 5px}.header-center{display:flex;gap:10px;align-items:center;letter-spacing:1.4px;font-size:10px;color:#aed1d9}.green-pulse{height:7px;width:7px;background:#66edb5;border-radius:100%;box-shadow:0 0 14px #56ffa3;animation:pulse 2s infinite}.header-divider{opacity:.3}.header-actions{display:flex;gap:10px;align-items:center}.icon-btn{padding:8px 11px;border:1px solid var(--border);background:rgba(23,51,68,.42);color:#d0ecf0;font-size:18px;border-radius:4px}.icon-btn small{font-size:9px;letter-spacing:1.15px}.icon-btn:hover,.toggle:hover,.view-btn:hover{border-color:rgba(86,222,228,.72);background:rgba(24,80,91,.46)}.header-version{font-size:10px;color:#527c8d;letter-spacing:1.3px;padding-left:10px}
.panel{position:absolute;top:93px;bottom:151px;z-index:7;background:var(--panel);backdrop-filter:blur(19px);border:1px solid var(--border);overflow:auto;scrollbar-width:thin;scrollbar-color:#234658 transparent}.leftpanel{left:18px;width:310px;padding:20px 20px 12px}.rightpanel{right:18px;width:333px;padding:18px 18px 13px}.panel-topline{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#67abb8;font-size:9px;letter-spacing:1.3px}.tiny-bullet{color:#6ddcb5;font-size:8px}.leftpanel h1{font-size:29px;letter-spacing:-1.35px;margin:20px 0 7px;line-height:1.12;font-weight:700}.leftpanel h1 em{font-style:normal;color:var(--cyan)}.panel-description{font-size:11px;line-height:1.6;color:#86a5b5;margin:0 0 24px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.35px;font-weight:800;color:#d3eef0;margin-bottom:11px}.section-label span{font-size:8px;color:#618796;font-weight:600}.view-buttons{display:grid;gap:5px}.view-btn{width:100%;border:1px solid rgba(103,162,173,.14);color:#b4cdd5;display:flex;align-items:center;gap:11px;text-align:left;padding:9px 11px;border-radius:4px;background:rgba(13,37,50,.7)}.view-btn.active{background:linear-gradient(110deg,rgba(25,100,109,.45),rgba(16,52,62,.52));border-color:#42a7b5;color:#edfeff}.view-icon{width:30px;height:30px;border:1px solid #316678;display:grid;place-items:center;color:#74dce1;font-size:20px}.view-btn span:nth-child(2){font-size:11px;font-weight:700;flex:1}.view-btn small{display:block;font-size:9px;color:#6d95a3;font-weight:400;margin-top:3px}.view-btn b{color:#438595;font-size:9px}.controls-head{margin-top:24px}.sliders{display:grid;gap:13px}.slider-wrap label{display:flex;justify-content:space-between;color:#b5d0d7;font-size:11px;letter-spacing:.05px}.slider-wrap output{font-size:10px;color:var(--cyan);font-weight:700}.slider-wrap input{width:100%;height:3px;accent-color:#55e4e6;margin:10px 0 3px;cursor:pointer}.slider-wrap small{display:block;color:#557a89;font-size:9px}.operation-buttons{display:flex;gap:6px;margin-top:18px}.operation-buttons button{flex:1;padding:11px 5px;font-size:9px;font-weight:800;letter-spacing:.5px;border-radius:3px}.operation-buttons .primary{color:#071b24;background:#65e9e7;border:1px solid #65e9e7}.operation-buttons .outline-danger{background:#291922;color:#ff9da7;border:1px solid #6c3540}.operation-buttons .outline-danger.fault-on{background:#a93944;color:white}.panel-footer{color:#5a8a99;letter-spacing:.75px;font-size:8px;margin:15px 0 5px}
.right-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0 16px}.mini-eyebrow{color:#6cabb8;letter-spacing:1.3px;font-size:8px}.right-head h2{font-size:19px;letter-spacing:-.6px;margin:6px 0 0}.small-index{color:#406f7d;font-size:10px}.live-dot{color:#5eeeb0}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.kpi{min-width:0;background:linear-gradient(145deg,rgba(25,53,70,.67),rgba(12,31,45,.76));border:1px solid rgba(109,181,192,.15);padding:12px 11px;border-radius:3px}.kpi.primary-kpi{border-top:2px solid rgba(76,219,221,.68)}.kpi small{color:#729aa9;font-size:8px;font-weight:700;letter-spacing:1px}.kpi>div:nth-child(2){margin-top:8px;display:flex;gap:4px;align-items:baseline;white-space:nowrap}.kpi strong{font-size:26px;letter-spacing:-1px}.kpi span{font-size:10px;color:#91bbc3}.mini-trend{color:#5ee5b5;font-size:9px;margin-top:8px}.mini-trend span{color:#a0bec7}.good{color:#73eeb8}.tiny-grayed{font-size:8px;letter-spacing:.5px;color:#587f8b;margin-top:7px}.track{margin-top:11px;height:3px;background:#183b43}.track div{height:100%;width:81%;background:#60d5cd}.chart-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0 6px}.chart-head strong{font-size:12px}.chart-head small{display:block;color:#608c9a;font-size:9px;margin-top:3px}.chart-period{font-size:8px;letter-spacing:1px;color:#68a8b6}#yield-chart{width:100%;height:100px;display:block;border-bottom:1px solid rgba(99,170,181,.13)}.env-header,.events-head{display:flex;justify-content:space-between;align-items:center;color:#b4d3dc;font-size:9px;letter-spacing:1.1px;margin:18px 0 10px;font-weight:700}.env-header span+span,.events-head span{color:#568c9a;font-size:8px}.env-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.env-grid>div{border:1px solid rgba(112,170,183,.12);padding:9px;background:#091e2a}.env-grid small{display:block;font-size:8px;color:#688e9c;letter-spacing:.65px}.env-grid strong{display:block;font-size:15px;margin-top:5px}.bottom-title{margin-top:20px}.toggle-grid{display:grid;gap:5px}.toggle{padding:9px 10px;display:flex;justify-content:space-between;border:1px solid rgba(98,151,161,.21);background:rgba(15,39,53,.68);color:#a3bfcb;border-radius:3px;font-size:10px}.toggle b{color:#6a8490;font-size:9px}.toggle.active{border-color:#4ca7af;background:rgba(25,88,91,.36);color:#d3fcfb}.toggle.active b{color:#70f5cd}.event-feed{display:grid;gap:4px}.event-item{padding:7px 0;display:grid;grid-template-columns:60px 1fr;gap:3px;border-bottom:1px solid rgba(116,160,179,.11)}.event-item time{color:#597e8a;font-size:8px}.event-item div{font-size:9px;color:#91b7c0;line-height:1.45}.event-item b{font-size:9px;display:block;color:#70d2cc;letter-spacing:.6px}.event-item.alarm b{color:var(--red)}
.scene-info{position:absolute;left:356px;bottom:174px;display:flex;gap:14px;align-items:center;z-index:4;pointer-events:none;text-shadow:0 2px 14px #031016}.target-ring{color:#65e4e4;border:1px solid #4aaab3;width:35px;height:35px;display:grid;place-items:center;font-size:25px;border-radius:50%}.scene-info small{display:block;color:#73b6be;font-size:9px;letter-spacing:1.5px}.scene-info strong{font-size:18px;display:block;margin:5px 0}.scene-info span{display:block;color:#8baeb9;letter-spacing:1.1px;font-size:9px}.micro-info{position:absolute;bottom:247px;left:50%;transform:translateX(-50%);z-index:5;text-align:center;pointer-events:none;text-shadow:0 2px 10px #000}.micro-info span{color:#75d9de;font-size:10px;letter-spacing:2px;display:block}.micro-info strong{display:block;font-size:24px;margin:10px 0}.micro-info small{display:block;color:#95c1ca;font-size:10px}.micro-info button{pointer-events:auto;margin-top:15px;border:1px solid #49c9cc;color:#cbffff;padding:10px 17px;background:#082d37;border-radius:4px}.micro-info[hidden]{display:none}.bottompanel{position:absolute;bottom:18px;left:356px;right:370px;height:134px;z-index:7;background:rgba(4,18,30,.88);backdrop-filter:blur(12px);border:1px solid rgba(99,167,185,.18);padding:15px 17px}.flow-top{display:flex;justify-content:space-between;color:#91c7cf;font-size:9px;letter-spacing:1.45px;font-weight:700}.flow-top span+span{color:#538695}.flow-track{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-top:17px}.stage{border:1px solid rgba(95,146,159,.22);background:#0b2835;padding:9px 2px;text-align:center;color:#7da5b2;font-weight:700;font-size:8px;min-width:0;overflow:hidden}.stage .stage-no{display:block;font-size:8px;color:#508694;margin-bottom:7px}.stage.active{border-color:#42d2d4;color:#a9fdff;background:#174b52}.stage.fault{border-color:#c94d60;color:#ffa6aa}.stage .stage-bar{height:2px;background:#215b68;position:relative;margin-top:8px}.stage .stage-bar i{display:block;background:#55d1c9;height:2px;max-width:100%}.credits{position:absolute;bottom:0;left:355px;right:370px;text-align:center;pointer-events:none;color:#477583;font-size:8px;letter-spacing:1.25px}.credits span{margin-left:16px}.error-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#2b111d;color:#fff;padding:22px;border:1px solid #ff6679;z-index:40;max-width:480px}.error-box[hidden]{display:none}@keyframes pulse{50%{box-shadow:0 0 4px #56ffa3;opacity:.55}}
@media(max-width:1250px){.leftpanel{width:282px}.rightpanel{width:300px}.scene-info{left:316px}.bottompanel{left:315px;right:332px}.credits{left:315px;right:332px}.brand-sub{letter-spacing:1px}}@media(max-width:980px){.header-center{display:none}.rightpanel{display:none}.leftpanel{top:85px;bottom:165px}.bottompanel{right:16px;left:320px}.scene-info{left:320px}.credits{left:320px;right:20px}}@media(max-width:660px){.topbar{height:61px;padding:0 12px}.brand-name{font-size:12px}.brand-sub,.header-version{display:none}.leftpanel{top:72px;left:8px;width:230px;bottom:115px;padding:12px}.leftpanel h1{font-size:22px}.leftpanel .panel-description{display:none}.sliders{gap:9px}.slider-wrap small{display:none}.view-btn{padding:6px}.view-btn small{font-size:8px}.controls-head{margin-top:14px}.bottompanel{height:86px;bottom:10px;left:246px;right:7px;padding:7px}.flow-track{grid-template-columns:repeat(4,1fr);margin-top:4px}.stage{font-size:7px;padding:2px}.stage .stage-no,.stage .stage-bar{display:none}.scene-info{left:250px;bottom:111px}.scene-info strong{font-size:13px}.scene-info span{display:none}.credits{display:none}}