*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07111b;color:#e8f0f7;font-family:Inter,system-ui,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#081521;border-right:1px solid #1a2a38;padding:28px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 34px}.brand-mark{width:38px;height:38px;border-radius:11px;background:#19b89b;display:grid;place-items:center;color:#04110f;font-weight:800;font-size:20px}.brand strong{display:block;font-size:19px}.brand span{font-size:10px;color:#7890a2}.sidebar nav{display:grid;gap:7px}.sidebar nav a{text-decoration:none;color:#8095a5;padding:13px 14px;border-radius:10px;font-size:13px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#102534;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #19b89b}.sidebar-bottom{margin-top:auto}.system-ok{display:flex;gap:10px;align-items:center;background:#0d1d29;border:1px solid #1b3040;border-radius:12px;padding:12px}.system-ok i,.live-dot{width:8px;height:8px;background:#23d6ad;border-radius:50%;display:inline-block;box-shadow:0 0 10px #23d6ad}.system-ok b{display:block;font-size:11px}.system-ok small{color:#6f8798;font-size:9px}.version{display:block;color:#4d6576;text-align:center;margin-top:18px}.main{margin-left:245px;padding:28px 38px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow,.section-kicker,.hero-label{font-size:10px;letter-spacing:1.6px;color:#638096;font-weight:700;margin:0 0 7px}.topbar h1{font-size:27px;margin:0}.top-actions{display:flex;align-items:center;gap:9px;color:#7890a0;font-size:11px}.top-actions button{margin-left:12px}.top-actions button,.secondary-btn{background:#102330;border:1px solid #263e4e;color:#cfe0eb;border-radius:9px;padding:9px 13px;cursor:pointer}.hero{border:1px solid #203543;border-radius:16px;padding:34px 38px;background:linear-gradient(115deg,#0b202e,#0a1823);display:flex;justify-content:space-between;align-items:end;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#16a88e14;right:-100px;top:-180px}.hero h2{font-size:40px;line-height:1.05;margin:0 0 13px}.hero h2 em{font-style:normal;color:#1fd1ad}.hero p{max-width:650px;color:#7e96a7;font-size:13px;line-height:1.7;margin:0}.hero-status{position:relative;z-index:1;text-align:right;color:#9aafbd;font-size:11px}.hero-status span{color:#23d6ad}.hero-status small{display:block;color:#5e7585;margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.stat-card,.panel{background:#0b1823;border:1px solid #1b2e3c;border-radius:14px}.stat-card{padding:18px 19px;position:relative}.stat-card small{display:block;color:#667e8e;font-size:9px;letter-spacing:1px;font-weight:700}.stat-card strong{display:block;font-size:28px;margin:8px 0 3px}.stat-card p{margin:0;color:#647b8c;font-size:10px}.stat-icon{position:absolute;right:18px;top:17px;color:#3e6173}.danger strong{color:#ff6868}.section-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:14px;margin:14px 0}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel h3{font-size:16px;margin:0}.legend{display:flex;gap:12px;color:#6e8595;font-size:9px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.high-dot{background:#ff5f67}.mid-dot{background:#f4a847}.low-dot{background:#31c99f}.badge{font-size:8px;color:#27d1ae;border:1px solid #1c554a;border-radius:20px;padding:4px 7px}.map-panel{min-height:430px}#risk-map{height:350px;border-radius:10px;overflow:hidden;background:#10222d}.leaflet-container{background:#0d1c26}.alert-list{display:grid;gap:4px}.alert-item{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;padding:14px 7px;border-bottom:1px solid #152733}.alert-item b{font-size:11px;display:block}.alert-item small{font-size:9px;color:#627a8b}.alert-item strong{font-size:8px;color:#f07171}.alert-dot{width:7px;height:7px;border-radius:50%}.alert-dot.high{background:#ff6068}.alert-dot.medium{background:#f1a64d}.alert-dot.low{background:#28c59b}.prediction{display:grid;grid-template-columns:1.35fr .8fr;gap:30px;margin-top:14px;padding:26px}.prediction h3{font-size:24px;margin:5px 0 8px}.prediction-copy>p{font-size:11px;line-height:1.7;color:#708898;max-width:680px}.upload-row{display:flex;align-items:center;gap:10px;margin:20px 0}.upload-row span{font-size:10px;color:#62798a}.input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.input-grid label,.report-grid label{font-size:9px;color:#7890a0;font-weight:600}.input-grid label span{float:right;color:#4e6879}.input-grid input,.report-grid select,.report-grid textarea{display:block;width:100%;margin-top:6px;background:#08141e;border:1px solid #203544;border-radius:8px;padding:11px;color:#dce8ef;outline:none}.input-grid input:focus,.report-grid textarea:focus,.report-grid select:focus{border-color:#19b89b}.primary-btn{background:#19b89b;color:#04130f;border:0;border-radius:9px;padding:11px 16px;font-weight:800;font-size:11px;cursor:pointer}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.prediction-result{border:1px solid #203746;border-radius:12px;padding:20px;background:#08141e;min-height:230px}.result-kicker{font-size:9px;letter-spacing:1.4px;color:#627b8d;font-weight:700}.prediction-result h4{font-size:25px;margin:16px 0 5px}.prediction-result p,.prediction-result li{font-size:10px;color:#79909f;line-height:1.7}.risk-high{color:#ff666d}.risk-moderate{color:#f1aa50}.risk-low{color:#2bd0a5}.lower{grid-template-columns:1.35fr .8fr}.report-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}.report-grid textarea{resize:vertical}.report-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.report-actions #submit-report-btn{margin-left:auto}.report-actions span{font-size:9px;color:#61798a}.resources{display:grid;gap:17px}.resources>div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:10px}.resources b{color:#9bb0bd}.resources i{grid-column:1/-1;height:5px;background:#142632;border-radius:5px;overflow:hidden}.resources u{display:block;height:100%;background:#19b89b;border-radius:5px;text-decoration:none}footer{display:flex;justify-content:space-between;color:#40596a;font-size:9px;padding:25px 4px 8px}@media(max-width:1000px){.sidebar{width:70px;padding:20px 10px}.brand{padding:0 5px 30px}.brand>div:last-child,.sidebar nav span,.system-ok div,.version{display:none}.brand{justify-content:center}.main{margin-left:70px;padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-grid,.prediction,.lower{grid-template-columns:1fr}}@media(max-width:650px){.topbar,.hero,footer{display:block}.top-actions{margin-top:15px}.hero h2{font-size:30px}.stats-grid{grid-template-columns:1fr}.input-grid,.report-grid{grid-template-columns:1fr}.main{padding:15px}.hero{padding:25px}.hero-status{text-align:left;margin-top:20px}.topbar h1{font-size:22px}}