:root{--bg:#101720;--panel:#18232c;--panel2:#202d37;--panel3:#293743;--line:#3d5361;--hi:#a6b8bc;--text:#dfeae6;--muted:#8da0a8;--accent:#ebc86c;--green:#66c88a;--red:#ea8175;--blue:#6aaacf;--shadow:#081016;--res:#48b77a;--com:#6196d7;--ind:#d5b34c}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Verdana,'Trebuchet MS',sans-serif;font-size:12px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 61px;display:flex;align-items:center;background:#263741;border-bottom:3px solid #59717a;gap:17px;padding:0 14px;box-shadow:0 2px 0 #0b1115;z-index:3}.brand{display:flex;gap:10px;align-items:center;min-width:220px}.brand-mark{height:37px;width:37px;border:2px solid #c7c8b5;background:#1d343a;display:flex;align-items:center;justify-content:center;font:900 21px Georgia,serif;color:#f1d579;box-shadow:3px 3px #111d22}.brand-mark span{color:#7cdaae;font-size:13px;align-self:flex-end;padding-bottom:4px}.brand strong{font-size:15px;font-weight:900;letter-spacing:1.1px;display:block;text-shadow:2px 2px #071012;white-space:nowrap}.brand em{font-style:normal;color:var(--accent)}.brand small{display:block;font-size:8px;letter-spacing:1px;color:#a8b8b9;margin-top:4px}.menubar{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.menubar>button{border:1px solid transparent;background:transparent;padding:10px 8px;white-space:nowrap;font-size:11px}.menubar>button:hover,.menubar>button.active{border-color:#67838d;background:#344952}.menubar span{color:var(--muted)}.clock{margin-left:auto;display:flex;gap:7px;align-items:center;white-space:nowrap}.clock>span{font-family:monospace;font-size:13px;color:var(--accent);margin-right:4px}.small{border:1px solid #81939a;background:linear-gradient(#39505b,#2a3942);padding:7px 9px;box-shadow:2px 2px 0 #0b171b;font-size:10px;letter-spacing:.4px}.square{width:30px}.status-strip{flex:0 0 37px;background:#101c25;display:flex;align-items:center;gap:25px;padding:0 14px;border-bottom:1px solid #4e6069;white-space:nowrap;overflow-x:auto}.city-label{font-weight:900;letter-spacing:1.4px;color:#f0d784;max-width:200px;overflow:hidden;text-overflow:ellipsis}.stat{color:#8c9fa8;font-size:9px;letter-spacing:.9px}.stat b{margin-left:7px;color:#dceadb;font-size:12px;letter-spacing:0}.weather{margin-left:auto;font-size:10px;color:#a1bfcc}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:222px minmax(0,1fr) 262px}.leftpanel,.rightpanel{min-height:0;display:flex;flex-direction:column;background:var(--panel);z-index:1}.leftpanel{border-right:2px solid #435b66}.rightpanel{border-left:2px solid #435b66}.panel-head,.overview-label{display:flex;align-items:center;justify-content:space-between;background:#293a44;padding:13px 12px;border-bottom:1px solid #485d66;font-size:10px;letter-spacing:1.1px}.panel-head span,.overview-label span:last-child{color:#90a3ad;font-size:9px}.toolsearch{padding:9px}.toolsearch input{background:#101b23;border:1px solid #556a71;color:#e3edea;width:100%;padding:9px;outline:none}.tool-groups{flex:1;min-height:0;overflow:auto;padding:0 8px 10px;scrollbar-color:#536a77 #17222a;scrollbar-width:thin}.tool-group{margin-bottom:6px}.group-header{background:#293b46;border:1px solid #455d67;padding:8px 9px;font-size:9px;letter-spacing:1px;color:#c5d3d1;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.group-header:hover{background:#304652}.group-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px 0}.tool-btn{background:linear-gradient(#30434e,#25333c);border:1px solid #546c78;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;position:relative;box-shadow:inset 1px 1px #59717c,2px 2px #0c151b}.tool-btn:hover{background:#405663}.tool-btn.active{outline:2px solid var(--accent);outline-offset:-2px;background:#45513c}.tool-btn .tool-icon{font-size:23px;line-height:1.2;font-family:'Segoe UI Emoji',Arial,sans-serif;text-shadow:1px 2px #17212a}.tool-btn .tool-name{font-size:8px;color:#dce6e8;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.tool-btn .tool-cost{position:absolute;top:2px;right:3px;font-size:8px;color:#e3c878}.left-footer{border-top:1px solid #485b61;background:#14212a;padding:11px 12px 10px;color:#92a7a8;font-size:9px}.left-footer small{display:block;margin-top:5px;font-size:8px;color:#607985;letter-spacing:1px}.tiny-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green);margin-right:4px}.viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 55% 42%,#253e46,#111c26 85%)}#cityCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;image-rendering:pixelated}.map-floats{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.map-title{background:#152630e8;border:1px solid #516e7b;box-shadow:3px 3px #0a1519;font-size:11px;letter-spacing:1px;padding:10px 13px;color:#ecdda4;font-weight:bold}.map-title span:last-child{color:#8fbba6;font-weight:normal;margin-left:7px}.zoom-controls{display:flex;gap:4px;pointer-events:auto}.zoom-controls button{background:#243744ed;border:1px solid #718b92;width:33px;height:32px;font-size:20px;line-height:1;box-shadow:2px 2px #091116}.zoom-controls button:hover{background:#4a6772}.map-bottom{position:absolute;bottom:0;left:0;right:0;height:26px;background:#162932ee;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:9px;color:#b1c6c7;letter-spacing:.5px;pointer-events:none}.map-bottom div:first-child{color:#f3d381}.toast-stack{position:absolute;bottom:41px;left:50%;transform:translateX(-50%);z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:7px;max-width:90%;width:420px}.toast{background:#253640f5;border:1px solid #b3a574;box-shadow:4px 4px #0e171d;padding:11px;color:#edede4;animation:appear .16s ease-out;font-size:11px;text-align:center}.toast.error{border-color:#d77970}.toast.good{border-color:#75bd94}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.touch-hint{display:none}.minimap{flex:0 0 auto;display:block;margin:12px auto;width:min(calc(100% - 24px),244px);height:auto;aspect-ratio:1;cursor:crosshair;border:3px solid #73898b;background:#17242c;image-rendering:pixelated;box-shadow:3px 3px #0a1318}.rci-title{display:flex;justify-content:space-between;padding:9px 13px;border-top:1px solid #3c5260;color:#c2d0d0;font-size:10px;letter-spacing:.7px}.rci-title span{font-size:8px;color:#8dabb3}.rci-block{padding:3px 13px 13px;display:flex;flex-direction:column;gap:9px}.demand{display:flex;align-items:center;gap:9px}.tag{width:20px;height:20px;display:grid;place-items:center;font-weight:bold;color:#0b1820}.tag.res{background:var(--res)}.tag.com{background:var(--com)}.tag.ind{background:var(--ind)}.demand-track{height:13px;background:#0b161e;border:1px solid #4b606a;flex:1;position:relative}.demand-track i{position:absolute;left:50%;top:-3px;height:18px;width:1px;background:#b1c2bd}.demand-fill{position:absolute;top:0;height:100%;left:50%;width:0;background:#ccc;transition:width .2s}.demand-fill.res{background:var(--res)}.demand-fill.com{background:var(--com)}.demand-fill.ind{background:var(--ind)}.demand b{min-width:35px;text-align:right;font-size:10px;color:#b6c9c8;font-family:monospace}.right-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#101d25;border-top:1px solid #465965;border-bottom:1px solid #465965}.right-tabs button{background:#25343f;padding:11px 2px;border:0;border-right:1px solid #415762;font-size:9px;letter-spacing:.8px;color:#8ba0a8}.right-tabs button.active{background:#3d535a;color:#f0dfab;border-bottom:2px solid var(--accent)}.right-content{flex:1;overflow:auto;min-height:0;padding:13px;scrollbar-width:thin;scrollbar-color:#5a7580 #1b2830}.section-caption{font-size:9px;letter-spacing:1.3px;color:#e6ca80;margin:2px 0 10px}.metric{display:flex;justify-content:space-between;gap:7px;padding:8px 0;border-bottom:1px solid #324751;font-size:11px}.metric span{color:#8fa6aa}.metric b{font-family:monospace;font-size:12px;color:#d3e7dd;text-align:right}.metric b.good{color:#6fcf9c}.metric b.bad{color:#ec8a7c}.message-card{padding:10px;background:#263945;border-left:3px solid #d8bb75;line-height:1.5;font-size:10px;margin:11px 0}.hint-card{font-size:10px;line-height:1.7;color:#acbdbb}.news-card{padding:10px 0;border-bottom:1px solid #354955}.news-card time{display:block;color:#9db2b6;font-size:9px}.news-card b{display:block;margin-top:3px;color:#f0d48b;font-size:11px}.news-card p{line-height:1.5;color:#c0cac8;margin:6px 0 0}.side-actions{border-top:1px solid #4b5e68;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.side-actions button{min-height:33px;font-size:9px;letter-spacing:.3px;background:#344853;border:1px solid #617780}.side-actions button:hover{background:#526876}.bottom-bar{height:27px;flex:0 0 27px;display:flex;align-items:center;padding:0 11px;gap:20px;background:#2e414b;border-top:1px solid #799299;color:#cbd4d0;font-size:9px;white-space:nowrap}.bottom-bar span:first-child{overflow:hidden;text-overflow:ellipsis;flex:1}.bottom-bar span:nth-child(2){color:#8bc19f}.build-version{color:#889ca6}.dropdown{position:fixed;z-index:20;min-width:200px;max-height:75vh;overflow-y:auto;background:#263640;border:2px solid #98abb0;box-shadow:5px 5px #060d11;padding:5px}.hidden{display:none!important}.dropdown button{width:100%;text-align:left;display:flex;gap:15px;justify-content:space-between;padding:9px 10px;border:0;background:transparent;font-size:11px}.dropdown button:hover{background:#44616b}.dropdown .sep{border-top:1px solid #526b74;margin:5px 0}.dropdown .shortcut{color:#a7bac0;font-size:10px}.modal-layer{position:fixed;inset:0;background:#060b0dc9;z-index:30;display:grid;place-items:center;padding:18px}.modal-box{width:min(740px,96vw);max-height:min(85vh,900px);display:flex;flex-direction:column;background:#21313b;border:2px solid #9caaac;box-shadow:6px 6px 0 #081218}.modal-title{background:#51636a;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;letter-spacing:1.4px;color:#f5e0aa;font-size:12px}.modal-title button{background:#28343e;border:1px solid #8ea2a7;font-size:13px;padding:4px 10px}.modal-body{padding:19px;overflow:auto;min-height:0;line-height:1.6}.modal-footer{border-top:1px solid #4a6370;text-align:right;padding:11px 15px}.btn-primary,.button{background:#506b71;border:1px solid #9ab3b6;color:#fff3c7;padding:9px 14px;margin:3px;box-shadow:2px 2px #101a20}.btn-primary:hover,.button:hover{background:#67888a}.btn-danger{background:#6e4040;border-color:#b28484}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.modal-section{margin:6px 0 16px}.modal-section h3{font-size:12px;letter-spacing:1px;color:#ebd391;margin:0 0 10px;border-bottom:1px solid #4e6570;padding-bottom:7px}.slider-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,1.7fr) 48px;align-items:center;gap:10px;margin:9px 0}.slider-row label{font-size:11px}.slider-row input{width:100%;accent-color:#dfc272}.slider-row output{text-align:right;color:#e6d391;font-family:monospace}.statbox{padding:12px;background:#152630;border:1px solid #435c65;margin:6px 0}.value-table{width:100%;border-collapse:collapse;font-size:11px}.value-table th,.value-table td{padding:8px;border-bottom:1px solid #3c515b;text-align:left}.value-table td:last-child,.value-table th:last-child{text-align:right}.value-table th{color:#e6c786}.toggle-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #40545d;padding:10px 0}.toggle-row input{accent-color:#d8ba72;width:16px;height:16px}.toggle-row div{flex:1}.toggle-row small{display:block;color:#9fb0b3}.toggle-row strong{font-size:11px}.toggle-row span{color:#d3bd80;font-size:10px}.map-legend{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.pill{font-size:10px;padding:4px 7px;border:1px solid #52636d;background:#344753}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.overview-grid .statbox{margin:0}.overview-grid .statbox strong{font-size:16px;display:block;color:#e1d196}.overview-grid .statbox small{font-size:9px;color:#acbfc0}.graph-canvas,.map-canvas{display:block;width:100%;height:auto;max-height:350px;background:#13232c;border:1px solid #536975;image-rendering:pixelated}.modal-select{padding:8px;background:#172630;color:#fff4ce;border:1px solid #65808a}.info-row{display:flex;justify-content:space-between;gap:20px;margin:8px 0}.info-row span{color:#a9bdbe}.info-row b{color:#f1d68f}.key{display:inline-block;background:#405664;border:1px solid #78919b;padding:2px 6px;font-family:monospace;color:#fff3bc}.help-text{line-height:1.8;font-size:11px;color:#c8d7d0}.help-text h3{color:#f3d490}.sparkline{width:100%;height:76px;display:block;background:#14252d;margin-top:12px;border:1px solid #3b535c}@media(max-width:1120px){.workspace{grid-template-columns:184px minmax(0,1fr) 224px}.brand{min-width:184px}.brand small{font-size:7px}.brand strong{font-size:12px}.menubar>button{font-size:10px;padding:9px 5px}.tool-btn{min-height:60px}.stat{font-size:8px}.status-strip{gap:15px}}@media(max-width:800px){.topbar{flex:0 0 55px;gap:8px;padding:0 8px}.brand{min-width:auto}.brand-mark{width:29px;height:29px;font-size:17px}.brand small{display:none}.brand strong{font-size:11px}.menubar{overflow-x:auto;flex:1}.menubar>button{font-size:10px}.menubar>button:nth-child(4),.menubar>button:nth-child(5),.menubar>button:nth-child(6){display:none}.clock #dateText{display:none}.clock{gap:3px}.clock .small{font-size:9px;padding:7px 4px}.workspace{grid-template-columns:110px minmax(0,1fr)}.rightpanel{display:none}.leftpanel .panel-head{font-size:8px;padding:10px 6px}.panel-head span{display:none}.toolsearch{padding:4px}.toolsearch input{padding:5px;font-size:8px}.tool-groups{padding:0 4px}.group-header{padding:6px 4px;font-size:8px}.group-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.tool-btn{min-height:54px}.tool-btn .tool-icon{font-size:19px}.tool-btn .tool-name{font-size:7px}.tool-btn .tool-cost{display:none}.left-footer{padding:7px 4px;font-size:7px}.left-footer small{display:none}.status-strip{flex:0 0 31px;padding:0 7px;gap:11px}.city-label{font-size:9px;max-width:110px}.stat b{font-size:10px}.stat:nth-child(4),.stat:nth-child(5),.weather{display:none}.map-title{padding:7px;font-size:9px}.zoom-controls{gap:2px}.zoom-controls button{width:27px;height:28px;font-size:16px}.map-bottom div:last-child{display:none}.touch-hint{display:block;position:absolute;top:54px;right:10px;background:#20343acc;color:#b9c7c7;font-size:8px;padding:5px;pointer-events:none}.bottom-bar{font-size:8px}.bottom-bar span:nth-child(2),.build-version{display:none}}@media(max-width:420px){.brand-mark{display:none}.brand strong{font-size:10px}.menubar>button{padding:8px 3px;font-size:9px}.status-strip .stat:nth-child(3){display:none}.workspace{grid-template-columns:96px minmax(0,1fr)}.zoom-controls{flex-wrap:wrap;width:60px}.zoom-controls button{width:28px}.tool-btn .tool-name{font-size:6.5px}}

.mobile-quick{display:none}@media(max-width:800px){.menubar>button:nth-child(4),.menubar>button:nth-child(5),.menubar>button:nth-child(6){display:block}.menubar{scrollbar-width:none}.menubar::-webkit-scrollbar{display:none}.mobile-quick{display:flex;position:absolute;bottom:35px;right:7px;gap:3px;z-index:2;background:#152530bb;padding:3px;border:1px solid #6a7f83}.mobile-quick button{min-width:27px;height:27px;border:1px solid #738c93;background:#34515a;color:#f1d890;font-weight:900;font-size:11px}.mobile-quick button:hover{background:#577580}}