:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#dcebf0;background:#07131b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;user-select:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #17d4ce;outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#253c47;border-radius:3px}#app{height:100dvh;display:flex;flex-direction:column;min-height:570px}.topbar{height:71px;display:flex;align-items:center;padding:0 25px;background:#091923;border-bottom:1px solid #1b3440;gap:22px;flex-shrink:0}.brand{width:283px;display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{width:39px;height:39px;border-radius:11px;color:#14d7c9;background:#123b44;display:grid;place-items:center}.brand-icon svg{height:29px;width:29px}.brand strong{display:block;letter-spacing:1.7px;font-size:17px;color:#f4ffff;font-weight:830}.brand strong em{color:#1bcec8;font-style:normal}.brand small{font-size:9px;color:#6c95a2;letter-spacing:1.5px;font-weight:700}.top-center{flex:1;display:flex;justify-content:center;gap:12px}.top-chip,.chip,.tiny-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #23414b;background:#102631;border-radius:6px;padding:7px 11px;font-size:10px;font-weight:760;letter-spacing:.65px;color:#9fbbc5}.top-chip:first-child{color:#56d7bb}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#6f7d87;box-shadow:0 0 12px #819aa370}.dot.green{background:#27d4a7;box-shadow:0 0 10px #28e3a766}.dot.red{background:#fb6972;box-shadow:0 0 10px #f7485266}.dot.yellow{background:#ffcd65;box-shadow:0 0 10px #ffc55d66}.top-actions{display:flex;align-items:center;gap:10px}.iconbtn{color:#c3e0ea;background:#112734;border:1px solid #2a4350;padding:10px 12px;border-radius:8px;font-size:12px}.iconbtn:hover,.view-tool:hover{border-color:#55dfd5}.avatar{width:34px;height:34px;border-radius:9px;background:#1c4850;color:#47e0d2;display:grid;place-items:center;font-weight:900;font-size:11px}.main-grid{display:grid;grid-template-columns:308px minmax(300px,1fr) 336px;flex:1;min-height:0}.sidebar,.inspector{background:#0b1c26;border-right:1px solid #1b343f;overflow:auto}.sidebar-scroll{padding:24px 22px 22px}.inspector{border-right:0;border-left:1px solid #1b343f}.inspector-inner{padding:24px 22px}.section-eyebrow{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.55px;font-weight:830;color:#2bd1c3}.section-eyebrow span{color:#638c9c}.sidebar h1{font-weight:780;line-height:1.13;font-size:30px;margin:18px 0 8px;letter-spacing:-.7px;color:#fff}.sidebar h1 span{color:#36cfc7}.lead{font-size:11px;line-height:1.6;color:#7e9ba9;margin-bottom:28px}.heading-row{display:flex;align-items:center;justify-content:space-between;margin:21px 0 13px}.heading-row h3{margin:0;font-size:10px;font-weight:850;color:#d8eef1;letter-spacing:1.15px}.heading-row>span{font-size:9px;letter-spacing:.8px;color:#7894a3}.tiny-badge{padding:5px 7px;font-size:9px;color:#3be0c6;background:#11363b;border-color:#1c4a4d}.indicator{color:#4ae3c0!important}.presets{display:flex;gap:5px;margin:6px 0 23px}.preset{flex:1;padding:9px 2px;border:1px solid #24414b;background:#102b35;border-radius:6px;color:#89aab8;font-size:10px}.preset.active{border-color:#20b8b1;color:#67f4d8;background:#144649}.preset:hover{color:#fff}.control{margin:16px 0 18px}.control-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.control-label label{font-size:11px;color:#b9cdd6}.control-label output{font-size:11px;color:#57e8d6;font-weight:780}input[type=range]{appearance:none;width:100%;background:linear-gradient(90deg,#13bfae 55%,#254651 55%);height:4px;border-radius:7px;display:block;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#d6ffff;border:3px solid #1ac4b5;box-shadow:0 0 0 2px #09242c}input[type=range]:disabled{opacity:.32}.range-end{display:flex;justify-content:space-between;color:#557481;font-size:9px;margin-top:7px}select{width:100%;height:35px;border:1px solid #25434d;border-radius:6px;background:#122c37;color:#cbe3ec;font-size:11px;padding:0 9px}.line{height:1px;background:#213742;margin:25px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0;font-size:11px;cursor:pointer}.toggle-row span{color:#c5dce2}.toggle-row small{display:block;color:#658593;font-size:10px;margin-top:3px}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row i{width:34px;height:19px;border-radius:50px;background:#23414b;position:relative;transition:background .2s}.toggle-row i:after{content:'';position:absolute;width:13px;height:13px;top:3px;left:3px;border-radius:50%;background:#80a3ae;transition:transform .2s}.toggle-row input:checked+i{background:#117b76}.toggle-row input:checked+i:after{transform:translateX(15px);background:#eaffff}.secondary,.primary,.danger{background:#152e39;border:1px solid #34505d;border-radius:7px;color:#d9eef3;padding:12px 9px;font-size:11px;font-weight:760}.primary{background:#17bdb2;color:#062629;border-color:#17bdb2}.danger{background:#3c252d;color:#ffadad;border-color:#76404b}.secondary:hover{border-color:#23c8be}.primary:hover{background:#46e3d4}.danger:hover{background:#532d35}.bottom-sidebar{padding-top:14px}.bottom-sidebar .secondary{width:100%}.metadata{color:#547884;font-size:9px;line-height:1.75;letter-spacing:.7px;margin-top:20px}.viewport{position:relative;min-width:0;min-height:0;background:#0d3548;overflow:hidden}#world{height:100%;width:100%;display:block;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.view-header{pointer-events:none;position:absolute;left:28px;top:24px;right:22px;display:flex;justify-content:space-between;gap:12px;text-shadow:0 2px 5px #001a22aa}.view-header small{color:#d2f5ed;font-size:9px;font-weight:780;letter-spacing:1.5px}.view-header h2{font-size:18px;letter-spacing:-.4px;margin:8px 0;font-weight:750}.view-header h2 span{font-weight:500;color:#b7d6d5}.view-header-right{display:flex;align-items:start;gap:5px}.chip{background:#09232da9;color:#c1e7e5;border-color:#a0dcd735;font-size:9px;backdrop-filter:blur(6px)}.map-card{position:absolute;right:22px;bottom:74px;width:230px;background:#081c28ec;box-shadow:0 10px 35px #00131faa;border:1px solid #31515c;border-radius:12px;padding:12px 13px;backdrop-filter:blur(12px)}.minimap-title{display:flex;justify-content:space-between;color:#ecf8fa;font-size:10px;font-weight:820;letter-spacing:.8px}.minimap-title span:last-child{color:#7e9ba8;font-size:9px;font-weight:500}#minimap{width:100%;height:auto;display:block;cursor:crosshair;border-radius:4px;margin-top:9px;background:#0c3038}.map-legend{display:flex;justify-content:space-between;gap:4px;margin:8px 0 2px;font-size:9px;color:#a5bec7}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.legend-dot.turquoise{background:#29d9ca}.legend-dot.gold{background:#ffda78}.legend-dot.orange{background:#ff7670}.view-tools{position:absolute;left:23px;top:110px;display:flex;flex-direction:column;gap:7px}.view-tool{background:#102b36e6;color:#c9e7eb;border:1px solid #42606b;border-radius:8px;padding:10px 12px;backdrop-filter:blur(8px);font-size:11px;text-align:left;min-width:87px}.view-tool.active{background:#155354;border-color:#1ed3c2;color:#a3fff2}.viewport-bottom{position:absolute;left:22px;bottom:18px;right:22px;display:flex;justify-content:space-between;gap:16px;align-items:center}.camera-help{font-size:9px;color:#d4eaeb;background:#082531b8;padding:10px 11px;border-radius:5px;letter-spacing:.35px;backdrop-filter:blur(6px)}.camera-help strong{color:#67e4d0}.camera-help b{margin:0 6px;color:#8eafb5}.pause-button{border:1px solid #41717a;color:#dff8f8;background:#0c323cab;font-size:11px;border-radius:7px;padding:12px;backdrop-filter:blur(7px)}.pause-button:hover{border-color:#60e5d5}.loading{position:absolute;inset:0;background:#071c29;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;z-index:10;color:#d6f7f3;pointer-events:none;transition:opacity .7s}.loading.hide{opacity:0}.loader-icon{font-size:46px;color:#39d6ce;animation:spin 2.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading strong{font-size:13px;letter-spacing:2px}.loading small{font-size:11px;color:#759eab}.kpi{background:#102733;border:1px solid #21424b;border-radius:8px;padding:15px}.kpi small{color:#7698a5;font-size:9px;font-weight:830;letter-spacing:1px}.kpi.featured{padding:18px;margin:18px 0 12px;background:linear-gradient(130deg,#123c43,#102c38 58%);border-color:#22595a}.kpi.featured>div:nth-child(2){display:flex;align-items:baseline;margin:6px 0}.kpi.featured strong{font-size:42px;font-weight:720;letter-spacing:-2px;color:#f4ffff}.kpi.featured>div:nth-child(2) span{font-size:17px;color:#4fd6c7;margin-left:7px}.kpi-foot{display:flex;justify-content:space-between;font-size:10px;color:#80abb3;margin:6px 0 10px}.kpi-foot span:last-child{color:#5fe7d1;font-weight:780}.track{height:5px;border-radius:6px;background:#23454d;overflow:hidden}.bar{height:100%;width:0;background:linear-gradient(90deg,#178a86,#36e5ce);transition:width .2s}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.kpi.small{padding:12px 10px}.kpi.small strong{display:block;font-size:21px;color:#e6fbf8;margin:8px 0 5px;letter-spacing:-.6px}.kpi.small strong span{font-weight:470;font-size:10px;color:#7197a5;letter-spacing:0}.kpi-note{font-size:9px;color:#668b98}.kpi-note.green{color:#39cda8}.trend{width:100%;height:112px;display:block;background:#0e2833;border:1px solid #23414a;border-radius:6px}.chart-key{display:flex;justify-content:space-between;font-size:9px;color:#7695a1;margin-top:10px}.line-swatch{display:inline-block;width:15px;height:2px;background:#35ddc9;vertical-align:middle;margin-right:5px}.selected-status{display:flex;justify-content:space-between;align-items:center;gap:6px;background:#103037;border:1px solid #24615e;border-radius:6px;padding:11px 10px;font-size:10px;color:#79ead0;margin-top:12px}.selected-status>div{display:flex;align-items:center;gap:7px}.selected-status strong{font-size:9px}.selected-status>span{font-weight:780;color:#e2ffff}.turbine-dials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.turbine-dials>div{padding:10px 11px;background:#102630;border-radius:6px}.turbine-dials small{display:block;font-size:9px;letter-spacing:.7px;color:#6c94a2}.turbine-dials b{display:block;margin-top:5px;font-size:17px;font-weight:720;color:#effafa}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.button-grid button{min-height:37px;padding:8px 5px}.maintenance-info{margin-top:12px;font-size:10px;color:#87a5ae;line-height:1.6;background:#0e2830;border-left:2px solid #25bfb5;padding:9px}.eventlog{display:flex;flex-direction:column;gap:11px}.event{display:flex;gap:9px;font-size:10px;color:#a6bec8;line-height:1.4}.event i{width:5px;height:5px;border-radius:50%;background:#36c2bd;flex-shrink:0;margin-top:5px}.event time{display:block;color:#628494;font-size:9px}.event.alert i{background:#ff8b76}.statusbar{height:33px;border-top:1px solid #29434b;background:#0a1c27;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;font-size:9px;letter-spacing:.8px;font-weight:740;color:#7c9eaa}.statusbar .dot{margin-right:6px}.statusbar b{color:#36dcce}@media(max-width:1350px){.main-grid{grid-template-columns:265px minmax(320px,1fr) 300px}.brand{width:243px}.sidebar-scroll,.inspector-inner{padding:21px 16px}.map-card{width:200px}.view-header h2 span{display:none}.camera-help{display:none}}@media(max-width:1020px){.main-grid{grid-template-columns:228px minmax(300px,1fr) 270px}.sidebar-scroll,.inspector-inner{padding:14px 12px}.sidebar h1{font-size:25px}.topbar{padding:0 12px}.brand{width:222px}.hide-sm{display:none}.map-card{width:165px}.view-header-right .chip:nth-child(3){display:none}.view-tools .view-tool span{display:none}.view-tool{min-width:43px}}@media(max-width:760px){body{overflow:auto}#app{min-height:900px}.main-grid{display:flex;flex-wrap:wrap;overflow:auto}.viewport{order:0;width:100%;height:470px;flex:none}.sidebar{order:2;width:50%;max-height:550px}.inspector{order:1;width:50%;max-height:550px}.brand{width:auto}.top-center{display:none}.top-actions{margin-left:auto}.view-header h2{font-size:14px}.map-card{width:155px;bottom:58px;right:8px}.view-tools{top:94px;left:10px}.viewport-bottom{bottom:9px;left:8px;right:8px}.statusbar span:nth-child(2){display:none}}@media(max-width:520px){.sidebar,.inspector{width:100%;max-height:none}.viewport{height:430px}.topbar{height:58px}.view-header{left:10px;top:15px}.view-header-right .chip:nth-child(2){display:none}}