:root{color-scheme:dark;--bg:#07151c;--panel:#0b1d27;--panel2:#0c202b;--stroke:#1a3540;--muted:#6e8b98;--text:#dbebf0;--cyan:#62d5e7;--blue:#208ca9;--lime:#7fe9bc;--orange:#ecb468}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:67px;display:flex;align-items:center;padding:0 27px;border-bottom:1px solid var(--stroke);gap:38px;background:#081820}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.17em;min-width:250px}.brand b{font-size:18px;font-weight:850;color:#f4f9fa}.brand small{display:block;color:var(--cyan);font-weight:800;font-size:9px;letter-spacing:.31em;margin-top:3px}.mark{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(135deg,#1a718b,#0a2635);border:1px solid #38b8cc;color:#a6f5ff;font-size:29px;transform:rotate(-16deg)}.topmeta{display:flex;gap:26px;margin-left:5px;align-items:center}.topmeta-item{color:#87a5af;font-size:10px;letter-spacing:.14em;font-weight:700;white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;vertical-align:middle;margin-right:7px;border-radius:50%;background:#82e8ac;box-shadow:0 0 9px #5cdd9a}.topright{margin-left:auto;display:flex;gap:26px;align-items:center;color:#9cb4bd;font-size:11px;letter-spacing:.06em;white-space:nowrap}.avatar{background:#153a4a;border:1px solid #2e6478;width:30px;height:30px;display:grid;place-items:center;color:#8ae0ea;font-size:10px;font-weight:800}.workspace{height:calc(100% - 99px);display:grid;grid-template-columns:314px minmax(450px,1fr) 322px;min-height:0}.sidebar{background:var(--panel);display:flex;flex-direction:column;overflow:hidden;min-width:0}.sidebar.left{border-right:1px solid var(--stroke)}.sidebar.right{border-left:1px solid var(--stroke)}.side-scroll,.right-scroll{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#2a4c59 transparent}.side-scroll{padding:25px 24px 16px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#72b7c6;font-weight:850}.idpill{float:right;color:#5b7d8a}.sidebar h1{font-size:23px;font-weight:750;line-height:1.25;margin:16px 0 8px;letter-spacing:-.04em}.sidebar h1 em{font-style:normal;color:var(--cyan)}.intro{font-size:11px;color:#7594a0;line-height:1.75;margin:8px 0 20px}.section-label{font-size:10px;color:#8aaab8;font-weight:850;letter-spacing:.12em;margin:19px 0 13px;display:flex;align-items:center;justify-content:space-between}.section-label:after{content:'';height:1px;background:#22404b;flex:1;margin-left:12px}.section-label .status-pill,.section-label .smallmuted{order:1;margin-left:10px}.status-pill{color:#6fe1b3;border:1px solid #24574d;background:#0c302c;padding:4px 7px;font-size:9px;letter-spacing:.08em}.smallmuted{color:#668694;font-size:9px;white-space:nowrap}.process-list{display:grid;gap:5px}.process{width:100%;border:1px solid transparent;background:transparent;color:var(--text);padding:10px 7px;display:flex;align-items:center;text-align:left;gap:11px}.process:hover,.process.active{background:#11323d;border-color:#215361}.process-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #2a6776;background:#0a2732;color:#55c6d8;font-size:22px;flex-shrink:0}.process b{font-size:11px;font-weight:720}.process small{display:block;color:#658996;font-size:10px;margin-top:4px}.process-go{margin-left:auto;color:#5598a7;font-size:15px}.control{margin:16px 0 19px}.control-head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.control-head label{color:#b4cbd1}.control-head output{font-weight:800;color:var(--cyan);font-size:12px}.control input[type=range]{width:100%;accent-color:#43c7dc;height:3px;margin:17px 0 6px;cursor:ew-resize}.limits{display:flex;justify-content:space-between;color:#527481;font-size:9px;letter-spacing:.06em}.rowbuttons{display:flex;gap:8px}.btn{border:1px solid #345361;background:#112d39;padding:12px 13px;color:#d7ecf0;font-size:10px;font-weight:800;letter-spacing:.08em;flex:1}.btn:hover,.toolbtn:hover{border-color:var(--cyan);color:var(--cyan)}.sidefoot{height:43px;flex-shrink:0;border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:9px;letter-spacing:.07em;color:#6c929e}.signal{width:6px;height:6px;border-radius:50%;background:#6dddaf;box-shadow:0 0 6px #6dddaf}.mainview{display:flex;flex-direction:column;min-width:0;min-height:0;background:#08171e}.viewhead{height:71px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 21px;border-bottom:1px solid var(--stroke);background:#0c202b}.viewhead-title{font-size:14px;font-weight:850;letter-spacing:.11em}.viewhead-sub{font-size:9px;color:#6e929f;margin-top:8px;letter-spacing:.13em}.divider-dot{padding:0 8px}.head-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.toolbtn{background:#102b38;border:1px solid #274553;color:#adcbd3;font-size:9px;font-weight:750;letter-spacing:.08em;padding:11px 10px;white-space:nowrap}.toolbtn.isactive{background:#17485a;color:#83dff0;border-color:#428c9e}.render-wrap{position:relative;flex:1;min-height:170px;background:radial-gradient(ellipse,#193847,#0a1a25);overflow:hidden}#viewport{width:100%;height:100%;display:block;touch-action:none}.viewhud{position:absolute;pointer-events:none;display:flex;align-items:center;gap:12px}.hud-nw{top:22px;left:23px;color:#d1e7ec}.hudbig{font-size:42px;font-weight:300;line-height:1;color:#b6edf4}.hud-nw div{font-size:10px;letter-spacing:.12em;font-weight:800}.hud-nw div span{display:block;color:#8db0be;margin-top:6px;font-size:8px}.hud-compass{position:absolute;right:24px;top:22px;border:1px solid #658c9a80;border-radius:100%;color:#c8e7ef;width:46px;height:46px;font-size:9px;display:flex;align-items:center;justify-content:space-evenly;background:#102a34b8}.hud-compass span{color:#64d5df;font-size:22px}.zones{position:absolute;right:20px;top:100px;display:grid;gap:3px}.zones button{background:#09232cdd;color:#8baebc;border:1px solid #23505a;padding:8px 7px;letter-spacing:.12em;font-size:9px;font-weight:800}.zones button:hover,.zones button.active{color:#b3f2f4;border-color:#63c4ce;background:#134658}.hud-bottom{bottom:16px;left:20px;right:20px;color:#aed0d9;font-size:9px;font-weight:700;letter-spacing:.08em;gap:15px}.hudline{height:1px;background:#6297a7;flex:1;opacity:.55}.tiny-indicator{width:7px;height:7px;border:1px solid #63e2e7}.telemetry{height:202px;flex-shrink:0;border-top:1px solid var(--stroke);padding:15px 20px 8px;background:#091c25}.telemetry-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.11em;margin-bottom:14px}.dotblue{width:7px;height:7px;background:var(--cyan);display:inline-block;margin-right:8px;box-shadow:0 0 9px var(--cyan)}.telemetry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:136px;gap:11px}.graphcard{border:1px solid #1c3a45;background:#0c2630;position:relative;overflow:hidden;padding:11px 12px}.graphcard>div{display:flex;flex-direction:column;position:relative;z-index:1}.graphcard small{color:#7799a5;font-size:9px;letter-spacing:.1em;font-weight:700}.graphcard strong{color:#e6f6f8;font-size:17px;margin-top:4px;white-space:nowrap}.graphcard canvas{position:absolute;inset:auto 0 0;width:100%;height:77px;opacity:.95}.right-scroll{padding:25px 22px 15px}.right-header{display:flex;align-items:center;justify-content:space-between}.live-label{font-size:9px;color:#77c5b4;letter-spacing:.1em;font-weight:700}.hero-kpi{padding:25px 0 15px;border-bottom:1px solid #23414c}.hero-kpi small,.kpi-row small{display:block;color:#88a7b1;letter-spacing:.1em;font-weight:750;font-size:9px}.hero-kpi>div:nth-child(2){display:flex;align-items:baseline;gap:7px;margin-top:8px}.hero-kpi #kpi-production{font-size:42px;font-weight:790;letter-spacing:-.055em;color:#e7f8f8;font-variant-numeric:tabular-nums}.hero-kpi sup{font-size:10px;color:#79a3b0}.hero-kpi p{color:#799ca8;font-size:10px;line-height:1.5}.hero-kpi p span{color:var(--cyan);font-weight:800}.progress{height:4px;background:#203a43;margin-top:17px}.progress span{display:block;background:linear-gradient(90deg,#198ca7,#76eadc);height:100%;width:0%;transition:width .35s}.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.kpi-row>div{background:#102b36;padding:15px 11px;border:1px solid #24434f;min-width:0}.kpi-row strong{font-size:25px;display:block;margin:10px 0 3px;color:#e3f5f7}.kpi-row span{color:#7598a7;font-size:9px}.balance{background:#0e2833;padding:15px;border:1px solid #24424c}.balance-row,.splitline{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#a6c2cb}.balance-row b,.splitline b,.splitline strong{color:#e2f2f5;font-size:11px}.balance-bar{margin:13px 0;height:5px;background:#264653;overflow:hidden}.balance-bar span{display:block;height:100%;width:100%;background:#459fb6}.split{display:grid;gap:12px}.splitline .legenddot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#73dbdd;margin-right:5px}.splitline .legenddot.warning{background:#dbac70}.splitbar{background:#b89055}.splitbar span{background:#53c6cd;width:44%}.tiny-note{font-size:9px;color:#678995;line-height:1.5}.quality-row{display:flex;gap:17px;align-items:center}.dial{width:102px;height:102px;border-radius:50%;background:conic-gradient(#49c8d7 0% 82%,#224350 82% 100%);display:grid;place-items:center;flex-shrink:0}.dial>div{height:82px;width:82px;background:#0b202b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.dial strong{font-size:25px}.dial small{color:#729da7;font-size:10px}.quality-info{display:grid;gap:7px}.quality-info>span{font-size:9px;color:#7194a0;letter-spacing:.1em}.quality-info b{color:#75e5ba;font-size:12px}.quality-info small{color:#839daa;font-size:10px}.energy-info{background:#0e2833;padding:13px;display:grid;gap:14px;border:1px solid #24424c}.energy-info .splitline span{color:#86a9b4;font-size:10px}.selection{display:flex;gap:10px;padding:13px;background:#0f2c38;border:1px solid #27515d}.selection-icon{display:grid;place-items:center;width:40px;height:40px;font-size:26px;color:var(--cyan);border:1px solid #3b6e7c;flex-shrink:0}.selection b{font-size:11px;overflow-wrap:anywhere}.selection p{color:#88a6b0;font-size:10px;line-height:1.5;margin:7px 0}.selection small{color:#55bdd0;font-size:9px;letter-spacing:.06em}.alarm-list{display:grid;gap:7px;padding-bottom:15px}.alarm{display:flex;align-items:center;gap:9px;background:#102b35;padding:10px;border:1px solid #24434e}.alarm.warn{border-color:#765531;background:#30261e}.alarm b{font-size:10px}.alarm span:not(.okcircle){display:block;color:#7899a4;font-size:9px;margin-top:4px}.okcircle{width:21px;height:21px;display:grid;place-items:center;border:1px solid #3c826b;border-radius:50%;font-size:11px;color:#7dd6af}.alarm.warn .okcircle{border-color:#a77435;color:#f0b95d}.footer{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;background:#07161e;border-top:1px solid var(--stroke);font-size:9px;font-weight:750;color:#557480;letter-spacing:.1em}.footer .accent{color:#7fcddd}#loading{position:absolute;inset:0;z-index:8;background:#0b202bf4;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;letter-spacing:.12em;text-align:center}#loading b{font-size:13px}#loading span{color:#72a1b0;font-size:10px}.loader-ring{width:48px;height:48px;border:2px solid #1b5364;border-top-color:#64d8e4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#asset-marker{position:absolute;width:18px;height:18px;pointer-events:none;transform:translate(-50%,-50%);border:2px solid #71f2f0;border-radius:50%;box-shadow:0 0 0 6px #3ddec52b,0 0 16px #56f3f7}#asset-marker i{position:absolute;left:7px;top:7px;width:2px;height:2px;background:#fff}
@media(max-width:1450px){.workspace{grid-template-columns:272px minmax(400px,1fr) 282px}.side-scroll{padding:18px 15px}.right-scroll{padding:19px 13px}.topmeta-item:last-child{display:none}.topbar{gap:14px}.toolbtn{font-size:8px;padding:9px 7px}.telemetry{height:184px}.telemetry-grid{height:120px}}
@media(max-width:1050px){.workspace{grid-template-columns:240px minmax(320px,1fr)}.sidebar.right{display:none}.topmeta{display:none}.telemetry{height:175px}}
@media(max-width:700px){body{overflow:auto}#app{height:auto}.topbar{height:62px}.topright{margin-left:auto}.workspace{height:auto;display:flex;flex-direction:column}.sidebar.left{order:2;height:430px;overflow:auto}.mainview{order:1;height:760px}.render-wrap{min-height:380px}.viewhead{height:80px;flex-wrap:wrap;padding:8px}.zones{right:8px}.topmeta{display:none}.telemetry{height:200px}.head-actions{gap:2px}.toolbtn{padding:7px}.sidebar.right{display:flex;order:3;height:500px}.footer{font-size:8px}}