:root{color-scheme:dark;--background:#071419;--panel:#0b1c22;--panel2:#0d2229;--line:#263c42;--line2:#1d3237;--muted:#7e9ba1;--text:#e4eff0;--aqua:#8fe3c6;--lime:#b5e3a2;--orange:#eab27a;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text)}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #a7efbd;outline-offset:2px}a{color:#a9e7d4;text-decoration:none}#app{height:100vh;min-height:680px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:72px;min-height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:#0a1b21;gap:22px}.brandmark{display:flex;align-items:center;gap:13px;min-width:278px}.brandicon{display:grid;place-items:center;width:36px;height:36px;background:#a4e3c7;color:#0b2026;font-size:28px;border-radius:4px;box-shadow:0 0 24px #93deb437}.brandmark strong{font-weight:900;font-size:18px;letter-spacing:3px;display:block}.branddot{color:#c5edba}.brandmark small{display:block;color:#77a4a8;font-size:8px;letter-spacing:1.15px;margin-top:4px}.top-center{display:flex;align-items:center;gap:14px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#86c9b7}.top-center>strong{font-size:10px;letter-spacing:1.2px;white-space:nowrap}.live{font-size:9px;color:#b4e5c5;letter-spacing:1px;border:1px solid #326050;padding:6px 9px;white-space:nowrap}.live i,.pulse{display:inline-block;border-radius:50%;background:#c2f1b9;width:6px;height:6px;margin-right:6px;box-shadow:0 0 9px #c2f1b9}.top-actions{display:flex;gap:7px}.chip{border:1px solid #335057;background:#112830;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:1px;padding:9px 11px;white-space:nowrap}.chip:hover,.viewport-btn:hover,.scenario:hover{border-color:#87d1bd;background:#17343b}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:248px minmax(450px,1fr) 306px}.sidebar{background:#0b1a20;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 12px 12px;overflow-y:auto}.side-heading,.settings-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#97b6b6;margin:0 11px 15px}.side-heading span{color:#628b8c}.sector{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid transparent;border-radius:3px;background:transparent;padding:12px 8px;min-height:62px}.sector.active{border-color:#38645f;background:#163237;box-shadow:inset 3px 0 0 #a5e3c4}.sector-icon{display:grid;place-items:center;color:#9dd6ca;font-size:21px;width:31px;min-width:31px;height:31px;background:#183139;border:1px solid #34545b}.sector b{display:block;font-size:11px;white-space:nowrap}.sector small{display:block;color:#79989e;font-size:9px;margin-top:5px}.sector em{font-style:normal;margin-left:auto;color:#668e90;font-size:10px}.sector:hover{background:#172f35}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 13px 8px}.extent{font-size:46px;line-height:1;margin:9px 0 3px;font-weight:650;letter-spacing:-3px}.extent span{font-size:18px;color:#96c9be;letter-spacing:0;margin-left:6px}.side-bottom>small{color:#75979c;font-size:10px}.mini-rule{height:1px;background:var(--line);margin:19px 0}.tiny-stats{display:flex;justify-content:space-between;font-size:8.5px;letter-spacing:.4px;margin:12px 0;color:#789a9d}.tiny-stats b{color:#badac9;font-size:9px}.middle{display:flex;flex-direction:column;min-width:0;min-height:0;padding:20px 19px 13px;gap:16px}.scene-head{height:72px;display:flex;align-items:start;justify-content:space-between;gap:12px}.scene-head h1{font-size:21px;letter-spacing:-.55px;margin:6px 0 5px;font-weight:700}.accent{color:#acddac}.subline{font-size:10.5px;color:#789ba1}.coordinates{text-align:right;padding-top:10px;white-space:nowrap}.coordinates b{font-size:10px;letter-spacing:1px;color:#acc1c0}.coordinates small{display:block;color:#779a9e;font-size:9px;margin-top:6px}.viewer{background:#708c8e;position:relative;flex:1;min-height:330px;border:1px solid #355158;overflow:hidden;border-radius:2px}.viewer canvas{display:block;width:100%;height:100%;touch-action:none}.viewer-top,.viewer-bottom{position:absolute;left:17px;right:17px;display:flex;align-items:center;gap:7px;pointer-events:none}.viewer-top{top:17px}.viewer-bottom{bottom:15px;justify-content:space-between}.glass-pill{background:#102930d9;border:1px solid #55747a;color:#e2ede6;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:1px;backdrop-filter:blur(7px)}.viewhint{margin-left:auto;color:#fff;text-shadow:0 1px 4px #000;font-size:9px;font-weight:700}.viewer-actions{display:flex;gap:5px;pointer-events:auto}.viewport-btn{background:#0e262ee6;border:1px solid #658187;color:#dcf4e8;padding:8px;font-size:10px;border-radius:3px;white-space:nowrap}.viewport-btn.active{background:#b4e2cd;color:#15332e;border-color:#d7f6e4;font-weight:800}.scale-label{font-size:9px;letter-spacing:1.5px;color:#fff;text-shadow:0 1px 4px #000}.compass{position:absolute;top:69px;right:23px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#e1f4e9;text-shadow:0 1px 3px #233}.compass span{font-size:12px;font-weight:900}.compass i{font-size:32px;font-style:normal;color:#e8efd7}.compass small{font-size:7px;letter-spacing:1px}.loading{position:absolute;inset:0;z-index:5;background:radial-gradient(circle at 45% 55%,#1c4349,#07171d 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#bfe6da}.loading[hidden]{display:none}.loading-emblem{font-size:80px;color:#a9e3c7;animation:pulse 3s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.93)}}.loading-title{letter-spacing:3px;font-weight:900}.loading #loadLabel{font-size:11px;color:#8bb1b0;letter-spacing:1px}.load-rail{width:260px;height:5px;background:#24474b}.load-rail i{display:block;width:0;background:#b9efc5;height:100%;transition:width .2s}.loading small{letter-spacing:2px}.error{position:absolute;inset:14px;z-index:7;background:#2a1519de;padding:24px;color:#f3bdaf}.error[hidden]{display:none}.inspection{position:absolute;top:110px;left:18px;width:245px;background:#0a2229f5;border:1px solid #598980;padding:18px;box-shadow:0 16px 60px #0008;backdrop-filter:blur(7px)}.inspection[hidden]{display:none}.inspection>button:first-of-type{position:absolute;top:8px;right:9px;border:0;background:transparent;font-size:20px}.inspection h3{font-size:15px;line-height:1.2}.inspection p{font-size:10px;color:#94b7b8;line-height:1.6}.inspection dl{display:grid;grid-template-columns:80px 1fr;font-size:9px;row-gap:10px}.inspection dt{color:#799ea2}.inspection dd{margin:0;overflow-wrap:anywhere}.focus-btn{border:1px solid #68968a;background:#1b403e;font-size:9px;padding:9px;margin-top:7px}.bottom-panels{height:179px;min-height:179px;display:grid;grid-template-columns:1fr 1.02fr;gap:16px}.graph-panel,.diagram-panel{background:var(--panel);border:1px solid var(--line);padding:14px;min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h3{margin:6px 0 0;font-size:13px;font-weight:700}.legend{display:flex;gap:10px;font-size:9px;white-space:nowrap;color:#96b0b1}.legend i{display:inline-block;width:8px;height:8px;margin-right:3px}.teallegend{background:#9deac7}.orangelegend{background:#f5aa6a}#chart{height:93px;width:100%;display:block;margin-top:10px}.chartlabels{display:flex;justify-content:space-between;color:#719398;font-size:8px;letter-spacing:.8px}.diagram-link{font-size:9px;letter-spacing:.8px}.flow-diagram{display:flex;align-items:center;gap:4px;margin-top:20px}.flow-diagram>div{flex:1;min-width:0;height:57px;border:1px solid #396168;background:#143037;text-align:center;padding:7px 2px;display:flex;flex-direction:column;justify-content:center;gap:3px}.flow-diagram>div:nth-last-child(1){border-color:#82b599;background:#1d413c}.flow-diagram strong{font-size:10px;color:#8fd0be}.flow-diagram span{font-size:8px;line-height:1.25;font-weight:800;letter-spacing:.5px}.flow-diagram b{color:#88c8b8}.flow-data{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:15px}.flow-data>div{border-top:1px solid var(--line);padding-top:7px}.flow-data small{display:block;color:#769599;font-size:8px;letter-spacing:.5px}.flow-data strong{font-size:11px;display:block;margin-top:4px}.rightbar{background:#0a1b21;border-left:1px solid var(--line);overflow-y:auto;padding:22px 16px 12px}.right-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.right-head h2{font-size:18px;margin:5px 0 0}.online{font-size:8px;color:#b7e2c2;border:1px solid #3a625a;padding:6px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-card{border:1px solid #2d464c;background:#10252d;min-height:91px;padding:10px 11px}.metric-card.primary{background:linear-gradient(125deg,#174138,#1b3941);border-color:#418474}.metric-card small{font-size:8px;color:#a3c4c1;letter-spacing:.9px;font-weight:800}.metric-card strong{display:block;font-size:26px;margin-top:7px;letter-spacing:-1px;font-weight:750}.metric-card span{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#81a9a5;margin-top:1px}.metric-card i{color:#aee4b8;font-size:7px;white-space:nowrap;font-style:normal}.settings-head{margin:22px 0 13px;font-size:10px}.settings-head button{border:1px solid #355b57;background:#153630;font-size:9px;letter-spacing:.7px;padding:5px 9px;color:#b7e7cd}.controls{display:grid;gap:13px}.control{display:block}.control>span{display:flex;justify-content:space-between;gap:5px}.control b{font-size:11px;font-weight:600}.control output{color:#b4e7be;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.control input{display:block;width:100%;height:4px;margin:12px 0 6px;accent-color:#a9e4c4;cursor:pointer}.control small{font-size:9px;color:#6f9198}.scenarios-label{margin:19px 0 12px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scenario{background:#122e33;border:1px solid #31545b;padding:9px 5px;font-size:9px;letter-spacing:.5px}.scenario.active{border-color:#a6dec3;background:#24463f;color:#c7ffdc}.rates{border-top:1px solid var(--line);margin-top:17px;padding-top:5px}.rates>div{display:flex;justify-content:space-between;gap:10px;padding:8px 1px;border-bottom:1px solid #22353b;font-size:9px}.rates span{color:#86a5a8}.rates strong{font-size:10px;font-weight:650;font-variant-numeric:tabular-nums}footer{height:31px;min-height:31px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 22px;color:#6f9494;font-size:8px;letter-spacing:1px}dialog{max-width:630px;width:calc(100% - 40px);padding:26px 30px;background:#0c242b;color:var(--text);border:1px solid #63988e;box-shadow:0 40px 90px #000a}dialog::backdrop{background:#07141baf}.dialog-close{float:right;background:none;border:none;font-size:18px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.help-grid b{color:#b8ead0}.help-grid p,dialog p{line-height:1.6;color:#9bb9ba;font-size:12px}.disclaimer{font-size:10px;color:#e0bc92!important;margin-top:18px}
@media(max-width:1450px){.workspace{grid-template-columns:215px minmax(390px,1fr) 285px}.middle{padding:15px 12px;gap:11px}.scene-head{height:68px}.sidebar{padding:15px 6px}.top-center{display:none}.brandmark{min-width:225px}.viewer-actions .viewport-btn span{display:none}.viewer .viewhint{display:none}.bottom-panels{height:162px;min-height:162px}.graph-panel,.diagram-panel{padding:10px}}
@media(max-width:1070px){#app{height:auto;min-height:100vh;overflow:auto}.workspace{display:grid;grid-template-columns:1fr 285px}.sidebar{display:none}.middle{min-height:800px}.rightbar{overflow:visible}.viewer{height:470px}.bottom-panels{height:190px;min-height:190px}.topbar{height:63px;min-height:63px}footer{font-size:7px}.coordinates{display:none}}
@media(max-width:750px){.workspace{display:flex;flex-direction:column}.middle{min-height:auto}.rightbar{order:2}.viewer{height:400px;min-height:400px}.scene-head h1{font-size:17px}.scene-head{height:auto;min-height:78px}.bottom-panels{grid-template-columns:1fr;height:auto}.graph-panel,.diagram-panel{min-height:170px}.topbar{padding:0 12px}.brandmark strong{font-size:15px}.brandmark{min-width:auto}.brandmark small{font-size:7px}.chip{font-size:9px;padding:8px}.top-actions #resetBtn{display:none}.rightbar{border-top:1px solid var(--line)}.controls{grid-template-columns:1fr 1fr;column-gap:20px}.flow-diagram span{font-size:7px}footer span:last-child{display:none}}