@import url('data:text/css,');
:root{color-scheme:dark;--bg:#06151e;--panel:#091c28;--panel2:#0b2230;--line:rgba(127,179,196,.13);--white:#e6f4f7;--sub:#8ba4b2;--teal:#48d9be;--gold:#f0b65e;--red:#e98382;font-family:'Segoe UI',Inter,system-ui,-apple-system,Arial,sans-serif;font-size:13px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--white)}button,input{font:inherit}button{cursor:pointer}#app{display:grid;grid-template-columns:310px minmax(420px,1fr) 294px;grid-template-rows:72px minmax(0,1fr);height:100vh}header.topbar{grid-column:1/4;display:flex;align-items:center;gap:30px;padding:0 25px;background:#071823;border-bottom:1px solid var(--line);z-index:4}.brandmark{display:flex;align-items:center;width:283px;gap:12px;flex-shrink:0}.brand-symbol{border:1px solid rgba(77,219,201,.5);display:grid;place-items:center;color:var(--teal);font-size:34px;width:44px;height:44px;line-height:1;background:#10313a}.brand-label{display:flex;flex-direction:column;letter-spacing:.22em}.brand-label strong{font-size:17px;line-height:1.4;font-weight:750}.brand-label small{font-size:8px;letter-spacing:.19em;color:#87b2bd}.head-title{flex:1}.eyebrow{color:var(--teal);letter-spacing:.18em;font-size:9px;font-weight:700}.head-primary{font-size:14px;letter-spacing:.03em;font-weight:500;margin-top:5px}.sep{color:#5c8290;margin:0 5px}.top-actions{display:flex;gap:11px;align-items:center}.head-dot,.telemetry-pulse{color:var(--teal)}.head-dot{width:7px;height:7px;border-radius:100%;background:var(--teal);box-shadow:0 0 14px var(--teal)}.status-text{font-size:10px;letter-spacing:.13em;color:#a6c7d0}.header-pill{margin-left:13px;font-size:10px;border:1px solid #315260;padding:7px 10px;border-radius:3px;color:#b3d1d4}.control-panel,.telemetry-panel{overflow:hidden;background:linear-gradient(180deg,#091d29,#06151e);border-right:1px solid var(--line);z-index:2}.panel-scroll{height:100%;padding:29px 25px 24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#244353 transparent}.panel-label,.telemetry-title{font-weight:700;letter-spacing:.15em;color:#b6c9d0;font-size:10px}.panel-label span,.telemetry-title span:first-child{color:var(--teal);margin-right:12px}.control-panel h1{font-size:32px;line-height:1.12;letter-spacing:-.045em;margin:20px 0 10px}.control-panel h1 em{color:var(--teal);font-style:normal}.intro{font-size:11px;color:#94aeb9;line-height:1.7;margin:0 0 24px}.section-title{font-size:10px;letter-spacing:.12em;color:#d3e6e8;font-weight:750;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-bottom:15px}.live-tag,.chart-time{font-size:9px;letter-spacing:.08em;color:var(--teal)}.operation-selector{display:flex;margin-bottom:24px;gap:5px}.operation{flex:1;padding:11px 3px;font-size:9px;letter-spacing:.05em;font-weight:700;color:#8ba9b5;background:#102b37;border:1px solid #193a47;border-radius:3px}.operation.active{background:rgba(66,197,178,.15);border-color:#38b99f;color:#65dfc9}.field{margin-bottom:20px}.field-head,.field-foot{display:flex;justify-content:space-between;align-items:center}.field-head label{font-size:10px;letter-spacing:.075em;color:#acc4ca}.field-head strong{font-weight:600;font-size:12px;color:#ebf7f7}.field-foot{color:#6e8c9c;font-size:9px;margin-top:7px}input[type=range]{width:100%;height:3px;margin:14px 0 0;accent-color:var(--teal);cursor:pointer}.top-space{margin-top:23px}.actions{display:flex;gap:9px;margin-bottom:9px}.actions button{flex:1;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:.025em;font-weight:700;border-radius:3px}.primary-action{color:#07382e;background:#53d5b9;border:1px solid #71e4cd}.primary-action:hover{background:#84eed5}.secondary-action{background:#0b2b37;color:#c6e5e5;border:1px solid #2c5866}.secondary-action:hover{background:#174657}.actions.single{margin-bottom:2px}.action-icon{font-size:19px}.toggle{display:flex;align-items:center;gap:11px;padding:9px 0;color:#9eb6bf;font-size:11px;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle-track{width:29px;height:16px;border-radius:12px;border:1px solid #5c7a83;position:relative;background:#223743;transition:.2s;flex-shrink:0}.toggle-track:after{content:'';position:absolute;top:2px;left:2px;width:10px;height:10px;background:#91a9b5;border-radius:50%;transition:.2s}.toggle input:checked+.toggle-track{background:#246d67;border-color:#52d0b5}.toggle input:checked+.toggle-track:after{left:15px;background:#70efd0}.control-bottom{color:#597a88;font-size:9px;line-height:1.9;margin-top:30px}.control-bottom strong{color:#85aab4}.main-stage{min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 20%,#246277 0%,#0d2e42 40%,#04161f 100%)}#renderHost{position:absolute;inset:0}#renderHost canvas{height:100%;width:100%;display:block;outline:none}.view-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,21,30,.45),transparent 27%,transparent 69%,rgba(5,20,28,.72));z-index:1}.scene-top{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.scene-label{font-size:10px;letter-spacing:.15em;font-weight:700}.dot-green{color:var(--teal);margin-right:8px}.renderer-chip{font-size:8px;color:#9ed2d7;opacity:.8;border:1px solid #5b9b9e;padding:4px 7px;margin-left:9px}.scene-indicator{font-size:9px;color:#a6c5ca;letter-spacing:.08em}.camera-controls{position:absolute;top:58px;left:24px;z-index:2;background:#0a2633d9;display:flex;border:1px solid #355466;padding:4px;border-radius:4px}.camera{font-size:9px;letter-spacing:.06em;border:0;color:#9db6c2;background:transparent;padding:9px 13px;border-radius:2px}.camera.active{color:#061d24;background:#4ed4b9;font-weight:750}.scene-reticle{position:absolute;left:50%;top:45%;pointer-events:none;z-index:1;width:64px;height:64px;transform:translate(-50%,-50%);border:1px solid rgba(150,228,226,.18);border-radius:50%}.reticle-cross{position:absolute;top:50%;left:50%;height:9px;width:9px;border:1px solid #8bdcdb;transform:translate(-50%,-50%)}.reticle-h:before,.reticle-h:after{content:'';position:absolute;width:15px;height:1px;background:#8bdcdb;top:50%}.reticle-h:before{left:-7px}.reticle-h:after{right:-7px}.view-bottom{position:absolute;bottom:128px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:2}.hint{font-size:9px;letter-spacing:.08em;color:#9db9c1}.hint span{color:var(--teal);font-size:12px}.hint .bullet{margin:0 6px}.compass{display:flex;align-items:center;gap:9px;font-size:10px;color:#c3e2e7}.compass span:first-child{color:var(--teal);font-weight:800}.compass-line{height:1px;background:#67bdba;width:28px}.notification{position:absolute;z-index:3;top:109px;right:25px;max-width:300px;padding:10px 12px;border-left:2px solid var(--teal);background:rgba(5,31,41,.86);color:#cde7e9;letter-spacing:.01em;font-size:10px;line-height:1.5;opacity:1;transition:opacity .4s}.notification.hidden{opacity:0;pointer-events:none}.bottom-cards{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1.03fr 1fr 1fr;z-index:2;border-top:1px solid rgba(148,198,203,.25);background:rgba(4,23,32,.88);backdrop-filter:blur(8px);height:105px}.bottom-card{padding:19px 19px;border-right:1px solid #254453}.bottom-card:last-child{border-right:0}.card-tag{color:#8eacb5;font-size:9px;font-weight:700;letter-spacing:.14em}.card-number{font-size:22px;font-weight:700;margin-top:8px;color:#e3f2ee}.card-number small{font-size:11px;color:#89aab5}.progress-track{height:3px;background:#1a424a;margin-top:9px;border-radius:3px}.progress-fill{height:100%;width:18%;background:var(--teal);border-radius:3px;transition:width .2s}.operation-name{font-size:13px;letter-spacing:.03em;font-weight:650;margin-top:12px}.muted{font-size:10px;color:#82aab1;margin-top:6px}.telemetry-panel{padding:27px 20px;overflow-y:auto;border-left:1px solid var(--line);border-right:0;scrollbar-width:thin;scrollbar-color:#244353 transparent}.telemetry-title{margin-bottom:28px;display:flex;align-items:center}.telemetry-pulse{margin-left:auto}.metric-main{margin-bottom:20px}.metric-label{font-size:9px;letter-spacing:.12em;color:#86a4af}.metric-number{font-size:46px;letter-spacing:-.04em;color:#d8f5f0;font-weight:500;margin-top:6px;line-height:1.2}.metric-number small{font-size:16px;color:var(--teal);font-weight:500;margin-left:5px}.metric-helper{font-size:9px;color:#7594a2;margin-top:5px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:27px}.metric-box{padding:14px 9px 11px;background:#102a37;border:1px solid #1b3a47;min-height:91px}.metric-box .metric-label{font-size:8px;white-space:nowrap}.metric-value{margin-top:10px;font-size:24px;font-weight:650}.metric-value small{font-size:10px;font-weight:400;color:#a2bdc8}.mini-status{color:var(--teal);font-size:8px;letter-spacing:.07em;margin-top:6px}.mini-status.warning{color:var(--red)}.chart-wrap{height:127px;position:relative;margin-bottom:12px}.chart-wrap canvas,.route-wrap canvas{display:block;width:100%;height:100%}.chart-unit{position:absolute;right:0;top:0;font-size:9px;color:#7a99a4}.route-wrap{height:168px;margin-bottom:15px}.route-legend{display:flex;justify-content:space-between;font-size:8px;color:#8ba9b1;margin:4px 0}.route-legend i{display:inline-block;height:6px;width:6px;border-radius:50%;margin-right:4px}.legend-cyan{background:#46d5c2}.legend-gold{background:#f2b55e}.status-grid{display:grid;grid-template-columns:1fr;gap:11px}.status-grid div{display:flex;justify-content:space-between;font-size:10px;color:#9ab6bf}.status-grid strong{color:#d3e5e4;font-size:11px}.info-panel{border:1px solid #31525a;padding:14px;margin-top:26px;background:#102b36}.info-title{font-size:10px;letter-spacing:.09em;color:#a6d8d5;font-weight:700}.info-title span{color:var(--teal);font-size:18px;vertical-align:middle;margin-right:5px}.info-panel p{font-size:10px;line-height:1.6;color:#87aab5;margin:9px 0 0}
@media(max-width:1250px){#app{grid-template-columns:260px minmax(360px,1fr) 250px}.brandmark{width:232px}.panel-scroll{padding:22px 16px}.control-panel h1{font-size:27px}.telemetry-panel{padding:21px 12px}.metric-number{font-size:38px}.camera{padding:9px}.bottom-card{padding:15px 11px}.head-title{display:none}}
@media(max-width:940px){#app{grid-template-columns:235px 1fr;grid-template-rows:61px minmax(0,1fr)}.topbar{grid-column:1/3!important}.telemetry-panel{display:none}.control-panel h1{font-size:24px}.scene-indicator,.hint{display:none}}
@media(max-width:660px){html,body{overflow:auto}#app{grid-template-columns:1fr;grid-template-rows:60px 65vh auto}.topbar{grid-column:1!important;grid-row:1}.main-stage{grid-row:2;grid-column:1}.control-panel{grid-row:3;grid-column:1;overflow:visible}.panel-scroll{height:auto;overflow:visible}.scene-top{top:10px;left:12px}.camera-controls{left:12px;top:47px}.camera{padding:8px}.bottom-cards{height:90px}.bottom-card{padding:12px 6px}.operation-name{font-size:10px}.card-tag{font-size:8px}.card-number{font-size:18px}.view-bottom{bottom:109px}.brandmark{width:auto}.top-actions{margin-left:auto}.status-text,.header-pill{display:none}}

.vault-link{display:block;border:1px solid #426874;background:#0f3540;padding:13px 9px;text-align:center;margin-top:22px;font-size:10px;letter-spacing:.08em;font-weight:750;color:#89e2d3;text-decoration:none}.vault-link:hover{background:#185460;color:#fff}