:root{--bg:#090d12;--bg2:#0d1218;--panel:#11171e;--panel2:#151c24;--line:#27313d;--line2:#303b48;--text:#edf4fa;--muted:#8795a5;--cyan:#37c6ff;--teal:#30d4bb;--blue:#338cff;--green:#35d07f;--yellow:#f4c24c;--orange:#ff8a47;--red:#ff5f68;--purple:#9b82ff;--shadow:0 20px 60px rgba(0,0,0,.3);--top:66px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}.app{min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(51,140,255,.13),transparent 34%),var(--bg)}
.topbar{height:var(--top);display:grid;grid-template-columns:300px minmax(300px,680px) 1fr;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #202833;background:rgba(10,14,19,.96);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand-symbol{width:39px;height:39px;border:1px solid #2c455d;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#122b42,#0b1722);position:relative;overflow:hidden}.brand-symbol span{position:absolute;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--teal));left:8px}.brand-symbol span:nth-child(1){width:22px;top:12px}.brand-symbol span:nth-child(2){width:16px;top:18px}.brand-symbol span:nth-child(3){width:26px;top:24px}.brand strong{display:block;font-size:17px;letter-spacing:.1px}.brand small{display:block;color:#6f8090;font-size:11px;margin-top:2px}.top-search{height:42px;border:1px solid var(--line);background:#0e141a;border-radius:9px;display:flex;align-items:center;position:relative}.top-search:focus-within{border-color:#2e789c;box-shadow:0 0 0 3px rgba(55,198,255,.07)}.search-icon{padding-left:13px;color:#738597;font-size:20px}.top-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;height:100%;padding:0 12px;font-size:13px}.suggestions{display:none;position:absolute;left:0;right:0;top:48px;background:#10161e;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:320px;overflow:auto;z-index:150}.suggestion{padding:11px 13px;border-bottom:1px solid #1d2732;cursor:pointer}.suggestion:last-child{border-bottom:0}.suggestion:hover{background:#17202a}.suggestion b{display:block;font-size:13px}.suggestion small{display:block;color:#7e8e9d;font-size:11px;margin-top:3px}.top-actions{justify-self:end;display:flex;align-items:center;gap:8px}.live-state{height:40px;padding:0 11px;border:1px solid #214833;border-radius:9px;background:#0c1712;display:flex;align-items:center;gap:7px}.live-state i{width:7px;height:7px;border-radius:50%;background:#36dc7f;box-shadow:0 0 11px rgba(54,220,127,.8)}.live-state span{font-size:11px;font-weight:900;color:#78e8a7}.live-state small{font-size:10px;color:#658070}.top-btn{height:40px;border-radius:9px;border:1px solid var(--line);background:#10161d;color:#cbd5df;padding:0 12px;font-weight:700;font-size:12px;cursor:pointer}.top-btn:hover{border-color:#3d4b5a;background:#151d26}.menu-btn{display:none;font-size:17px;width:42px;padding:0}
.workspace{display:grid;grid-template-columns:218px minmax(0,1fr) 294px;min-height:calc(100vh - var(--top))}.left-panel,.right-panel{background:#0c1117;border-right:1px solid #202832;min-height:calc(100vh - var(--top));position:sticky;top:var(--top);height:calc(100vh - var(--top));overflow:auto}.right-panel{border-right:0;border-left:1px solid #202832}.panel-section{padding:15px;border-bottom:1px solid #1d252e}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title>span{font-size:10px;letter-spacing:.15em;color:#778899;font-weight:900}.section-title button{border:0;background:transparent;color:#6e8294;font-size:10px;cursor:pointer}.layer-list{display:grid;gap:5px}.layer-item{width:100%;display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;color:#c5d0da;padding:8px 7px;cursor:pointer}.layer-item:hover{background:#111922}.layer-item.active{background:#121c25;border-color:#263341}.layer-item span b{display:block;font-size:12px}.layer-item span small{display:block;color:#697a8a;font-size:10px;margin-top:2px}.layer-item em{font-style:normal;font-size:9px;color:#5e6f80;border:1px solid #293541;border-radius:5px;padding:2px 5px}.layer-item.active em{color:#61dcbd;border-color:#236151;background:#0b1c17}.swatch{width:8px;height:8px;border-radius:2px}.swatch.radar{background:linear-gradient(#38dd91,#f6d64d,#ff5b65)}.swatch.points{background:var(--cyan)}.swatch.wind{background:#b7c4d1}.swatch.route{background:#438aff}.swatch.rivers{background:#8c72ff}.radar-scale{display:flex;align-items:center;gap:8px;font-size:10px;color:#718292}.radar-scale i{height:8px;flex:1;border-radius:2px;background:linear-gradient(90deg,#1841c8,#20bcff,#3ce477,#f5e64d,#ff7b35,#ef2f60,#b22bff)}.legend-notes{display:grid;gap:6px;margin-top:10px}.legend-notes p{margin:0;color:#718292;font-size:10px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.legend-dot.green{background:#34d786}.legend-dot.yellow{background:#f2cb4b}.legend-dot.red{background:#f85e66}.live-extremes{display:grid;gap:8px}.live-extremes .section-title{margin-bottom:3px}.extreme-card{border:1px solid #202a34;background:#10161d;border-radius:8px;padding:9px}.extreme-card small{display:block;color:#6e7f8f;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.extreme-card b{display:block;font-size:21px;margin-top:3px}.extreme-card span{font-size:10px;color:#8695a3}.source-card span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#738697}.source-card p{font-size:10px;line-height:1.55;color:#6f8191}.source-links{display:flex;gap:6px}.source-links a{font-size:10px;color:#9eb8cc;text-decoration:none;border:1px solid #273542;padding:5px 7px;border-radius:6px}
.center-stage{padding:12px;min-width:0;background:#0a0f14}.map-panel{border:1px solid #222b35;background:#0e141a;box-shadow:var(--shadow)}.map-head{height:58px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222b35}.kicker,.card-head span{display:block;font-size:9px;letter-spacing:.16em;color:#6d8294;font-weight:900}.map-head h1{font-size:16px;margin:2px 0 0}.map-mode-tabs{display:flex;border:1px solid #27313d;border-radius:7px;overflow:hidden}.mode-tab{height:31px;padding:0 12px;border:0;border-right:1px solid #27313d;background:#10161c;color:#7e8c9a;font-size:10px;font-weight:800;cursor:pointer}.mode-tab:last-child{border-right:0}.mode-tab.active{background:#26323d;color:#fff}.map-wrap{height:540px;position:relative;overflow:hidden;background:#080b0f}#map{position:absolute;inset:0;z-index:1}.leaflet-tile-pane{filter:brightness(.48) saturate(.75) contrast(1.25)}#windCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:410;pointer-events:none}.map-status{position:absolute;left:14px;top:14px;z-index:500;border:1px solid #24415d;background:rgba(8,14,20,.82);backdrop-filter:blur(8px);padding:7px 10px;border-radius:6px;display:flex;align-items:center;gap:7px;color:#b6c8d8;font-size:10px}.map-status i{width:6px;height:6px;border-radius:50%;background:#38da82}.map-float{position:absolute;z-index:500;bottom:13px;background:rgba(8,13,18,.9);border:1px solid #2a3540;backdrop-filter:blur(8px);border-radius:7px;display:flex;align-items:center}.left-float{left:13px;padding:5px}.left-float>div{padding:0 10px}.left-float small{display:block;color:#708293;font-size:8px;text-transform:uppercase}.left-float strong{font-size:11px}.left-float button{width:32px;height:32px;border:0;border-left:1px solid #27313b;background:transparent;color:#c9d5df;cursor:pointer}.right-float{right:13px}.right-float button{height:37px;border:0;background:transparent;color:#c9d6e0;padding:0 12px;font-size:10px;font-weight:800;cursor:pointer}.right-float button:disabled{opacity:.4}.selected-weather-card{position:absolute;right:14px;top:14px;z-index:520;width:235px;background:rgba(10,16,22,.94);border:1px solid #2a3a49;border-radius:9px;padding:12px;box-shadow:var(--shadow);backdrop-filter:blur(10px);transition:.2s}.selected-weather-card.hidden{opacity:0;transform:translateY(-5px);pointer-events:none}.selected-weather-card>button{position:absolute;right:7px;top:6px;background:transparent;border:0;color:#7a8997;font-size:18px;cursor:pointer}.selected-weather-card>small{font-size:8px;letter-spacing:.14em;color:#6e8295}.selected-weather-card h3{font-size:16px;margin:4px 0 9px}.big-weather{display:flex;align-items:center;gap:8px}.big-weather span{font-size:28px}.big-weather b{font-size:28px}.weather-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.weather-mini-grid div{background:#101820;border:1px solid #23303d;padding:7px;border-radius:6px}.weather-mini-grid small{display:block;color:#6f8294;font-size:8px}.weather-mini-grid b{font-size:11px}.route-console{display:grid;grid-template-columns:minmax(160px,1fr) 22px minmax(160px,1fr) 135px 125px auto;align-items:center;gap:9px;padding:9px 11px;border-top:1px solid #222b35;background:#0b1015}.route-start,.route-dest{display:flex;align-items:center;gap:8px;min-width:0}.route-start small,.route-dest small,.date-control small,.route-metrics small{display:block;font-size:8px;color:#647687;letter-spacing:.1em}.route-start b,.route-dest b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.05)}.route-dot.start{background:#34d687}.route-dot.dest{background:#ff7a47}.route-arrow{color:#4b5c6c}.date-control input{width:100%;height:31px;border:1px solid #27323d;background:#111820;color:#cbd6df;border-radius:6px;padding:0 7px;font-size:10px;color-scheme:dark}.analyse-btn{height:34px;border:0;border-radius:6px;background:linear-gradient(135deg,#2c8cff,#28c7bd);color:#071018;font-size:10px;font-weight:900;cursor:pointer}.route-metrics{display:flex;gap:4px}.route-metrics span{min-width:62px;padding:5px 7px;border-left:1px solid #202a34}.route-metrics b{font-size:12px}
.analytics-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:10px;margin-top:10px}.analytics-row.lower{grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr)}.analytics-card{background:#10161d;border:1px solid #232d37;padding:11px;min-width:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.card-head h3{font-size:13px;margin:2px 0 0}.trend-tabs{display:flex;gap:4px}.trend-tab,.station-sort-btn{height:26px;border:1px solid #26313c;background:#0d1318;color:#778897;border-radius:5px;padding:0 8px;font-size:9px;font-weight:800;cursor:pointer}.trend-tab.active,.station-sort-btn.active{background:#20303d;color:#e6f1f8;border-color:#345067}.count-badge,.signal-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;border:1px solid #2b3946;background:#0d151b;color:#9fb3c4;border-radius:5px;font-size:9px}.alerts-list{display:grid;gap:6px;max-height:155px;overflow:auto}.alert-row{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start;border:1px solid #25313d;background:#0d141a;padding:8px;border-radius:6px}.alert-row .icon{width:29px;height:29px;border-radius:6px;display:grid;place-items:center;background:#15202b}.alert-row b{display:block;font-size:10px}.alert-row small{display:block;color:#718394;font-size:9px;line-height:1.4;margin-top:2px}.alert-row.warn{border-color:#5b4928}.alert-row.danger{border-color:#5e3035}.empty{color:#647686;font-size:10px;padding:18px;text-align:center}.checkpoint-cards{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:6px;overflow:auto}.checkpoint{background:#0d141a;border:1px solid #24313d;border-radius:6px;padding:8px}.checkpoint b{font-size:10px;display:block}.checkpoint .p{font-size:19px;font-weight:900;margin:4px 0}.checkpoint small{display:block;color:#718293;font-size:8px;line-height:1.45}
.right-head{height:58px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202832}.right-head span{display:block;font-size:9px;letter-spacing:.14em;color:#6f8294;font-weight:900}.right-head b{display:block;font-size:11px;margin-top:2px}.right-head button{width:31px;height:31px;border:1px solid #293440;border-radius:6px;background:#111820;color:#92a3b2;cursor:pointer}.station-search{height:38px;margin:10px;border:1px solid #27323d;background:#10171e;border-radius:6px;display:flex;align-items:center}.station-search span{padding-left:10px;color:#6a7a89}.station-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#dce6ee;padding:0 9px;font-size:10px}.station-sort{display:flex;gap:4px;padding:0 10px 9px}.station-sort-btn{flex:1;padding:0}.station-list{border-top:1px solid #1e2630}.station-loading{padding:20px;color:#708292;font-size:10px;text-align:center}.station-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 11px;border-bottom:1px solid #1d252e;cursor:pointer}.station-row:hover,.station-row.active{background:#131b23}.station-row strong{display:block;font-size:11px}.station-row small{display:block;color:#66798b;font-size:9px;margin-top:2px}.station-values{display:flex;gap:7px;align-items:center;text-align:right}.station-values b{font-size:11px}.station-values span{font-size:9px;color:#6e8293}.station-rain{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.station-rain.low{background:#3dd981}.station-rain.mid{background:#f3bf45}.station-rain.high{background:#ff6269}.weather-point-icon{background:transparent;border:0}.point-marker{min-width:43px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(114,193,232,.55);background:rgba(10,20,28,.88);color:#e6f4fb;border-radius:5px;font-size:9px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.35)}.point-marker.rainy{border-color:rgba(68,183,255,.9);background:rgba(11,42,59,.92)}.point-marker.hot{border-color:rgba(255,145,66,.85)}
.drawer{position:fixed;right:-390px;top:0;width:370px;max-width:92vw;height:100vh;background:#0d1319;border-left:1px solid #28333d;z-index:210;padding:14px;transition:right .22s}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between}.drawer-head small{font-size:9px;color:#718395}.drawer-head h3{margin:2px 0 10px}.drawer-head button{background:transparent;border:0;color:#8797a6;font-size:20px;cursor:pointer}.saved-item{display:flex;gap:6px;margin-bottom:6px}.saved-item button{border:1px solid #26323e;background:#111820;color:#c8d4de;border-radius:6px;padding:8px;cursor:pointer}.saved-item .saved-open{flex:1;text-align:left}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.show{opacity:1;pointer-events:auto}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);background:#14202a;color:#dceaf3;border:1px solid #31404c;border-radius:7px;padding:9px 12px;font-size:10px;z-index:300;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
@media(max-width:1250px){.workspace{grid-template-columns:188px minmax(0,1fr)}.right-panel{position:fixed;right:-310px;top:var(--top);width:300px;z-index:90;transition:.22s;box-shadow:-20px 0 40px rgba(0,0,0,.35)}body.show-points .right-panel{right:0}.topbar{grid-template-columns:270px 1fr auto}.top-btn span{display:none}.map-wrap{height:510px}.route-console{grid-template-columns:1fr 18px 1fr 120px 110px}.route-metrics{grid-column:1/-1;justify-content:flex-end}.route-metrics span{min-width:90px}}
@media(max-width:900px){:root{--top:58px}.topbar{height:var(--top);grid-template-columns:1fr auto;padding:0 10px}.brand small{display:none}.brand strong{font-size:14px}.brand-symbol{width:34px;height:34px}.top-search{position:absolute;top:65px;left:10px;right:10px;z-index:80;box-shadow:var(--shadow)}.live-state{display:none}.menu-btn{display:inline-block}.workspace{display:block;padding-top:56px}.left-panel{position:fixed;left:-240px;top:var(--top);width:228px;z-index:95;transition:.22s;box-shadow:20px 0 40px rgba(0,0,0,.4)}body.show-layers .left-panel{left:0}.right-panel{top:var(--top);height:calc(100vh - var(--top) - 55px)}.center-stage{padding:8px 8px 68px}.map-head{height:auto;padding:10px;align-items:flex-start;gap:8px;flex-direction:column}.map-mode-tabs{width:100%}.mode-tab{flex:1}.map-wrap{height:470px}.route-console{grid-template-columns:1fr 18px 1fr;gap:7px}.date-control,.analyse-btn{grid-column:span 1}.date-control{grid-column:1/3}.analyse-btn{grid-column:3}.route-metrics{grid-column:1/-1;justify-content:stretch}.route-metrics span{flex:1;border:1px solid #202a34;padding:6px}.analytics-row,.analytics-row.lower{grid-template-columns:1fr}.checkpoint-cards{grid-template-columns:repeat(5,150px)}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:56px;background:#0b1016;border-top:1px solid #26303a;z-index:120;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{flex:1;border:0;background:transparent;color:#778897;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:15px}.mobile-nav button span{font-size:8px;font-weight:800}.mobile-nav button.active{color:#4bcfff}.selected-weather-card{width:210px}}
@media(max-width:560px){.top-actions .top-btn:not(.menu-btn){display:none}.brand{gap:8px}.map-wrap{height:420px}.map-float.right-float{display:none}.left-float{bottom:8px;left:8px}.selected-weather-card{left:8px;right:8px;top:8px;width:auto}.route-console{grid-template-columns:1fr 14px 1fr}.date-control{grid-column:1/-1}.analyse-btn{grid-column:1/-1}.route-metrics span{min-width:0}.trend-tabs{overflow:auto;max-width:180px}.analytics-card{padding:9px}.checkpoint-cards{grid-template-columns:repeat(5,132px)}}

.top-link{text-decoration:none;display:inline-flex;align-items:center;gap:7px}.brand a{text-decoration:none;color:inherit}