@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07120f;--panel:#0c1b17;--panel2:#10221d;--line:#1b322b;--line2:#254339;--text:#e7f3ed;--muted:#82968c;--soft:#a8b9b0;--teal:#5ce0b1;--teal2:#29b98a;--amber:#e7b45c;--red:#e47763;--mono:'DM Mono',ui-monospace,monospace;--sans:Manrope,Inter,system-ui,sans-serif;--radius:8px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:12px}button,select,input,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:58px minmax(0,1fr) 294px;grid-template-rows:56px minmax(0,calc(100vh - 56px));min-height:720px;height:100vh;overflow:hidden;background:radial-gradient(ellipse at 52% 48%,#0c1d18 0%,var(--bg) 70%)}
.topbar{grid-column:1/4;display:flex;align-items:center;gap:24px;padding:0 18px;border-bottom:1px solid var(--line);background:#081410f2;z-index:4}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;min-width:185px}.brand-mark{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#12392e;box-shadow:0 0 20px #20b88a22}.brand-mark svg{width:24px;height:24px;fill:none;stroke:var(--teal);stroke-width:1.5;stroke-linecap:round}.brand-copy{display:flex;flex-direction:column;line-height:1.05;letter-spacing:.15em}.brand-copy strong{font-size:10px;font-weight:800}.brand-copy small{font:6px var(--mono);letter-spacing:.18em;color:var(--muted);margin-top:4px}.location-chip{border:1px solid var(--line2);background:#0d211b;padding:6px 10px;border-radius:18px;font:9px var(--mono);letter-spacing:.08em;color:#c9d8d0}.slash{color:#50685d;margin:0 4px}.pulse-dot,.status-led{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--teal);box-shadow:0 0 9px #5ce0b1aa;vertical-align:1px;margin-right:5px}.top-status{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--muted);font:8px var(--mono);letter-spacing:.08em}.top-status #clock{color:#c4d5cb}.role-select-wrap{display:flex;align-items:center;gap:6px;border:1px solid var(--line2);border-radius:6px;background:#10221d;padding:3px 7px}.role-icon{font:8px var(--mono);color:var(--teal);padding:4px;border-radius:4px;background:#13342a}.role-select-wrap select{background:transparent;border:0;color:#e2eee8;font:8px var(--mono);letter-spacing:.08em;outline:none}.role-select-wrap option,.map-layer option,.duration-label option{background:#0c1b17;color:var(--text)}
.sidebar{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);padding:13px 5px 10px;background:#081410}.side-label{writing-mode:vertical-rl;transform:rotate(180deg);font:7px var(--mono);letter-spacing:.18em;color:#4f6d60;margin:4px 0 14px}.nav-item{width:44px;min-height:53px;margin-bottom:7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#7f968b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.nav-item .nav-icon{font-size:18px;line-height:18px;color:#86a498}.nav-item small{font-size:7px}.nav-item:hover,.nav-item.active{background:#0e241d;border-color:#21483a;color:#dff8eb}.nav-item.active .nav-icon{color:var(--teal);text-shadow:0 0 11px #5ce0b1}.side-spacer{flex:1}.side-footer{display:flex;flex-direction:column;align-items:center;gap:5px;color:#7d9389;font:6px var(--mono);text-align:center;letter-spacing:.08em}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#12352b;color:var(--teal);font:8px var(--mono)}
.workspace{grid-column:2;grid-row:2;min-width:0;overflow:auto;padding:17px 15px 12px}.workspace-head{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.eyebrow{font:8px var(--mono);letter-spacing:.12em;color:#8ca398}.eyebrow i{font-style:normal;color:#52695d;margin:0 5px}.workspace-head h1{font-size:19px;line-height:1.2;letter-spacing:-.035em;margin:6px 0 3px;font-weight:700}.workspace-head p{margin:0;color:var(--muted);font-size:9px}.head-actions{display:flex;gap:8px;align-items:center}.button{border:1px solid var(--line2);border-radius:6px;padding:9px 11px;background:#12231e;color:#dce9e2;cursor:pointer;white-space:nowrap;font-size:9px;font-weight:600;transition:background .18s,border-color .18s,transform .18s}.button:hover{background:#18382d;border-color:#36735d;transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:wait;transform:none}.button-primary{background:#173f32;border-color:#28634e;color:#bbf8dd}.button-primary:hover{background:#1e543f}.button-secondary{background:#10231c}.button-ghost{background:transparent}.button kbd{font:8px var(--mono);color:#85a99a;margin-left:5px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(245px,.83fr);gap:10px;align-items:start}.primary-column{display:flex;flex-direction:column;gap:9px;min-width:0}.control-rail{display:flex;flex-direction:column;gap:9px;min-width:0}.card,.module-panel,.map-card,.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#0e1d18,#0b1915);box-shadow:0 8px 30px #00000020}.map-card{height:395px;min-height:330px;position:relative;overflow:hidden;background:#1b2723}.map-topline{position:absolute;z-index:2;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.live-tag,.map-layer{pointer-events:auto;background:#071510e8;border:1px solid #25473b;border-radius:5px;padding:6px 8px;color:#c5ddd0;font:7px var(--mono);letter-spacing:.08em}.map-layer{display:flex;align-items:center;gap:6px}.map-layer span{color:#718a7e;font-size:7px}.map-layer select{border:0;outline:0;background:transparent;color:var(--text);font:8px var(--mono)}#map{position:absolute;inset:0}.maplibregl-ctrl-group{background:#0b1915!important;border:1px solid #2b4c3e!important}.maplibregl-ctrl-group button{background-color:transparent!important}.maplibregl-ctrl button .maplibregl-ctrl-icon{filter:invert(.85)}.maplibregl-ctrl-attrib{background:#081511c9!important;color:#b4c6bc!important;font-size:8px!important}.maplibregl-ctrl-attrib a{color:#a9dfc4!important}.map-fallback{position:absolute;inset:0;background-color:#202a26;background-image:linear-gradient(23deg,transparent 49%,#7e89824a 50%,transparent 51%),linear-gradient(112deg,transparent 46%,#838c8542 47%,transparent 48%),linear-gradient(90deg,#4b5a5344 1px,transparent 1px),linear-gradient(#4b5a5344 1px,transparent 1px);background-size:100% 100%,100% 100%,55px 55px,55px 55px}.fallback-ward{position:absolute;border:1px solid #59dfb78a;background:#41d7a622;border-radius:4px;color:#d8f5e7;font:8px var(--mono);display:grid;place-items:center}.map-legend{position:absolute;z-index:3;bottom:12px;left:12px;padding:9px 10px;width:130px;border:1px solid #354840;border-radius:6px;background:#07130fee;color:#c8d8cf}.map-legend b{font:7px var(--mono);letter-spacing:.1em}.legend-gradient{height:5px;margin:8px 0 4px;border-radius:4px;background:linear-gradient(90deg,#55c99a,#edc45d,#e87864)}.legend-scale{display:flex;justify-content:space-between;color:#879a8f;font:6px var(--mono)}.legend-items{display:flex;gap:9px;margin-top:9px;font-size:6px;color:#9eb0a6}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:3px}.legend-dot.recharge{background:#5ce0b1}.legend-dot.outfall{background:#e6b75e}.map-coords{position:absolute;z-index:3;bottom:12px;right:12px;background:#07130fe6;padding:6px 8px;border:1px solid #334a40;border-radius:4px;color:#a8b8af;font:7px var(--mono)}.map-attribution{position:absolute;z-index:3;bottom:0;right:0;padding:3px 5px;background:#07130fcc;color:#b4c6bc;font:6px var(--mono);pointer-events:none}
.scenario-card,.response-card,.ward-watch{padding:11px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-head h2{font-size:12px;margin:4px 0 0;font-weight:700}.forecast-badge,.tiny-badge{border:1px solid #294237;background:#11231d;border-radius:4px;padding:4px 5px;font:6px var(--mono);color:#88a295;white-space:nowrap}.rain-number{display:flex;align-items:baseline;gap:5px;margin:10px 0 0}.rain-number strong{font:28px var(--mono);letter-spacing:-.06em;color:#f1f6f3}.rain-number span{font:9px var(--mono);color:#a2b4aa}.rain-number .rain-delta{margin-left:auto;font-size:7px;color:var(--teal)}.forecast-chart{height:68px;margin:1px 0 6px;position:relative}.forecast-chart svg{width:100%;height:52px;overflow:visible}.chart-grid{stroke:#2c4038;stroke-width:1;stroke-dasharray:2 4}.chart-line{fill:none;stroke:#5ce0b1;stroke-width:2}.chart-fill{fill:#35c7951a}.chart-labels{display:flex;justify-content:space-between;color:#60766a;font:6px var(--mono);margin-top:-1px}.range-label,.duration-label{display:flex;justify-content:space-between;align-items:center;color:#8ba095;font:7px var(--mono);letter-spacing:.08em}.range-label b{color:#d9e8df;font-size:9px}.range-label span:last-child{color:#b8c9c0}input[type=range]{width:100%;accent-color:#52d9aa;height:14px;cursor:pointer}.range-ticks{display:flex;justify-content:space-between;margin-top:-1px;margin-bottom:10px;color:#677c70;font:6px var(--mono)}.duration-label{margin-bottom:8px}.duration-label select{border:1px solid #294338;border-radius:4px;background:#0b1a15;color:#dce8e1;padding:5px 8px;font:8px var(--mono)}.button-apply{display:flex;align-items:center;justify-content:space-between;width:100%;background:#113a2d;border-color:#235b45;color:#c3f6dc;padding:8px 10px}.button-apply span{font-size:13px;color:var(--teal)}
.card-head.compact{align-items:center}.live-label{color:#8cb2a0;font:7px var(--mono)}.response-stat{display:flex;align-items:center;gap:8px;margin-top:11px}.metric-icon{width:23px;height:23px;border:1px solid #2b4f40;border-radius:6px;display:grid;place-items:center;color:var(--teal);background:#0e2920;font-size:13px;flex:none}.response-stat>div{display:flex;flex-direction:column;min-width:0}.response-stat strong{font:14px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.response-stat small,.response-substats small{font:6px var(--mono);color:#7f9489;letter-spacing:.1em;margin-top:3px}.muted-stat{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;color:var(--amber)}.muted-stat b{font:11px var(--mono);color:#edc36e}.response-substats{display:flex;justify-content:space-between;margin:11px 0 0;padding-top:9px;border-top:1px solid #1d3029}.response-substats span{display:flex;flex-direction:column}.response-substats b{font:10px var(--mono);color:#dbe9e0}.ward-list{margin-top:6px}.ward-row{display:grid;grid-template-columns:16px minmax(0,1fr) 32px;gap:5px;align-items:center;padding:7px 0;border-bottom:1px solid #192c24}.ward-row:last-child{border-bottom:0}.ward-rank{font:7px var(--mono);color:#779184}.ward-copy{min-width:0}.ward-copy strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ward-copy small{display:block;margin-top:3px;color:#80948a;font:6px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ward-risk{justify-self:end;text-align:center;min-width:29px;padding:4px;border-radius:3px;background:#533b1c;color:#eac36f;font:7px var(--mono)}.muted{font-size:9px;color:var(--muted)}
.bottom-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-card{min-height:62px;display:flex;align-items:center;gap:8px;padding:9px}.metric-card>div{display:flex;flex-direction:column;min-width:0}.metric-card small{font:6px var(--mono);color:#91a69a;letter-spacing:.07em;white-space:nowrap}.metric-card strong{font:14px var(--mono);margin-top:4px;white-space:nowrap}.metric-card em{font-style:normal;font:6px var(--mono);color:#70867a;margin-top:2px}.metric-trend{margin-left:auto;align-self:center;color:#7fa28f;font:6px var(--mono);text-align:right;white-space:nowrap}.metric-icon.shield{color:var(--amber);border-color:#544629;background:#292317}.metric-icon.route{color:#72c8d0;border-color:#2a4850;background:#102227}.demo-note{display:flex;align-items:center;gap:3px;color:#61786c;font:6px var(--mono);letter-spacing:.08em;padding:0 2px}.demo-note .status-led{width:5px;height:5px}.version{margin-left:auto;color:#61786c}
.module-panel{padding:11px}.module-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.module-heading h2{margin:4px 0 0;font-size:12px}.routes-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow:auto}.route-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:7px;border:1px solid #1e372d;background:#0a1813;border-radius:5px}.route-id{font:8px var(--mono);color:var(--teal)}.route-row strong{display:block;font-size:8px}.route-row small{display:block;color:#82958b;font:6px var(--mono);margin-top:3px}.route-actions{display:flex;gap:5px;align-items:center}.route-actions .button{padding:5px 7px;font-size:7px}.route-km{font:7px var(--mono);color:#c4d6cc}.impact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0}.impact-metrics article{padding:8px;background:#0a1813;border:1px solid #20382e;border-radius:5px}.impact-metrics small{display:block;font:6px var(--mono);color:#7f9589}.impact-metrics strong{display:block;margin-top:4px;font:12px var(--mono);color:#e4f2e9}.formula-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.formula-grid article{padding:7px;background:#0a1713;border:1px solid #1c3028;border-radius:4px}.formula-grid b{display:block;font-size:7px;color:#a7b8ae}.formula-grid code{display:block;margin-top:4px;color:#7f9589;font:6px var(--mono);line-height:1.5}.impact-panel{max-height:300px;overflow:auto}
.copilot{grid-column:3;grid-row:2;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:#091510}.copilot-head{height:55px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 11px}.copilot-icon{width:26px;height:26px;border:1px solid #264c3d;border-radius:7px;background:#102920;color:var(--teal);display:grid;place-items:center;font-size:14px}.copilot-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}.copilot-head strong{font-size:9px}.copilot-head small{color:#6f897c;font:6px var(--mono);letter-spacing:.07em}.copilot-head small .pulse-dot{width:5px;height:5px}.icon-button{margin-left:auto;width:20px;height:20px;border:1px solid #253d33;border-radius:50%;background:transparent;color:#8da398;cursor:pointer}.copilot-context{margin:11px 10px 0;padding:9px;border:1px solid #20382e;border-radius:5px;background:#0c1d17;display:flex;flex-direction:column;gap:6px}.copilot-context small{color:#82988c;font:6px var(--mono);letter-spacing:.1em}.copilot-context span{font-size:7px;color:#c1d1c8}.copilot-context .status-led{width:5px;height:5px}.chat-messages{flex:1;overflow:auto;padding:11px 10px}.chat-bubble{padding:10px;border:1px solid #1e362c;border-radius:7px;background:#0d1e18;margin-bottom:8px}.chat-bubble.user{background:#102a21;border-color:#27513f}.chat-bubble small{display:flex;justify-content:space-between;color:#78a28d;font:6px var(--mono);letter-spacing:.08em}.chat-bubble p{font-size:8px;line-height:1.65;color:#cad8d0;margin:8px 0 0}.chat-bubble p b{color:#eff8f2}.chat-bottom{flex:none;padding:8px 10px 11px;border-top:1px solid #162a22}.suggestion-label{color:#81968b;font:6px var(--mono);letter-spacing:.1em;margin:2px 0 6px}.suggestions{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.suggestions button{border:1px solid #20392e;border-radius:4px;background:#0c1d17;color:#9eb5a9;text-align:left;padding:6px 7px;font-size:7px;cursor:pointer}.suggestions button:hover{border-color:#3a735c;color:#d7f1e3}.chat-bottom form{position:relative;border:1px solid #264238;border-radius:6px;background:#0b1a15}.chat-bottom textarea{width:100%;resize:none;border:0;outline:0;background:transparent;color:var(--text);padding:8px 32px 8px 8px;font-size:8px;line-height:1.5}.chat-bottom textarea::placeholder{color:#657b70}.send-button{position:absolute;right:5px;bottom:5px;width:23px;height:23px;border:1px solid #2d6b50;border-radius:5px;background:#164330;color:#77e3b4;cursor:pointer}.copilot-disclaimer{margin-top:7px;color:#71867a;text-align:center;font:5px var(--mono);letter-spacing:.06em}.toast{position:fixed;left:50%;bottom:20px;z-index:20;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:9px 13px;border:1px solid #3a725c;border-radius:6px;background:#10281f;color:#d7f6e4;font-size:9px;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#0009;padding:18px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(400px,100%);padding:20px;border:1px solid #2b4c3d;border-radius:10px;background:#0b1c16;box-shadow:0 20px 80px #0009}.modal h2{font-size:16px;margin:8px 0}.modal p{font-size:9px;line-height:1.6;color:#9fb2a7}.modal label{display:flex;flex-direction:column;gap:7px;margin:13px 0;color:#b8c9bf;font-size:8px}.modal label select{padding:8px;border:1px solid #294338;border-radius:5px;background:#0a1712;color:#dce9e1}.modal label span{font-family:var(--mono);color:var(--teal)}.modal-close{position:absolute;right:12px;top:12px;font-size:14px}.modal .button{width:100%;margin-top:8px}
@media(max-width:1120px){.app-shell{grid-template-columns:54px minmax(0,1fr) 270px}.workspace{padding:13px 10px}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(220px,.8fr)}.topbar{gap:14px;padding:0 12px}.brand{min-width:155px}.map-card{height:355px}.metric-card{padding:7px;gap:6px}.metric-trend{display:none}}
@media(max-width:850px){.app-shell{grid-template-columns:50px minmax(0,1fr);grid-template-rows:54px minmax(0,1fr) auto;height:auto;min-height:100vh;overflow:auto}.topbar{grid-column:1/3;position:sticky;top:0}.copilot{grid-column:2;grid-row:3;min-height:420px;border-left:0;border-top:1px solid var(--line)}.workspace{grid-column:2;grid-row:2;overflow:visible}.sidebar{grid-column:1;grid-row:2/4}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.control-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ward-watch{grid-column:1/3}.map-card{height:390px}.top-status{display:none}.workspace-head{align-items:flex-start}.head-actions{flex-direction:column;align-items:stretch}.head-actions .button{padding:7px 8px}.impact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.app-shell{grid-template-columns:42px minmax(0,1fr);grid-template-rows:50px auto auto}.topbar{gap:8px;padding:0 7px}.brand{min-width:0;gap:5px}.brand-mark{width:24px;height:24px}.brand-copy strong{font-size:8px}.brand-copy small{font-size:5px}.location-chip{padding:5px 6px;font-size:7px}.role-select-wrap{padding:3px 4px}.role-icon{display:none}.role-select-wrap select{font-size:7px;max-width:91px}.sidebar{padding-left:2px;padding-right:2px}.nav-item{width:38px;min-height:45px}.workspace{padding:11px 7px}.workspace-head{flex-direction:column;gap:8px;margin-bottom:8px}.workspace-head h1{font-size:17px}.head-actions{flex-direction:row;width:100%}.head-actions .button{flex:1;white-space:normal;font-size:7px;padding:7px 5px}.dashboard-grid{gap:7px}.control-rail{grid-template-columns:minmax(0,1fr)}.ward-watch{grid-column:auto}.map-card{height:320px}.bottom-metrics{grid-template-columns:1fr}.metric-card{min-height:52px}.metric-trend{display:block}.formula-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.copilot{grid-column:2;grid-row:3}.map-legend{width:112px;padding:7px}.map-coords{font-size:6px}.demo-note{flex-wrap:wrap;line-height:1.5}.version{width:100%;margin-left:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.map-loading{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 10px;border:1px solid #315444;border-radius:5px;background:#071510e8;color:#c3d8cd;font:7px var(--mono);letter-spacing:.08em;pointer-events:none;box-shadow:0 5px 20px #0005}
input:disabled,select:disabled{opacity:.58;cursor:not-allowed}