:root{--navy:#102a36;--navy2:#183e4c;--teal:#168b87;--pale:#e5f3f0;--cream:#f7f8f3;--line:#dfe6e2;--muted:#6d7b79;--red:#d44d4c;--amber:#d3922e;--green:#3c9565;--purple:#8064ad;--shadow:0 18px 45px rgba(16,42,54,.16);font-family:'DM Sans',sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--cream);color:var(--navy)}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{min-height:100%;display:grid;grid-template-columns:292px minmax(0,1fr)}#app.sidebar-hidden{grid-template-columns:minmax(0,1fr)}#app.sidebar-hidden #sidebar{display:none}#sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 20px 18px;display:flex;flex-direction:column;gap:18px;z-index:10}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--navy);color:#89d9ce;font:700 19px 'Space Grotesk'}.brand h1{margin:0;font:700 21px 'Space Grotesk';letter-spacing:-.5px}.brand h1 span{color:var(--teal)}.sidebar-close{display:none;border:0;background:#edf1ef;color:var(--navy);border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1}.tagline{margin:-8px 0 0 49px;font-size:12px;line-height:1.45;color:var(--muted)}.section-label{margin:0 0 8px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.search{position:relative}.search input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px 11px 36px;outline:none;color:var(--navy);background:#fbfcfa}.search input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(22,139,135,.12)}.search svg{position:absolute;left:12px;top:12px;color:var(--muted)}#searchResults{display:flex;flex-direction:column;gap:2px;margin-top:5px}#searchResults button{border:0;background:var(--pale);color:var(--navy);text-align:left;border-radius:7px;padding:8px 9px;font-size:12px}.layer-list{display:flex;flex-direction:column;gap:2px}.layer-toggle{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;font-size:13px;color:#29434a}.layer-toggle:hover{background:#f1f6f3}.layer-toggle input{width:15px;height:15px;margin:0;accent-color:var(--teal)}.swatch,.legend-square{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.swatch.risk,.legend-square.report{background:var(--red)}.swatch.river{background:var(--teal)}.swatch.evac,.legend-square.evac{background:var(--amber)}.swatch.health,.legend-square.health{background:var(--purple)}.action{width:100%;border:0;border-radius:9px;padding:12px;background:var(--navy);color:#fff;font-weight:700}.action:hover{background:var(--navy2)}#reportList{border-top:1px solid var(--line);padding-top:14px}#reportList h3{margin:0 0 8px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.report-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #eef2ef;font-size:11px}.report-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-delete{border:0;border-radius:6px;padding:5px 7px;background:#fdebea;color:#a93232;font-size:10px;font-weight:700;flex:0 0 auto}.about{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px;line-height:1.55}.about strong{color:var(--navy)}#main{min-width:0;display:flex;flex-direction:column;min-height:100vh}#topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 24px;background:#fff;border-bottom:1px solid var(--line)}.page-title h2{margin:0;font:600 22px 'Space Grotesk';letter-spacing:-.5px}.page-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:8px}.map-btn{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:8px;padding:9px 11px;font-size:12px;font-weight:600}.map-btn:hover{border-color:var(--teal);color:var(--teal)}#menuBtn{display:block}#stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.stat{padding:13px 19px;background:#fff}.stat .number{font:600 25px 'Space Grotesk'}.stat .label{color:var(--muted);font-size:11px;margin-top:3px}#mapwrap{position:relative;flex:1;min-height:520px}#map{width:100%;height:100%;min-height:520px;background:#dcebe8}.leaflet-container{font-family:'DM Sans',sans-serif}.leaflet-control-zoom,.leaflet-control-layers{border:0!important;box-shadow:var(--shadow)!important}.leaflet-control-zoom a{color:var(--navy)!important;border:0!important;width:34px!important;height:34px!important;line-height:34px!important}.leaflet-control-layers{font-size:11px}.leaflet-control-attribution{font-size:9px}.map-card{position:absolute;z-index:500;left:18px;bottom:18px;background:rgba(16,42,54,.94);color:#fff;border-radius:11px;padding:12px 14px;box-shadow:var(--shadow);font-size:11px;line-height:1.8}.map-card .title{color:#9ce2d8;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.legend-row{display:flex;align-items:center;gap:8px}.legend-dot{width:9px;height:9px;border-radius:50%}.legend-dot.low{background:var(--green)}.legend-dot.moderate{background:var(--amber)}.legend-dot.high{background:var(--red)}#hint{position:absolute;z-index:500;top:17px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:9px 15px;color:#38535a;box-shadow:0 5px 18px rgba(16,42,54,.1);font-size:12px;white-space:nowrap}.river-water{filter:drop-shadow(0 2px 2px rgba(22,139,135,.25))}#infoPanel{position:absolute;z-index:800;top:0;right:0;bottom:0;width:320px;max-width:88vw;background:#fff;border-left:1px solid var(--line);padding:22px 20px;overflow:auto;transform:translateX(100%);transition:transform .25s;box-shadow:-14px 0 35px rgba(16,42,54,.14)}#infoPanel.open{transform:translateX(0)}#closeInfo{position:absolute;right:12px;top:12px;border:0;background:#f1f5f2;border-radius:50%;width:28px;height:28px;color:var(--muted)}#infoContent h3{margin:20px 0 6px;font:600 21px 'Space Grotesk'}.risk-badge{display:inline-block;color:#fff;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700}.info-row{border-top:1px solid var(--line);padding:13px 0 2px;margin-top:12px}.info-row .key{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.info-row .value{font-size:13px;line-height:1.4}.info-row .distance{color:var(--teal);font-size:12px;margin-top:2px}.pin{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#fff;border:2px solid #fff;box-shadow:0 2px 7px rgba(0,0,0,.3)}.pin.evac{background:var(--amber);transform:rotate(45deg);border-radius:4px}.pin.health{background:var(--purple);border-radius:50%}.pin.report{background:var(--red);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.pin span{font-size:11px;font-weight:700}.pin.report span{transform:rotate(45deg)}#modalOverlay{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(16,42,54,.55)}#modalOverlay.open{display:flex}#reportModal{width:100%;max-width:410px;background:#fff;border-radius:14px;padding:23px;box-shadow:0 25px 70px rgba(0,0,0,.25)}#reportModal h3{margin:0;font:600 21px 'Space Grotesk'}#reportModal .sub{margin:5px 0 16px;color:var(--muted);font-size:12px}#reportModal label{display:block;margin:13px 0 5px;color:var(--muted);font-size:11px;font-weight:600}#reportModal select,#reportModal textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--navy);background:#fbfcfa;resize:vertical}#pickLocationBtn{width:100%;border:1px dashed var(--teal);border-radius:8px;padding:10px;background:var(--pale);color:var(--navy);font-weight:600}#pickHint{display:none;color:var(--teal);font-size:11px;margin-top:7px}#pickHint.show{display:block}.modal-actions{display:flex;gap:8px;margin-top:18px}.modal-actions button{flex:1;border:0;border-radius:8px;padding:11px;font-weight:700}#cancelReport{background:#edf1ef;color:var(--navy)}#submitReport{background:var(--navy);color:#fff}#submitReport:disabled{opacity:.45;cursor:not-allowed}@media(max-width:850px){#app{display:block}#app.sidebar-hidden #sidebar{display:flex}#sidebar{position:fixed;left:0;top:0;bottom:0;width:292px;transform:translateX(-100%);transition:transform .25s;box-shadow:var(--shadow)}#sidebar.open{transform:translateX(0)}.sidebar-close{display:block}#topbar{padding:13px 15px}.page-title h2{font-size:18px}.page-title p{display:none}#mapwrap,#map{min-height:calc(100vh - 160px)}}@media(max-width:560px){#stats{grid-template-columns:repeat(2,1fr)}.stat{padding:10px 13px}.stat .number{font-size:21px}.top-actions .map-btn span{display:none}#hint{top:12px;max-width:80%;overflow:hidden;text-overflow:ellipsis}}