:root{--bg:#06111c;--panel:#0c1c2b;--panel2:#102638;--line:#1f4058;--text:#edf7ff;--muted:#8fa9bc;--accent:#55c2ff;--danger:#ff536b;--warn:#ffb34b;--ok:#55dc96;--violet:#806bff;--shadow:0 14px 36px rgba(0,0,0,.34)}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}button{touch-action:manipulation}body{overflow:hidden}.app{height:100vh;display:grid;grid-template-columns:82px 1fr;grid-template-rows:72px 1fr;background:radial-gradient(circle at 25% 0%,#11304a 0,#06111c 46%)}
.sidebar{grid-row:1/3;border-right:1px solid #18344b;background:rgba(5,14,23,.91);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;padding:18px 10px;gap:10px;z-index:1500}.logo{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#1773a8,#4bd2ff);box-shadow:0 8px 25px rgba(66,196,255,.23);font-size:24px}.navbtn{width:54px;height:52px;border:1px solid transparent;color:#8da6b9;background:transparent;border-radius:16px;cursor:pointer;font-size:21px;display:grid;place-items:center;transition:.2s;text-decoration:none}.navbtn:hover,.navbtn.active{background:#11283b;color:#fff;border-color:#224762}.navspacer{flex:1}.adminLink{font-size:19px}.avatar{width:42px;height:42px;border-radius:50%;background:#183b56;border:1px solid #2e5875;display:grid;place-items:center;font-weight:700}
.topbar{grid-column:2;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid #17344a;background:rgba(8,22,34,.88);backdrop-filter:blur(12px);z-index:1300}.brand{font-weight:800;font-size:19px;white-space:nowrap}.brand small{font-weight:500;color:var(--muted);margin-left:8px}.searchWrap{flex:1;max-width:610px;position:relative}.search{width:100%;border:1px solid #23435a;background:#0b1a28;border-radius:14px;padding:11px 14px;color:white;outline:none}.search:focus{border-color:#3b84aa}.searchResults{position:absolute;top:48px;left:0;right:0;background:#0b1c2a;border:1px solid #28516c;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:none;max-height:380px;overflow-y:auto}.searchResults.show{display:block}.searchItem{padding:11px 13px;border-bottom:1px solid #17384e;cursor:pointer}.searchItem:hover{background:#123149}.searchItem b{display:block}.searchItem small{color:#8fa9bc}.status-pill{margin-left:auto;padding:8px 11px;border:1px solid #275370;border-radius:999px;color:#acdfff;background:#0d2435;font-size:13px;white-space:nowrap}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#55dc96;box-shadow:0 0 12px #55dc96;margin-right:7px}.live-dot.off{background:#ffb34b;box-shadow:none}
.workspace{grid-column:2;position:relative;overflow:hidden}.view{position:absolute;inset:0;display:none}.view.active{display:block}.mapwrap{position:absolute;inset:0}.map{position:absolute;inset:0;background:#0b1d2c}.leaflet-container{background:#0b1d2c}.leaflet-control-zoom a{background:#0c1b29!important;color:white!important;border-color:#26445a!important}.leaflet-control-attribution{background:rgba(3,11,17,.78)!important;color:#9eb3c1!important}.leaflet-control-attribution a{color:#83c9ef!important}.map-overlay{position:absolute;inset:0;pointer-events:none;z-index:500;background:linear-gradient(to bottom,rgba(3,12,19,.10),transparent 20%,transparent 78%,rgba(3,10,17,.22))}.windCanvas{position:absolute;inset:0;z-index:470;pointer-events:none;opacity:.62}
.leftpanel{position:absolute;left:20px;top:18px;width:355px;z-index:800;display:grid;gap:12px}.glass{background:rgba(8,23,35,.92);border:1px solid rgba(56,96,123,.68);box-shadow:var(--shadow);backdrop-filter:blur(14px);border-radius:18px}.weather{padding:18px}.locationLine{font-size:13px;color:#9db5c5;display:flex;justify-content:space-between;gap:8px}.weather-main{display:flex;align-items:flex-end;justify-content:space-between;margin-top:8px}.temp{font-size:52px;line-height:1;font-weight:800;letter-spacing:-3px}.weather-desc{font-size:16px;margin-top:5px}.weatherFeel{font-size:11px;color:#8fa9bc;margin-top:4px}.wx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.metric{background:#0f2637;border:1px solid #1d4057;border-radius:13px;padding:10px}.metric b{display:block;font-size:15px}.metric span{font-size:11px;color:#8ea7b7}.dangerbar{margin-top:12px;padding:10px 11px;border-radius:12px;background:linear-gradient(90deg,rgba(255,82,104,.18),rgba(255,173,67,.1));border:1px solid rgba(255,85,105,.33);font-size:12px}.dangerbar.safe{background:rgba(85,220,150,.1);border-color:rgba(85,220,150,.28)}
.layers{padding:12px;display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #274b63;background:#0c2131;color:#adc3d1;border-radius:999px;padding:8px 11px;cursor:pointer}.chip.active{color:#fff;background:#1d5676;border-color:#3a91bd}.radar-time{padding:9px 12px;font-size:12px;color:#b5c8d4}.progress{height:4px;background:#173347;border-radius:99px;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;width:0;background:#59c9ff;border-radius:99px}
.rightpanel{position:absolute;right:20px;top:18px;width:370px;bottom:18px;z-index:800;display:flex;flex-direction:column;gap:12px}.alerts{padding:15px;min-height:0;flex:1;overflow:hidden}.paneltitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.paneltitle h3{margin:0;font-size:16px}.paneltitle span{font-size:12px;color:#8fa6b6}.alertlist{display:grid;gap:8px;max-height:calc(100% - 38px);overflow:auto;padding-right:3px}.alertcard{background:#0e2232;border:1px solid #1c3d53;border-radius:14px;padding:11px;cursor:pointer;transition:.2s}.alertcard:hover{border-color:#3d7899;transform:translateY(-1px)}.alertcard.model{border-left:3px solid #806bff}.alertcard.community{border-left:3px solid #55c2ff}.alerthead{display:flex;align-items:center;gap:9px}.eventIcon{width:34px;height:34px;border-radius:11px;background:#16344a;display:grid;place-items:center;font-size:18px}.alerthead b{font-size:13px}.alerthead small{display:block;color:#879fac;margin-top:2px}.confidence{margin-left:auto;border-radius:999px;padding:4px 7px;background:rgba(87,221,153,.13);color:#71e6aa;font-size:11px}.severity{font-size:10px;color:#ffd08a}.alertdesc{font-size:12px;color:#b4c6d0;margin:8px 0 0;line-height:1.4}.sourceTag{display:inline-block;margin-top:7px;font-size:10px;color:#91aaba}.reportBtn{border:0;border-radius:17px;padding:16px 18px;background:linear-gradient(135deg,#ff4d65,#ff7b49);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 28px rgba(255,79,99,.3);display:flex;align-items:center;justify-content:center;gap:8px}.reportBtn:hover{filter:brightness(1.06)}
.bottomtimeline{position:absolute;left:395px;right:410px;bottom:18px;z-index:800;padding:12px 14px}.timelineTop{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aac0cf}.times{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px}.timebtn{border:1px solid #234459;background:#0d2333;color:#92a9b8;border-radius:10px;padding:7px 4px;cursor:pointer;font-size:11px}.timebtn.active{background:#1a5879;border-color:#3b8fb9;color:white}.play{width:32px;height:32px;border:1px solid #2a5975;background:#12314a;color:white;border-radius:10px;cursor:pointer}
.pin{width:36px;height:36px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;border:2px solid rgba(255,255,255,.75);box-shadow:0 5px 16px rgba(0,0,0,.44)}.pin span{transform:rotate(45deg);font-size:18px}.pin.hail{background:#5bc8ff}.pin.storm{background:#7c65ff}.pin.tornado{background:#ff5368}.pin.wind{background:#ffad43}.pin.flood{background:#2bb4d8}.pin.tree{background:#62c36b}.pin.rain{background:#407dd8}.pin.snow{background:#bfeaff}.pin.fog{background:#748998}.pin.user{background:#fff;border-color:#2e8dc1;width:22px;height:22px;box-shadow:0 0 0 8px rgba(91,196,255,.19)}.pin.user span{font-size:0}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0c1d2b;color:#edf7ff;border:1px solid #2a5068}.leaflet-popup-content{margin:12px 14px;line-height:1.4}.pop-title{font-weight:800;margin-bottom:4px}.pop-meta{font-size:11px;color:#9db2c0}.pop-desc{font-size:12px;margin-top:7px}
.screen{padding:26px 30px;overflow:auto;background:linear-gradient(145deg,#07121d,#0c1d2a)}.screen h1{margin:0 0 5px}.screen .sub{color:#8ea6b7;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.bigcard{border:1px solid #1e3e54;background:#0d2231;border-radius:18px;padding:16px;box-shadow:var(--shadow)}.bigcard h3{margin:7px 0}.bigcard p{margin:0;color:#a9bdc9;font-size:13px;line-height:1.5}.stat{font-size:34px;font-weight:800}.stat small{font-size:12px;color:#9db1be;font-weight:500}.dailyGrid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:22px}.dayCard{background:#0d2231;border:1px solid #1e4057;border-radius:17px;padding:14px}.dayCard .day{font-weight:800}.dayCard .date{font-size:11px;color:#8fa9bc}.dayCard .ico{font-size:32px;margin:10px 0}.dayCard .temps{font-size:18px;font-weight:800}.dayCard .temps small{font-weight:500;color:#8fa9bc}.dayMeta{margin-top:9px;font-size:11px;color:#a7bbc8;display:grid;gap:5px}.tableWrap{overflow:auto;border:1px solid #1e4057;border-radius:16px;background:#0b1e2d}.hourTable{width:100%;border-collapse:collapse;min-width:850px}.hourTable th,.hourTable td{padding:10px 12px;border-bottom:1px solid #17374c;text-align:left;font-size:12px}.hourTable th{position:sticky;top:0;background:#10283b;color:#9eb7c7;z-index:1}.hourTable td b{font-size:14px}.riskGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.riskCard{border:1px solid #264c64;background:#0d2231;border-radius:16px;padding:14px}.riskCard.l1{border-left:4px solid #ffd36f}.riskCard.l2{border-left:4px solid #ff9b54}.riskCard.l3{border-left:4px solid #ff536b}.riskCard h3{margin:5px 0}.empty{padding:28px;text-align:center;color:#8fa9bc;border:1px dashed #284b62;border-radius:16px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.photoReal{height:210px;border-radius:18px;overflow:hidden;position:relative;border:1px solid #21485f;background:#0c1e2c}.photoReal img{width:100%;height:100%;object-fit:cover}.photoReal .cap{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(transparent,rgba(0,0,0,.88));font-size:12px}.photoReal .cap b{display:block;font-size:14px;margin-bottom:3px}
.modalBack{position:fixed;inset:0;background:rgba(0,8,14,.72);backdrop-filter:blur(7px);z-index:3000;display:none;align-items:center;justify-content:center;padding:20px}.modalBack.show{display:flex}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:22px;background:#0c1c2a;border:1px solid #2b4f67;box-shadow:0 30px 80px rgba(0,0,0,.52);padding:20px}.modalHead{display:flex;justify-content:space-between;align-items:flex-start}.modalHead h2{margin:0}.close{border:1px solid #2d5067;background:#102738;color:white;width:36px;height:36px;border-radius:11px;cursor:pointer}.events{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.eventChoice{padding:12px 6px;border-radius:14px;border:1px solid #23465d;background:#0e2332;color:#c7d6df;cursor:pointer;text-align:center}.eventChoice span{display:block;font-size:23px;margin-bottom:5px}.eventChoice.active{background:#183e56;border-color:#50b6eb;color:white}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin-top:12px}.field label{display:block;font-size:12px;color:#95acba;margin-bottom:6px}.input{width:100%;border:1px solid #28485d;border-radius:12px;background:#091824;color:white;padding:11px 12px;outline:none}.input:focus{border-color:#49a7d5}.send{margin-top:16px;width:100%;border:0;border-radius:13px;padding:13px;background:linear-gradient(135deg,#ff4f67,#ff814b);color:white;font-weight:800;cursor:pointer}.hint{font-size:11px;color:#7f9bad;margin-top:7px}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(30px);padding:11px 15px;background:#14364c;border:1px solid #347094;border-radius:12px;z-index:4000;opacity:0;transition:.25s;pointer-events:none;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.loader{display:inline-block;width:15px;height:15px;border:2px solid #86a7bb;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.note{font-size:11px;color:#7e9bac;margin-top:12px}.linkBtn{display:inline-flex;padding:8px 11px;border-radius:10px;border:1px solid #2a526b;color:#bfe8ff;text-decoration:none;background:#0d2638}
@media(max-width:1200px){.rightpanel{width:320px}.leftpanel{width:320px}.bottomtimeline{left:360px;right:360px}.dailyGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){body{overflow:auto}.app{display:block;height:auto;min-height:100vh}.sidebar{position:fixed;left:0;right:0;bottom:0;height:68px;top:auto;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid #18344b;padding:6px 10px;z-index:2000}.logo,.navspacer,.avatar,.adminLink{display:none}.navbtn{height:50px}.topbar{position:fixed;top:0;left:0;right:0;height:62px;z-index:1900;padding:0 12px}.brand small{display:none}.searchWrap{max-width:none}.status-pill{display:none}.workspace{height:100vh;padding-top:62px;padding-bottom:68px}.leftpanel{left:10px;right:10px;top:12px;width:auto}.leftpanel .weather{padding:13px}.leftpanel .temp{font-size:38px}.wx-grid{display:none}.rightpanel{right:10px;left:10px;top:auto;bottom:78px;width:auto;height:auto}.rightpanel .alerts{display:none}.rightpanel .reportBtn{width:100%}.bottomtimeline{display:none}.screen{padding:80px 14px 90px}.events{grid-template-columns:repeat(2,1fr)}.formrow{grid-template-columns:1fr}.dailyGrid{grid-template-columns:repeat(2,1fr)}.searchResults{position:fixed;left:10px;right:10px;top:58px}}

.lightningScope{margin-top:7px;padding-top:7px;border-top:1px solid rgba(120,170,200,.18);line-height:1.45}.riskWhen{margin:8px 0;color:#d7efff}.riskWhen b{color:#fff}