:root{font-family:Prompt,system-ui,sans-serif;color:#153346;background:#f4f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#102f42;color:#fff;padding:30px 16px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;font-size:21px;font-weight:700;line-height:1.3}.brand small{display:block;color:#a4c8d3;font-size:11px;font-weight:500;letter-spacing:.035em}.brand-mark{display:grid;place-items:center;border-radius:12px;background:#dcf6ee;color:#087b67;width:37px;height:37px;font-size:24px;flex:none}.side-nav{display:grid;gap:5px;margin-top:48px}.nav-item{border:0;background:transparent;text-align:left;color:#bad0d9;padding:12px 16px;border-radius:11px;font-size:15px}.nav-item span{display:inline-block;width:27px;font-size:20px;vertical-align:-2px}.nav-item:hover,.nav-item.active{background:#254a5c;color:#fff}.side-foot{margin-top:auto;border-top:1px solid #355767;padding:21px 12px 0;color:#d7e6e9;font-size:13px;line-height:1.6}.side-foot small{color:#90b2be}.demo-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f6c675;margin-right:5px}.main-column{margin-left:238px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:70px;background:#fff;border-bottom:1px solid #e3e9eb;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:0 clamp(20px,3.6vw,60px)}.mobile-brand{display:none}.prototype-label{color:#8196a0;font-size:13px}.hotline{border:1px solid #d3e1e5;border-radius:9px;padding:8px 13px;text-decoration:none;font-size:14px;font-weight:600}.hotline span{margin-left:9px;color:#1c897d}main{width:min(1190px,100%);padding:38px clamp(20px,3.6vw,60px) 60px;margin:0 auto;flex:1}.view{display:none}.view.active{display:block}.page-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading.compact{margin-bottom:22px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#24877f;font-weight:700;margin-bottom:6px}h1,h2,p{margin-top:0}h1{font-size:clamp(27px,3vw,38px);line-height:1.28;letter-spacing:-.025em;margin-bottom:6px}h2{font-size:19px;line-height:1.4;margin-bottom:3px}.page-heading p,.section-head p{font-size:14px;color:#708690;margin-bottom:0}.demo-pill,.step-badge{white-space:nowrap;border-radius:99px;background:#e6f4f1;color:#197969;padding:7px 12px;font-size:12px;font-weight:600}.step-badge{background:#e7eef1;color:#527280}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-card{display:flex;text-align:left;align-items:center;gap:17px;padding:25px;border:1px solid transparent;border-radius:18px;color:#fff;min-height:130px;box-shadow:0 12px 32px rgba(21,51,70,.07)}.action-card.sos{background:#d7454a}.action-card.help{background:#166d75}.action-card:hover{transform:translateY(-2px)}.action-card .action-icon{font-size:28px;display:grid;place-items:center;width:51px;height:51px;border-radius:14px;background:#ffffff29;flex:none}.action-card strong{font-size:21px;display:block}.action-card small{display:block;font-size:13px;opacity:.9;margin-top:3px}.action-arrow{margin-left:auto;align-self:flex-start;font-size:20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:34px 0 16px}.text-button,.back-button{background:none;border:0;color:#14756e;font-weight:600}.text-button{font-size:14px;white-space:nowrap}.text-button span{margin-left:5px}.back-button{margin-bottom:20px;padding:0;font-size:14px}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-card{background:#fff;border:1px solid #e2e9ea;border-radius:15px;padding:19px;text-align:left;min-width:0;transition:border-color .15s,transform .15s}.case-card:hover{border-color:#83b7b4;transform:translateY(-2px)}.case-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;background:#fee9e6;color:#bd383a}.status.wait{background:#fff0dc;color:#a76115}.status.enroute{background:#e7f1fc;color:#28639a}.status.done{background:#e4f4e9;color:#277343}.case-id,.case-meta{font-size:12px;color:#8aa0a8}.case-card h3{font-size:17px;line-height:1.45;margin:0 0 7px}.case-card p{font-size:13px;color:#6b818c;line-height:1.55;margin-bottom:14px}.case-bottom{border-top:1px solid #edf1f2;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.case-bottom span{font-size:13px;color:#607984}.case-bottom b{font-size:13px;color:#14756e}.notice{display:flex;gap:15px;background:#e8f2f6;border:1px solid #cfe5ea;border-radius:14px;padding:17px 19px;margin-top:28px}.notice-icon{display:grid;place-items:center;border:1px solid #7da7b6;border-radius:50%;color:#397688;font-weight:700;width:24px;height:24px;flex:none;font-size:14px}.notice strong{font-size:14px}.notice p{font-size:13px;line-height:1.65;color:#4e6e7c;margin:4px 0 0}.notice a{font-weight:700;text-decoration:underline}.site-footer{max-width:1190px;width:100%;padding:0 clamp(20px,3.6vw,60px) 24px;margin:auto;color:#91a4ac;font-size:11px;display:flex;justify-content:space-between;gap:20px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.form-card,.help-aside,.summary-card{background:#fff;border:1px solid #e1e9eb;border-radius:17px;box-shadow:0 5px 30px #16374608}.form-section{padding:24px 27px;border-bottom:1px solid #e9eef0}.form-section h2{font-size:17px;margin-bottom:16px}.chip-grid{display:flex;flex-wrap:wrap;gap:9px}.chip-grid input{position:absolute;opacity:0}.chip-grid span{display:inline-block;padding:10px 14px;border:1px solid #d8e4e7;border-radius:9px;color:#43606e;font-size:14px}.chip-grid input:checked+span{border-color:#177b73;background:#e8f5f2;color:#0a685f;font-weight:600}.chip-grid input:focus-visible+span{outline:3px solid #6bb6a9;outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px;color:#314f5d;font-weight:600;font-size:14px;margin-bottom:16px}.field:last-child{margin-bottom:0}.field input,.field textarea,.field select,.search-label input,#case-filter{width:100%;border:1px solid #d5e1e5;background:#fff;border-radius:9px;color:#173645;padding:11px 12px;outline:none;font-weight:400;min-height:45px}.field :is(input,textarea,select):focus,.search-label:focus-within,#case-filter:focus{border-color:#118578;box-shadow:0 0 0 3px #d7eeea}.field textarea{resize:vertical;min-height:94px}.field input::placeholder,.field textarea::placeholder{color:#9baeb5}.location-row{display:flex;align-items:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}.location-row span{font-size:12px;color:#7a909a}.secondary-button{border:1px solid #bfd7d8;border-radius:9px;color:#14756e;background:#f5fbfa;padding:9px 13px;font-size:13px;font-weight:600}.form-footer{padding:20px 27px;display:flex;justify-content:space-between;align-items:center;gap:16px}.form-footer p{font-size:12px;color:#7c929c;max-width:350px;margin:0}.form-footer a{font-weight:700}.solid-button{border:0;background:#176f73;color:#fff;border-radius:9px;padding:12px 18px;font-size:14px;font-weight:600;white-space:nowrap}.solid-button:hover{background:#0d5f62}.help-aside{padding:22px}.aside-title{font-size:16px;font-weight:700}.help-aside ol{padding-left:21px;color:#637d89;font-size:13px;line-height:1.8;margin:11px 0}.help-aside li{padding-left:2px;margin-bottom:6px}.aside-divider{height:1px;background:#e4ebed;margin:16px 0}.help-aside strong{font-size:13px;display:block}.emergency-link{display:block;margin-top:9px;color:#bd4143;font-weight:700;font-size:16px}.summary-card{padding:26px;max-width:720px}.summary-row{display:grid;grid-template-columns:180px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #edf1f2;font-size:14px}.summary-row:last-child{border:0}.summary-row span{color:#718792}.summary-row strong{overflow-wrap:anywhere}.warning{background:#fff2e5;border-color:#f2d9bc;max-width:720px;margin:18px 0}.warning .notice-icon{color:#aa661c;border-color:#c99a62}.map-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:19px;align-items:start}.map-panel{background:#fff;border:1px solid #dfe8eb;border-radius:16px;overflow:hidden}.map-toolbar{display:flex;justify-content:space-between;padding:16px 19px;font-weight:600;font-size:14px}.map-toolbar span:last-child{font-size:12px;color:#879ca6;font-weight:400}.schematic-map{position:relative;height:480px;overflow:hidden;background:linear-gradient(35deg,#e9f0e8 0%,#eff4ed 42%,#e7f0eb 43%,#e7f0eb 100%)}.schematic-map:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 47px,#fff9 48px 53px,transparent 54px 108px),repeating-linear-gradient(88deg,transparent 0 66px,#fff8 67px 72px,transparent 73px 132px);transform:rotate(-8deg) scale(1.3)}.river{position:absolute;z-index:1;left:22%;top:-15%;width:68px;height:140%;background:#b5d7dd;transform:rotate(13deg);border:6px solid #d7e7e8;border-radius:45% 55% 45% 55%}.road{position:absolute;z-index:1;height:9px;background:#fff8;box-shadow:0 0 0 1px #d2dfd9}.r1{width:140%;top:29%;left:-12%;transform:rotate(-20deg)}.r2{width:120%;top:72%;left:-5%;transform:rotate(16deg)}.r3{width:8px;height:120%;left:66%;top:-8%;transform:rotate(-20deg)}.district{position:absolute;z-index:2;color:#73918f;font-size:13px;font-weight:600}.d1{top:22%;left:8%}.d2{top:16%;left:63%}.d3{top:45%;left:55%}.d4{top:37%;left:82%}.d5{top:78%;left:61%}.map-pin{position:absolute;z-index:3;width:31px;height:31px;border:3px solid #fff;border-radius:50%;color:#fff;background:#dc4c4d;font-weight:700;box-shadow:0 4px 12px #224b4b44}.map-pin:hover{transform:scale(1.18)}.p1{top:27%;left:56%}.p2{top:60%;left:68%}.p3{top:48%;left:29%;background:#e69b35}.p4{top:76%;left:43%;background:#e69b35}.map-caption{font-size:11px;color:#829ba2;padding:12px 18px}.map-list{background:#fff;border:1px solid #dfe8eb;border-radius:16px;padding:18px;max-height:601px;overflow:auto}.filter-head,.filter-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.filter-head h2{font-size:17px}.filter-head span{font-size:12px;color:#849ba5}.filter-row{margin:14px 0}.search-label{position:relative;flex:1}.search-label span{position:absolute;left:11px;top:8px;color:#90a4aa;font-size:21px}.search-label input{padding-left:35px;font-size:13px}.filter-row select{width:118px;min-width:118px;font-size:13px;padding:9px}.case-list{display:grid;gap:9px}.case-list .case-card{box-shadow:none;padding:15px}.case-list .case-card h3{font-size:15px}.case-list .case-card p{margin-bottom:10px}.empty{padding:32px 10px;text-align:center;color:#8198a1;font-size:14px}.volunteer-intro{background:#dcefeb;border-radius:16px;padding:22px;display:flex;gap:17px;align-items:center}.volunteer-symbol{width:56px;height:56px;background:#146e71;color:#fff;border-radius:14px;display:grid;place-items:center;font-size:30px;flex:none}.volunteer-intro h2{font-size:18px}.volunteer-intro p{color:#52777b;font-size:13px;line-height:1.65;margin:0}.detail-shell{max-width:800px}.detail-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:20px}.detail-heading h1{margin-top:9px}.detail-card{background:#fff;border:1px solid #e2e9ea;border-radius:16px;padding:24px}.detail-card h2{font-size:16px;margin:20px 0 9px}.detail-card h2:first-child{margin-top:0}.detail-card p{color:#526d79;font-size:14px;line-height:1.7}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fact{background:#f3f7f8;padding:13px;border-radius:9px}.fact span{font-size:12px;color:#8096a0;display:block}.fact strong{font-size:14px;display:block;margin-top:2px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.detail-actions .secondary-button{font-size:14px}.detail-disclaimer{background:#fff2e5;border-radius:10px;padding:13px;color:#8c5f32;font-size:13px;line-height:1.55;margin-top:20px}.bottom-nav{display:none}:focus-visible{outline:3px solid #56ada4;outline-offset:2px}
@media(max-width:1050px){.sidebar{width:200px}.main-column{margin-left:200px}.map-layout{grid-template-columns:1fr}.schematic-map{height:350px}.map-list{max-height:none}.form-layout{grid-template-columns:1fr}.help-aside{display:none}.site-footer span{display:none}}
@media(max-width:700px){body{background:#f5f8f9}.sidebar{display:none}.main-column{margin-left:0}.topbar{height:61px;padding:0 18px;justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700}.mobile-brand .brand-mark{height:29px;width:29px;border-radius:9px;font-size:19px}.prototype-label{display:none}.hotline{font-size:12px;padding:7px 10px}main{padding:26px 17px 104px}.page-heading{margin-bottom:20px}.page-heading p{font-size:13px}.demo-pill{font-size:10px;padding:5px 8px}.primary-actions{grid-template-columns:1fr;gap:11px}.action-card{min-height:92px;padding:16px 17px;border-radius:13px}.action-card .action-icon{width:43px;height:43px;font-size:24px}.action-card strong{font-size:18px}.action-card small{font-size:12px}.section-head{margin-top:28px}.section-head h2{font-size:17px}.case-grid{grid-template-columns:1fr;gap:10px}.case-card{padding:16px}.notice{padding:14px;margin-top:21px}.site-footer{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fff;border-top:1px solid #dce8eb;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 5px max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #1533460d}.bottom-nav button{display:grid;justify-items:center;gap:0;border:0;background:none;color:#6b8792;font-size:10px;padding:4px 0;line-height:1.4}.bottom-nav button span{font-size:23px;line-height:1.1}.bottom-nav button.active{color:#146f71;font-weight:700}.bottom-nav .bottom-sos{color:#c63d42;font-weight:700}.form-section{padding:20px 17px}.form-row{grid-template-columns:1fr;gap:0}.form-footer{padding:18px;display:grid}.form-footer .solid-button{width:100%}.chip-grid span{font-size:13px}.summary-card{padding:18px}.summary-row{grid-template-columns:1fr;gap:2px}.map-layout{display:block}.schematic-map{height:270px}.map-list{margin-top:14px;padding:14px}.map-caption{font-size:10px}.district{font-size:10px}.volunteer-intro{align-items:start}.detail-facts{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.page-heading .demo-pill{display:none}.filter-row{flex-wrap:wrap}.filter-row select{flex:1}.detail-facts{grid-template-columns:1fr}}