@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#0f1f33;--muted:#64748b;--line:#0f1f3314;--brand:#1d6fe8;--navy:#0b1b2e;--bg:#eef3f9;--card:#fff;--field:#f6f9fd;--ok:#0f9d6c;--ok-bg:#10b98121;--warn:#b86e00;--warn-bg:#f59e0b2b;--danger:#e0364a;--danger-bg:#e0364a1c;--sh-sm:0 1px 2px #0f1f330d, 0 2px 8px #0f1f330d;--sh-md:0 2px 4px #0f1f330d, 0 14px 30px #0f1f331a;--ease:cubic-bezier(.2,.7,.2,1);color:var(--ink);font-family:DM Sans,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.app-shell.theme-dark{--ink:#eaf2ff;--muted:#94a7c0;--line:#b4cdf01f;--bg:#0c141d;--card:#15212f;--field:#1b2b3c;--ok-bg:#10b98133;--warn:#f5b13d;--warn-bg:#f59e0b33;--danger-bg:#ff63732e;--sh-sm:0 1px 2px #0000004d;--sh-md:0 14px 30px #0006}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background-color:#0000;background-image:radial-gradient(circle at 12% 8%,#fff,#0000 38%),linear-gradient(135deg,#eef4fa,#d3e2f1);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100svh}h1,h2,h3{letter-spacing:-.01em;font-family:Plus Jakarta Sans,DM Sans,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #1d6fe866}::selection{background:#1d6fe838}.app-shell{align-items:center;padding:0}.app-shell .phone-screen{background:var(--bg);width:min(100%,440px);height:100svh;color:var(--ink);box-shadow:none;border:0;border-radius:0}@media (width>=600px){.app-shell{min-height:100svh;padding:24px}.app-shell .phone-screen{border:1px solid var(--line);border-radius:36px;height:min(860px,100svh - 48px);box-shadow:0 30px 80px #0f1f3333}}.app-shell .phone-screen.alerts-screen,.app-shell .phone-screen.command-screen{scrollbar-width:none;flex-direction:column;display:flex;overflow:hidden auto}.alerts-screen::-webkit-scrollbar{display:none}.command-screen::-webkit-scrollbar{display:none}.alerts-screen>*,.command-screen>*{flex-shrink:0}.app-shell .phone-screen .alert-banner{z-index:30;min-height:0;padding:calc(26px + env(safe-area-inset-top,0px)) 20px 26px;-webkit-backdrop-filter:none;color:#fff;background:radial-gradient(120% 160% at 100% 0,#4696eb73,#0000 55%),linear-gradient(120deg,#0a2240 0%,#0d3262 70%,#124a88 100%);border:0;border-radius:0 0 26px 26px;justify-content:space-between;align-items:center;gap:14px;margin:0;display:flex;position:relative;box-shadow:0 10px 24px #081c3838}.alert-banner .logo-inline,.command-banner .logo-inline{color:#fff;letter-spacing:-.01em;flex:1;gap:14px;min-width:0}.alert-banner .mini-mark,.command-banner .mini-mark{border:2px solid #ffffffe6;border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden;box-shadow:0 6px 16px #00000047}.al-hello{overflow-wrap:anywhere;letter-spacing:-.01em;color:#fff;min-width:0;margin:0;font:800 clamp(15px,4.5vw,22px)/1.25 Plus Jakarta Sans,sans-serif}.app-shell .greeting{flex-direction:column;min-width:0;line-height:1.2;display:flex}.app-shell .greeting small{letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;opacity:1;margin:0;font-size:11px;font-weight:600}.greeting strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800;overflow:hidden}.command-banner small{color:#a9cdf8}.city-chip{color:#fff;background:#ffffff24;border:1px solid #fff3;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:11.5px;font-weight:700}.app-shell .stats-panel,.app-shell .alert-list,.app-shell .settings-list,.app-shell .settings-form,.app-shell .profile-card,.app-shell .auth-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-sm);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink);border-radius:20px}.app-shell .stats-panel{transition:box-shadow .2s var(--ease), transform .2s var(--ease);margin:0 16px 12px;padding:16px}.app-shell .stats-panel:hover{box-shadow:var(--sh-md)}.stats-panel h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:11.5px;font-weight:800}.stats-panel p{color:var(--muted);margin:10px 0 0;font-size:13px}.compact-panel .alert-list.small-list{box-shadow:none;background:0 0;border:0;margin:10px 0 0;padding:0}.app-shell .alert-box{border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-md);color:var(--ok);border-radius:20px;align-items:center;gap:14px;margin:16px 16px 12px;padding:16px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800;display:flex}.alert-box>svg{background:var(--ok-bg);border-radius:14px;flex-shrink:0;width:44px;height:44px;padding:10px}.alert-box small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font:700 11px DM Sans,sans-serif;display:block}.alert-box[data-level=high]{color:var(--danger);background:linear-gradient(135deg, var(--danger-bg), var(--card) 70%);border-color:#e0364a4d}.alert-box[data-level=high]>svg{background:var(--danger-bg)}.alert-box[data-level=monitor]{color:var(--warn);background:linear-gradient(135deg, var(--warn-bg), var(--card) 70%);border-color:#f59e0b59}.alert-box[data-level=monitor]>svg{background:var(--warn-bg)}.alert-dot{background:currentColor;border-radius:50%;width:10px;height:10px;margin-left:auto;animation:2s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 50%, transparent)}80%,to{box-shadow:0 0 0 12px #0000}}.app-shell .alert-list{margin:0 16px 12px;padding:4px 0;overflow:hidden}.alert-row{color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.alert-row+.alert-row{border-top:1px solid var(--line)}.alert-row:hover{background:var(--field)}.risk-tag,.badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.risk-tag.red,.badge.danger{background:var(--danger-bg);color:var(--danger)}.risk-tag.amber,.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.muted{background:var(--line);color:var(--muted)}.contact-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.contact-row{background:var(--field);transition:transform .18s var(--ease), box-shadow .18s;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.contact-row:hover{box-shadow:var(--sh-sm);transform:translateY(-1px)}.contact-ic{width:38px;height:38px;color:var(--brand);background:#1d6fe81f;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.contact-ic.warn{background:var(--warn-bg);color:var(--warn)}.contact-ic.ok{background:var(--ok-bg);color:var(--ok)}.contact-info{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.contact-info strong{font-size:14px;font-weight:700}.contact-info small{text-overflow:ellipsis;color:var(--muted);font-size:12.5px;overflow:hidden}.call-btn{background:var(--brand);color:#fff;transition:transform .18s var(--ease), box-shadow .18s;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #1d6fe84d}.call-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1d6fe861}.call-btn:active{transform:scale(.96)}.evacuation-center-row{background:var(--field);border-radius:16px;padding:14px}.evacuation-center-row+.evacuation-center-row{margin-top:10px}.evacuation-capacity{background:var(--line);border-radius:999px;height:8px;margin:10px 0 6px;overflow:hidden}.evacuation-capacity span{border-radius:inherit;height:100%;transition:width .6s var(--ease);background:linear-gradient(90deg,#3b8cff,#1d6fe8);display:block}.app-shell .phone-screen .bottom-nav{z-index:40;padding:10px 8px calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:none;background:linear-gradient(#0c2a4d,#091d36);border:0;border-top:1px solid #ffffff14;border-radius:22px 22px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid;box-shadow:0 -8px 24px #081c3840}.app-shell .phone-screen.alerts-screen .bottom-nav,.app-shell .phone-screen.command-screen .bottom-nav{width:100%;margin:auto 0 0;position:sticky;inset:auto 0 0}.app-shell .phone-screen.settings-screen .bottom-nav,.app-shell .phone-screen.map-screen .bottom-nav{flex:none;width:100%;margin:auto 0 0;position:relative;inset:auto}.app-shell .nav-item{color:#b4c3d9;cursor:pointer;min-width:0;transition:background .2s var(--ease), color .2s, border-color .2s;background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:9px 0 8px;display:flex;position:relative}.app-shell .nav-item .nav-icon{width:auto;height:auto;box-shadow:none;color:inherit;transition:transform .25s var(--ease), color .2s;background:0 0;border-radius:0;place-items:center;display:grid}.app-shell .nav-item small{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;max-width:100%;color:inherit;font-size:10px;font-weight:600;overflow:hidden}.app-shell .nav-item:hover{color:#fff}.app-shell .nav-item:hover .nav-icon{transform:translateY(-2px)}.app-shell .nav-item:active .nav-icon{transform:scale(.9)}.app-shell .nav-item.active{color:#fff;box-shadow:none;background:#3b8cff38;border-color:#6fb0ff59}.app-shell .nav-item.active .nav-icon{color:#fff;transform:none}.app-shell .nav-item.active:after{display:none}.app-shell .phone-screen .bottom-nav .nav-item .nav-icon{width:24px;height:24px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 24px;padding:0}.app-shell .phone-screen .bottom-nav .nav-icon svg{width:20px;height:20px;box-shadow:none;fill:none;stroke:currentColor;background:0 0;border:0;padding:0;display:block}@media (width<=380px){.app-shell .nav-item small{font-size:9.5px}}.app-shell .phone-screen.map-screen{--map-water-a:#e9f7f3;--map-water-b:#cfe9e5;--map-glow:#10b98180;background:var(--bg);flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.app-shell.theme-dark .phone-screen.map-screen{--map-water-a:#17323b;--map-water-b:#0f2430;--map-glow:#34d39966}.app-shell .phone-screen.map-screen .search-dock,.app-shell .phone-screen.map-screen .search-dock.expanded,.app-shell.theme-dark .phone-screen.map-screen .search-dock.expanded{z-index:30;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 18px;-webkit-backdrop-filter:none;background:radial-gradient(90% 140% at 100% 0,#6366f18c,#0000 60%),linear-gradient(135deg,#0a2a5e 0%,#1e3a8a 55%,#312e81 100%);border:0;border-radius:0 0 26px 26px;flex:none;margin:0;position:relative;top:auto;left:auto;right:auto;box-shadow:0 16px 34px #1e3a8a59,inset 0 1px #ffffff24}.app-shell .phone-screen.map-screen .search-dock-handle{height:14px}.app-shell .phone-screen.map-screen .search-dock-handle span,.app-shell .phone-screen.map-screen .search-dock.expanded .search-dock-handle span{background:#fff6;width:38px;height:4px}.app-shell .phone-screen.map-screen .search-dock .top-search-bar{background:0 0;border:0;border-radius:0;align-items:center;gap:10px;margin:0;padding:8px 0 0;display:flex}.app-shell .phone-screen.map-screen .search-dock .search-input-wrap{flex:1;min-width:0;position:relative}.app-shell .phone-screen.map-screen .search-dock .search-icon{color:#ffffffe0;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.app-shell .phone-screen.map-screen .search-dock .top-search-bar input{color:#fff;-webkit-backdrop-filter:blur(14px)saturate(1.5);background:#ffffff24;border:1.5px solid #ffffff61;border-radius:999px;width:100%;min-height:46px;padding:0 16px 0 44px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff2e,0 8px 20px #00000029}.app-shell .phone-screen.map-screen .search-dock .top-search-bar input::placeholder{color:#ffffffb8}.app-shell .phone-screen.map-screen .search-dock .top-search-bar input:focus{background:#ffffff38;border-color:#fff;outline:none;box-shadow:0 0 0 4px #6fb0ff52,0 8px 20px #00000029}.app-shell .phone-screen.map-screen .search-view-actions{gap:8px}.app-shell .phone-screen.map-screen .chip{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);min-height:42px;transition:background .2s, transform .15s var(--ease);background:#ffffff24;border:1.5px solid #ffffff59;border-radius:999px;padding:0 16px;font-size:12.5px;font-weight:700}.app-shell .phone-screen.map-screen .chip:active{transform:scale(.96)}.app-shell .phone-screen.map-screen .chip.chip-blue{color:#0d3262;background:#fff;border-color:#fff}.app-shell .phone-screen.map-screen .search-dock-content{z-index:5;position:absolute;top:calc(100% + 8px);left:14px;right:14px}.app-shell .phone-screen.map-screen .search-dock:not(.expanded) .search-dock-content{visibility:hidden;pointer-events:none;transition:grid-template-rows .36s var(--ease), opacity .24s ease, visibility 0s linear .36s}.app-shell .phone-screen.map-screen .search-dock .search-dropdown,.app-shell.theme-dark .phone-screen.map-screen .search-dock .search-dropdown{border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-md);border-radius:20px;margin:0}.app-shell .phone-screen.map-screen .search-dock .search-option,.app-shell.theme-dark .phone-screen.map-screen .search-dock .search-option{border-bottom:1px solid var(--line);background:0 0;min-height:54px;padding:10px 16px}.app-shell .phone-screen.map-screen .search-dock .search-option:hover,.app-shell .phone-screen.map-screen .search-dock .search-option:focus-visible{background:var(--field)}.app-shell .phone-screen.map-screen .search-dock .search-option-main span{color:var(--ink);font-size:13.5px;font-weight:700}.app-shell .phone-screen.map-screen .search-dock .search-option-main small{color:var(--muted);font-size:11.5px}.app-shell .phone-screen.map-screen .search-dock .search-empty{color:var(--muted);padding:18px 16px;font-size:12.5px}.app-shell .phone-screen.map-screen .map-scroll-area{scrollbar-width:none;flex:auto;width:100%;height:auto;min-height:0;padding:18px 14px;position:relative;inset:auto;overflow:hidden auto}.app-shell .phone-screen.map-screen .map-scroll-area::-webkit-scrollbar{display:none}.app-shell .phone-screen.map-screen .map-area-list{flex-direction:column;gap:16px;padding:0;display:flex}.app-shell .phone-screen.map-screen .map-area-section{isolation:isolate;border:1px solid var(--line);background:var(--map-water-b);min-height:clamp(420px,62svh,640px);box-shadow:var(--sh-md);border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden}.app-shell .phone-screen.map-screen .geojson-map-frame{z-index:0;position:absolute;inset:0}.app-shell .phone-screen.map-screen .geojson-map{background:0 0;width:100%;height:100%;min-height:100%}.app-shell .phone-screen.map-screen .map-area-heading{z-index:2;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg, color-mix(in srgb, var(--card) 94%, transparent) 50%, transparent);border:0;border-radius:0;padding:15px 18px 26px;position:relative;inset:auto}.app-shell .phone-screen.map-screen .map-area-heading h2{letter-spacing:-.01em;color:var(--ink);margin:0;font:800 16px Plus Jakarta Sans,sans-serif}.app-shell .phone-screen.map-screen .map-area-heading p{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;font-size:10.5px;font-weight:700;display:flex}.map-area-heading p i{opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px}.map-area-heading .map-reports{align-items:center;gap:6px;display:inline-flex}.map-area-heading .map-reports:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.map-area-heading .map-reports.ok{color:var(--ok)}.map-area-heading .map-reports.warn{color:var(--warn)}.app-shell .phone-screen.map-screen .geojson-map-boundaries{filter:drop-shadow(0 0 7px var(--map-glow))}.app-shell .phone-screen.map-screen .geojson-area{stroke:#ffffffeb;stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke;fill-opacity:.94;transition:fill .2s,stroke .2s,fill-opacity .2s}.app-shell .phone-screen.map-screen .geojson-area.unrated{fill:#8fdcc2}.app-shell .phone-screen.map-screen .geojson-area.low{fill:#34c58a}.app-shell .phone-screen.map-screen .geojson-area.medium{fill:#f6bd52}.app-shell .phone-screen.map-screen .geojson-area.high{fill:#f0707a}.app-shell .phone-screen.map-screen .geojson-area:hover{fill-opacity:1}.app-shell .phone-screen.map-screen .geojson-area.focused{stroke:#047857;stroke-width:3px;fill-opacity:1}.app-shell.theme-dark .phone-screen.map-screen .geojson-area{stroke:#ffffff8c}.app-shell .phone-screen.map-screen .map-zoom-controls{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;top:92px;right:12px}.app-shell .phone-screen.map-screen .map-zoom-controls button{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 90%, transparent);width:40px;min-width:40px;height:40px;color:var(--ink);box-shadow:var(--sh-sm);cursor:pointer;-webkit-backdrop-filter:blur(10px);transition:transform .15s var(--ease), box-shadow .15s;border-radius:14px;place-items:center;padding:0;display:grid}.app-shell .phone-screen.map-screen .map-zoom-controls button:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.app-shell .phone-screen.map-screen .map-zoom-controls button:active{transform:scale(.93)}.app-shell .phone-screen.map-screen .map-zoom-controls .map-zoom-reset{color:var(--brand)}.app-shell .phone-screen.map-screen .barangay-disclosure{z-index:3;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);box-shadow:0 -4px 24px #081c381f, var(--sh-md);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-radius:22px;margin:auto 10px 10px;position:relative;inset:auto;overflow:hidden}.app-shell .phone-screen.map-screen .barangay-disclosure summary{cursor:pointer;color:var(--ink);align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:700;list-style:none;display:flex}.barangay-disclosure summary::-webkit-details-marker{display:none}.barangay-disclosure summary::marker{content:""}.barangay-disclosure .tray-icon{background:var(--ok-bg);width:30px;height:30px;color:var(--ok);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.barangay-disclosure .tray-text{flex:1;min-width:0}.barangay-disclosure .tray-chevron{background:var(--field);width:28px;height:28px;color:var(--muted);transition:transform .25s var(--ease);border-radius:50%;place-items:center;display:grid;transform:rotate(180deg)}.barangay-disclosure[open] .tray-chevron{transform:rotate(0)}.app-shell .phone-screen.map-screen .barangay-disclosure ul{border-top:1px solid var(--line);scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;max-height:min(34svh,250px);margin:0;padding:10px 12px 12px;list-style:none;display:grid;overflow-y:auto}.app-shell .phone-screen.map-screen .barangay-disclosure li{border:0;min-width:0;min-height:0}.app-shell .phone-screen.map-screen .barangay-focus-button{background:var(--field);width:100%;color:var(--ink);text-align:left;cursor:pointer;transition:background .15s, transform .15s var(--ease);border:0;border-radius:12px;grid-template-columns:10px minmax(0,1fr);align-items:center;column-gap:8px;padding:8px 10px;display:grid}.app-shell .phone-screen.map-screen .barangay-focus-button:hover,.app-shell .phone-screen.map-screen .barangay-focus-button:focus-visible{background:var(--ok-bg);transform:translateY(-1px)}.app-shell .phone-screen.map-screen .barangay-focus-button:hover span,.app-shell .phone-screen.map-screen .barangay-focus-button:focus-visible span{color:var(--ink);text-decoration:none}.barangay-focus-button .risk-dot{background:#8fdcc2;border-radius:50%;grid-row:span 2;width:9px;height:9px;box-shadow:0 0 0 3px #8fdcc247}.barangay-focus-button .risk-dot.low{background:#34c58a;box-shadow:0 0 0 3px #34c58a40}.barangay-focus-button .risk-dot.medium{background:#f6bd52;box-shadow:0 0 0 3px #f6bd5247}.barangay-focus-button .risk-dot.high{background:#f0707a;box-shadow:0 0 0 3px #f0707a47}.app-shell .phone-screen.map-screen .barangay-focus-button span{color:var(--ink);grid-column:2;font-size:12px;font-weight:700;line-height:1.25}.app-shell .phone-screen.map-screen .barangay-focus-button small{color:var(--muted);grid-column:2;font-size:10.5px}.app-shell .phone-screen.map-screen .empty-state{text-align:center;color:var(--muted);margin:0;padding:24px 12px;font-size:13px}.app-shell .phone-screen.alerts-screen{background:var(--bg);--al-line:color-mix(in srgb, var(--ink) 18%, transparent);gap:0;padding:0}.al-body{flex-direction:column;gap:16px;padding:20px 18px 28px;display:flex}.al-hero{border:1.5px solid var(--danger);background:linear-gradient(135deg, var(--danger-bg), color-mix(in srgb, var(--card) 78%, var(--danger-bg)));color:var(--danger);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 8px 20px #e0364a1f}.al-hero[data-level=monitor]{color:var(--warn);background:linear-gradient(135deg, var(--warn-bg), color-mix(in srgb, var(--card) 78%, var(--warn-bg)));border-color:#f0a020;box-shadow:0 8px 20px #f59e0b1f}.al-hero[data-level=none]{color:var(--ok);background:linear-gradient(135deg, var(--ok-bg), color-mix(in srgb, var(--card) 78%, var(--ok-bg)));border-color:#0f9d6c73;box-shadow:0 8px 20px #10b9811a}.al-hero[data-level=medium]{color:#98620a;background:linear-gradient(135deg,#fff4d8,color-mix(in srgb,var(--card) 78%,#fff4d8));border-color:#e5a629}.al-hero[data-level=low]{color:var(--ok);background:linear-gradient(135deg,var(--ok-bg),color-mix(in srgb,var(--card) 78%,var(--ok-bg)));border-color:#0f9d6c73}.al-hero-ic{background:#ffffffb3;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.app-shell.theme-dark .al-hero-ic{background:#ffffff14}.al-hero-copy{min-width:0}.al-hero-title{align-items:baseline;gap:7px;font:800 17px/1.1 Plus Jakarta Sans,sans-serif;display:flex}.al-hero-count{font-size:28px;line-height:1}.al-hero-copy p{color:var(--ink);opacity:.82;margin:5px 0 0;font-size:12.5px;font-weight:500;line-height:1.4}.al-safety-advice{background:var(--card);box-shadow:var(--sh-sm);color:var(--ink);border:1px solid #dbe7f5;border-radius:16px;padding:15px 16px;overflow:hidden}.al-safety-head{align-items:flex-start;gap:10px;display:flex}.al-safety-pulse{background:#21a879;border-radius:50%;flex:none;width:10px;height:10px;margin:5px 2px 0;animation:2.3s ease-out infinite cc-ping;box-shadow:0 0 0 5px #21a8791f}.al-safety-advice.high{background:linear-gradient(135deg,#fff4f5,var(--card) 72%);border-color:#f2c2c8}.al-safety-advice.high .al-safety-pulse{background:#dc3545;box-shadow:0 0 0 5px #dc35451f}.al-safety-advice.medium{background:linear-gradient(135deg,#fff9eb,var(--card) 72%);border-color:#f0deb4}.al-safety-advice.medium .al-safety-pulse{background:#df9a1b;box-shadow:0 0 0 5px #df9a1b21}.al-safety-advice strong{font:750 13px/1.4 Plus Jakarta Sans,sans-serif;display:block}.al-safety-advice small{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.45;display:block}.al-safety-advice ul{gap:8px;margin:13px 0 0;padding:0;list-style:none;display:grid}.al-safety-advice li{color:var(--ink);padding-left:17px;font-size:11px;line-height:1.5;position:relative}.al-safety-advice li:before{content:"";background:#2878e8;border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:1px}.al-section{flex-direction:column;gap:10px;display:flex}.al-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.al-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font:800 11.5px DM Sans,sans-serif}.al-refresh{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:12.5px;font-weight:700}.al-refresh:disabled{opacity:.55;cursor:progress}.al-chips{flex-wrap:wrap;gap:8px;display:flex}.al-chip{border:1.5px solid var(--al-line);background:var(--card);color:var(--muted);border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:700}.al-chip.active{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 4px 12px #1d6fe84d}.location-scope{border:1px solid var(--al-line);border-radius:999px;align-items:center;gap:7px;min-width:0;display:inline-flex;position:relative}.location-scope>summary{cursor:pointer;align-items:center;gap:8px;min-width:0;padding:6px 10px;list-style:none;display:flex}.location-scope>summary::-webkit-details-marker{display:none}.location-scope>summary::marker{content:""}.location-scope>summary:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #ffffffc7}.location-scope>summary>i{background:#34d399;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-out infinite cc-ping;box-shadow:0 0 #34d39999}.location-scope-value{text-overflow:ellipsis;white-space:nowrap;max-width:min(240px,100vw - 130px);overflow:hidden}.location-scope-chevron{border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:7px;height:7px;margin:0 3px 4px 4px;transition:transform .16s;transform:rotate(45deg)}.location-scope[open] .location-scope-chevron{margin-bottom:0;transform:rotate(225deg)}.location-scope-menu{z-index:140;background:var(--card);width:min(340px,100vw - 32px);color:var(--ink);border:1px solid #c6d8eff2;border-radius:17px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 48px #0d213d47}.location-scope-menu:before{content:"";background:#c9d6e5;border-radius:999px;width:34px;height:4px;margin:8px auto 0;display:block}.location-scope-menu input{box-sizing:border-box;border:1px solid var(--line);background:var(--field);width:calc(100% - 16px);min-height:42px;color:var(--ink);border-radius:10px;margin:8px;padding:8px 11px;font:500 12px/1.4 Inter,system-ui,sans-serif;display:block}.location-scope-options{overscroll-behavior:contain;max-height:min(290px,45vh);padding:0 6px 7px;overflow-y:auto}.location-scope-options button{width:100%;min-height:38px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 10px;font:500 12px/1.45 Inter,system-ui,sans-serif;display:block}.location-scope-options button:hover,.location-scope-options button[aria-selected=true]{color:#145eb7;background:#e8f1ff}.location-scope-empty{color:var(--muted);margin:0;padding:12px 10px;font-size:12px}.al-location-scope{border-color:var(--brand);background:var(--brand);color:#fff;max-width:100%;padding:7px 28px 7px 14px;font-size:12.5px;font-weight:700;box-shadow:0 4px 12px #1d6fe84d}.al-location-scope:focus-within{outline:3px solid #1d6fe82e}.al-location-scope .location-scope-value{max-width:190px}.al-hint{color:var(--muted);margin:0 0 2px;font-size:12.5px;font-weight:500}.al-address{color:var(--muted);margin:2px 0 0;font-size:12.5px}.al-contact-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.al-contact,.al-national{border:1.5px solid var(--al-line);background:var(--card);box-shadow:var(--sh-sm);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.al-contact{transition:transform .18s var(--ease), box-shadow .18s}.al-contact:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.al-tile{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.al-tile.red{background:var(--danger-bg);color:var(--danger)}.al-tile.red.solid{background:#e0364a29}.al-tile.blue{color:var(--brand);background:#1d6fe821}.al-tile.amber{background:var(--warn-bg);color:var(--warn)}.al-tile.green{background:var(--ok-bg);color:var(--ok)}.al-contact-info{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.al-contact-info strong{color:var(--ink);font-size:14.5px;font-weight:700}.al-contact-info small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px;overflow:hidden}.al-call{border:1.5px solid var(--ink);color:var(--ink);transition:background .18s, color .18s, transform .18s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.al-call:hover{background:var(--ink);color:var(--card)}.al-call:active{transform:scale(.96)}.al-card{border:1.5px solid var(--al-line);background:var(--card);box-shadow:var(--sh-sm);border-radius:16px;padding:6px 16px}.al-card-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;padding:12px 0 6px;font:800 11.5px DM Sans,sans-serif}.al-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.al-row+.al-row{border-top:1px solid var(--line)}.al-row-text{color:var(--ink);font-size:14px;font-weight:500}.al-national{border-color:var(--danger);background:linear-gradient(135deg, var(--danger-bg), color-mix(in srgb, var(--card) 80%, var(--danger-bg)));box-shadow:0 8px 20px #e0364a1a}.al-national .al-contact-info strong,.al-national .al-contact-info small{color:var(--danger)}.al-911{background:var(--danger);color:#fff;letter-spacing:.04em;min-width:76px;transition:transform .18s var(--ease), filter .18s;border-radius:999px;justify-content:center;align-items:center;padding:9px 20px;font:800 14px Plus Jakarta Sans,sans-serif;text-decoration:none;display:inline-flex;box-shadow:0 6px 14px #e0364a59}.al-911:hover{filter:brightness(1.08);transform:translateY(-1px)}.al-911:active{transform:scale(.96)}@media (width<=360px){.al-hello{font-size:19px}.al-body{padding-inline:14px}}.top-banner:not(.alert-banner):not(.command-banner){background:radial-gradient(120% 140% at 85% -20%,#5aaaff80,#0000 55%),linear-gradient(160deg,#06305a,#0a4f9c 60%,#1469d6);border-radius:0 0 30px 30px;padding:24px 22px 40px;box-shadow:0 12px 30px #0a3d7a40}.app-shell .auth-card{box-shadow:var(--sh-md);margin:-24px 16px 24px;padding:22px 20px;position:relative}.auth-card h2{color:var(--ink);margin:0 0 16px;font-size:22px;font-weight:800}.auth-message{color:var(--muted);font-size:14px}.optional-label{background:var(--line);text-transform:none;letter-spacing:.02em;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:10px}.input-wrap .field-icon{color:var(--muted);pointer-events:none;transition:color .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap:focus-within .field-icon{color:var(--brand)}.app-shell .input-wrap input,.app-shell .input-wrap select{border:1.5px solid var(--line);background:var(--field);width:100%;height:50px;color:var(--ink);border-radius:14px;padding:0 14px 0 42px;transition:border-color .15s,box-shadow .15s}.app-shell .input-wrap input:focus,.app-shell .input-wrap select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #1d6fe829}.use-location-button{color:var(--brand);cursor:pointer;transition:background .15s, transform .15s var(--ease);background:#1d6fe814;border:1.5px solid #1d6fe84d;border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.use-location-button:hover:not(:disabled){background:#1d6fe829;transform:translateY(-1px)}.auth-error,.auth-notice,.signup-location-notice{border-radius:12px;margin:10px 0;padding:10px 12px;font-size:13px;font-weight:500}.auth-error{background:var(--danger-bg);color:var(--danger)}.auth-notice,.signup-location-notice{background:var(--ok-bg);color:var(--ok)}.signup-location-notice.error{background:var(--danger-bg);color:var(--danger)}.app-shell .primary-button{color:#fff;cursor:pointer;width:min(100% - 40px,360px);transition:transform .18s var(--ease), box-shadow .18s, filter .18s;background:linear-gradient(#3b8cff,#1d6fe8);border:0;border-radius:999px;margin-inline:auto;padding:15px 20px;font:800 16px Plus Jakarta Sans,sans-serif;display:block;box-shadow:0 10px 22px #1d6fe852,inset 0 1px #ffffff4d}.auth-card .primary-button{width:100%;margin-top:8px}.primary-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.primary-button:disabled{opacity:.6;cursor:progress}.app-shell .muted-button{background:var(--card);color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--line)}.inline-link,.small-link{color:var(--muted);text-align:center}.logout-button{background:var(--danger-bg);width:min(100% - 40px,360px);color:var(--danger);cursor:pointer;transition:background .18s, color .18s, transform .18s var(--ease);border:0;border-radius:999px;margin:12px auto 0;padding:13px;font-weight:700;display:block}.logout-button:hover{background:var(--danger);color:#fff;transform:translateY(-1px)}.settings-title{color:var(--ink);margin:26px 20px 16px;font-size:28px;font-weight:800}.app-shell .profile-card{color:#fff;background:linear-gradient(135deg,#06305a,#1469d6);border:0;align-items:center;gap:14px;margin:0 16px 12px;padding:16px;display:flex}.profile-card strong{color:#fff;font-size:17px}.profile-card small{color:#ffffffc7;font-size:12px;display:block}.avatar{width:52px;height:52px;color:var(--brand);background:#fff;border-radius:50%;place-items:center;font:800 16px Plus Jakarta Sans,sans-serif;display:grid}.app-shell .settings-form{margin:0 16px 12px;padding:14px 16px}.settings-form label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.settings-form input,.settings-form select{border:1.5px solid var(--line);background:var(--field);width:100%;height:46px;color:var(--ink);border-radius:14px;margin-top:8px;padding:0 14px}.app-shell .settings-list{margin:0 16px 12px;padding:2px 16px}.settings-row{justify-content:space-between;align-items:center;padding:14px 0;font-weight:600;display:flex}.settings-row+.settings-row{border-top:1px solid var(--line)}.settings-row span{color:var(--ink)}.settings-status p{color:var(--muted);margin:0 20px 10px;font-size:12px}.switch{cursor:pointer;width:48px;height:28px;transition:background .25s var(--ease);background:#788ca566;border:0;border-radius:999px;position:relative}.switch:before{display:none}.switch:after{content:"";width:22px;height:22px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.switch.on:after{transform:translate(20px)}.header-panel.dark{color:#fff;background:linear-gradient(160deg,#06305a,#1469d6);border-radius:0 0 30px 30px;padding:26px 22px 34px;font:800 22px Plus Jakarta Sans,sans-serif}.back-link{color:var(--brand);cursor:pointer;background:0 0;border:0;border-radius:999px;margin:14px 18px 4px;padding:6px 10px;font-weight:700}.back-link:hover{background:#1d6fe81a}.list-title{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:8px 0 12px;font-size:12px;font-weight:800}.app-shell .option-row{border:1.5px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:left;cursor:pointer;transition:transform .18s var(--ease), border-color .18s, box-shadow .18s;border-radius:16px;padding:14px 16px;font-weight:600}.option-row:hover{box-shadow:var(--sh-md);border-color:#1d6fe873;transform:translateY(-2px)}.app-shell .option-row.selected{border-color:var(--brand);background:var(--card);box-shadow:0 0 0 3px #1d6fe82e}.splash-brand h1{letter-spacing:.06em;color:var(--ink);font-size:40px;font-weight:800}.splash-brand p{color:var(--muted);letter-spacing:.04em}@media (width<=360px){.city-chip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell .phone-screen.command-screen{background:var(--bg);gap:0;padding:0}.app-shell .phone-screen.command-screen .command-banner,.app-shell .phone-screen.alerts-screen .command-banner{isolation:isolate;margin:calc(16px + env(safe-area-inset-top,0px)) 16px 0;background:radial-gradient(90% 140% at 100% 0,#6366f18c,#0000 60%),linear-gradient(135deg,#0a2a5e 0%,#1e3a8a 55%,#312e81 100%);border:1px solid #93aaff4d;border-radius:24px;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #1e3a8a59,inset 0 1px #ffffff24}.app-shell .phone-screen.alerts-screen .command-banner:before,.app-shell .phone-screen.alerts-screen .command-banner:after{content:"";z-index:-1;pointer-events:none;position:absolute}.app-shell .phone-screen.alerts-screen .command-banner:before{background:radial-gradient(circle,#60a5fa8c,#0000 65%);width:170px;height:170px;animation:3.4s ease-in-out infinite alternate cc-glow;top:50%;left:-34px;transform:translateY(-50%)}.app-shell .phone-screen.alerts-screen .command-banner:after{border:1px solid #ffffff1a;border-radius:50%;width:150px;height:150px;top:-46px;right:-46px;box-shadow:0 0 0 22px #ffffff09,0 0 0 44px #ffffff06}.command-banner:before{content:"";z-index:-1;background:radial-gradient(circle,#60a5fa8c,#0000 65%);width:170px;height:170px;animation:3.4s ease-in-out infinite alternate cc-glow;position:absolute;top:50%;left:-34px;transform:translateY(-50%)}.command-banner:after{content:"";z-index:-1;border:1px solid #ffffff1a;border-radius:50%;width:150px;height:150px;position:absolute;top:-46px;right:-46px;box-shadow:0 0 0 22px #ffffff09,0 0 0 44px #ffffff06}@keyframes cc-glow{0%{opacity:.55;transform:translateY(-50%)scale(.92)}to{opacity:1;transform:translateY(-50%)scale(1.08)}}.app-shell .phone-screen.command-screen .command-banner .mini-mark,.app-shell .phone-screen.alerts-screen .command-banner .mini-mark{border:2px solid #ffffffe6;border-radius:50%;flex-shrink:0;width:50px;height:50px;overflow:hidden;box-shadow:0 0 0 5px #93c5fd2e,0 0 28px #60a5fad9}.cc-brand{letter-spacing:0;align-items:center;gap:14px;min-width:0;display:flex}.cc-brand-text{flex-direction:column;gap:3px;min-width:0;display:flex}.app-shell .cc-brand-title{letter-spacing:.16em;text-transform:uppercase;color:#fff;white-space:nowrap;margin:0;font:800 15px Plus Jakarta Sans,sans-serif}.app-shell .command-banner .cc-brand-text small{letter-spacing:.16em;text-transform:uppercase;color:#a9c4ff;white-space:nowrap;font-size:9.5px;font-weight:700}.cc-live{color:#fff;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;flex-shrink:1;align-items:center;gap:7px;min-width:0;max-width:42%;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex;overflow:hidden}.cc-live i{background:#34d399;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-out infinite cc-ping;box-shadow:0 0 #34d39999}.cc-location-scope{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border-color:#ffffff38;max-width:44%;padding:6px 28px 6px 11px;font-size:11px;font-weight:700}.app-shell .phone-screen.command-screen .command-banner,.app-shell .phone-screen.alerts-screen .command-banner{flex-direction:column;align-items:stretch;gap:11px}.command-banner .cc-brand{flex:none;width:100%}.command-banner>.cc-location-scope{align-self:flex-end;max-width:100%}.cc-location-scope>summary{padding:0}.cc-location-scope:focus-within{outline-offset:2px;outline:2px solid #ffffffa6}:is(.app-shell .phone-screen.command-screen .command-banner:has(.cc-location-scope[open]),.app-shell .phone-screen.alerts-screen .command-banner:has(.cc-location-scope[open])){z-index:100;overflow:visible}.app-shell .phone-screen.command-screen .command-banner:has(.cc-location-scope[open]):before{display:none}.app-shell .phone-screen.command-screen .command-banner:has(.cc-location-scope[open]):after{display:none}.app-shell .phone-screen.alerts-screen .command-banner:has(.cc-location-scope[open]):before{display:none}.app-shell .phone-screen.alerts-screen .command-banner:has(.cc-location-scope[open]):after{display:none}@keyframes cc-ping{0%{box-shadow:0 0 #34d39999}80%,to{box-shadow:0 0 0 8px #34d39900}}.app-shell .phone-screen.map-screen .section-brand-banner,.app-shell .phone-screen.settings-screen .section-brand-banner{isolation:isolate;margin:calc(16px + env(safe-area-inset-top,0px)) 16px 0;background:radial-gradient(90% 140% at 100% 0,#6366f18c,#0000 60%),linear-gradient(135deg,#0a2a5e 0%,#1e3a8a 55%,#312e81 100%);border:1px solid #93aaff4d;border-radius:24px;flex-direction:column;flex:none;align-items:stretch;gap:11px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #1e3a8a59,inset 0 1px #ffffff24}.section-brand-banner .cc-brand{flex:none;width:100%}.section-brand-banner .section-banner-scope{align-self:flex-end;max-width:100%}.section-brand-banner .cc-brand .mini-mark{border:2px solid #ffffffe6;border-radius:50%;flex-shrink:0;width:50px;height:50px;overflow:hidden;box-shadow:0 0 0 5px #93c5fd2e,0 0 28px #60a5fad9}.section-banner-user{color:#dbeafe;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;line-height:1.3;overflow:hidden}.section-banner-detail{color:#dbeafed1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:600;line-height:1.25;overflow:hidden}.app-shell .section-brand-banner .cc-brand-text small{letter-spacing:.16em;text-transform:uppercase;color:#a9c4ff;white-space:nowrap;font-size:9.5px;font-weight:700}.cc-body{flex-direction:column;gap:14px;padding:16px 16px 28px;display:flex}.flg-card{border:1px solid var(--line);background:var(--card);width:100%;min-width:0;box-shadow:var(--sh-sm);border-radius:20px;padding:13px;overflow:hidden}.flg-heading{align-items:center;gap:8px;min-width:0;margin-bottom:10px;display:flex}.flg-heading>div{flex:1;min-width:0}.flg-heading h2{overflow-wrap:anywhere;color:var(--ink);margin:0;font:800 clamp(11px,3.4vw,13px)/1.3 Plus Jakarta Sans,sans-serif}.flg-heading p{color:var(--muted);margin:2px 0 0;font-size:10px}.flg-heading>span{color:var(--muted);letter-spacing:.08em;flex-shrink:0;font-size:8px;font-weight:800}.flg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.flg-scene{border:1px solid var(--line);background:var(--field);border-radius:12px;min-width:0;margin:0;overflow:hidden}.flg-scene svg{width:100%;height:auto;display:block}.flg-scene .flg-rain{stroke:#fff;stroke-width:4px;stroke-opacity:.58}.flg-scene .flg-bubble{fill:none;stroke:#dff1ff;stroke-width:3px;stroke-opacity:.8;animation:3s linear infinite flg-rise}.flg-scene figcaption{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:31px;padding:4px 2px;display:flex}.flg-scene figcaption strong{color:var(--ink);font-size:clamp(7px,2.1vw,10px);line-height:1.15}.flg-scene figcaption span{color:var(--muted);white-space:nowrap;font-size:clamp(7px,1.8vw,8px);line-height:1.2}.flg-swell{animation:3.8s ease-in-out infinite flg-swell}.flg-wave-front{animation:3.2s linear infinite flg-wave-left}.flg-wave-back{animation:4.6s linear infinite flg-wave-right}.flg-rain{animation:1s linear infinite flg-fall}.flg-man .flg-arm-left{transform-origin:114px 168px}.flg-man .flg-arm-right{transform-origin:186px 168px}.flg-man .flg-leg-left{transform-origin:138px 240px}.flg-man .flg-leg-right{transform-origin:162px 240px}.flg-low .flg-walker{animation:9s linear infinite flg-pace}.flg-moderate .flg-walker{animation:16s linear infinite flg-pace}.flg-high .flg-walker{animation:20s linear infinite flg-pace}.flg-low .flg-leg-left,.flg-low .flg-arm-right{animation:.6s ease-in-out infinite alternate flg-swing-a}.flg-low .flg-leg-right,.flg-low .flg-arm-left{animation:.6s ease-in-out infinite alternate flg-swing-b}.flg-low .flg-bob{animation:.3s ease-in-out infinite alternate flg-bob-small}.flg-moderate .flg-leg-left,.flg-high .flg-leg-left{animation:1.4s ease-in-out infinite alternate flg-swing-a}.flg-moderate .flg-leg-right,.flg-high .flg-leg-right{animation:1.4s ease-in-out infinite alternate flg-swing-b}.flg-moderate .flg-arm-left,.flg-high .flg-arm-left{animation:1.4s ease-in-out infinite alternate flg-wade-left}.flg-moderate .flg-arm-right,.flg-high .flg-arm-right{animation:1.4s ease-in-out infinite alternate flg-wade-right}.flg-moderate .flg-bob,.flg-high .flg-bob{animation:2.8s ease-in-out infinite flg-bob-mid}@keyframes flg-wave-left{to{transform:translate(-100px)}}@keyframes flg-wave-right{0%{transform:translate(-100px)}to{transform:translate(0)}}@keyframes flg-swell{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes flg-fall{0%{opacity:.7;transform:translateY(-30px)}to{opacity:.2;transform:translateY(330px)}}@keyframes flg-pace{0%{transform:translate(-10px)}45%{transform:translate(10px)}50%{transform:translate(10px)scaleX(-1)}95%{transform:translate(-10px)scaleX(-1)}to{transform:translate(-10px)}}@keyframes flg-swing-a{0%{transform:rotate(-26deg)}to{transform:rotate(26deg)}}@keyframes flg-swing-b{0%{transform:rotate(26deg)}to{transform:rotate(-26deg)}}@keyframes flg-wade-left{0%{transform:rotate(12deg)}to{transform:rotate(-4deg)}}@keyframes flg-wade-right{0%{transform:rotate(-12deg)}to{transform:rotate(4deg)}}@keyframes flg-bob-small{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes flg-bob-mid{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes flg-rise{0%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(-120px)}}@media (prefers-reduced-motion:reduce){.flg-card *,.flg-card :before{animation-play-state:paused!important}}.cc-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-sm);border-radius:18px;padding:16px}.cc-card-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.app-shell .cc-title{letter-spacing:.12em;text-transform:uppercase;min-width:0;color:var(--ink);overflow-wrap:anywhere;flex:1;margin:0;font:800 11.5px DM Sans,sans-serif}.app-shell .cc-sub{color:var(--muted);margin:-6px 0 12px;font-size:12px}.cc-pill-ic{border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.cc-pill-ic.blue{color:var(--brand);background:#1d6fe821}.cc-pill-ic.green{background:var(--ok-bg);color:var(--ok)}.cc-pill-ic.amber{background:var(--warn-bg);color:var(--warn)}.cc-pill-ic.slate{background:var(--line);color:var(--muted)}.cc-badge{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.cc-badge.ok{background:var(--ok-bg);color:var(--ok)}.cc-badge.warn{background:var(--warn-bg);color:var(--warn)}.cc-badge.danger{background:var(--danger-bg);color:var(--danger)}.cc-badge.info{color:var(--brand);background:#1d6fe821}.cc-badge.muted{background:var(--line);color:var(--muted)}.cc-empty,.cc-note,.cc-address{border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.cc-empty{border:1px dashed color-mix(in srgb, var(--brand) 35%, transparent);background:color-mix(in srgb, var(--brand) 6%, transparent)}.cc-empty.ok{border-color:color-mix(in srgb, var(--ok) 40%, transparent);background:var(--ok-bg)}.cc-note{background:var(--field);margin-top:10px}.cc-address{margin-bottom:10px;padding:0}.cc-empty p,.cc-note p,.cc-address p{color:var(--ink);opacity:.82;margin:0;font-size:13px;line-height:1.45}.cc-contact-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cc-contact{background:var(--field);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.cc-pill-ic.red{background:var(--danger-bg);color:var(--danger)}.cc-refresh{color:var(--brand);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:5px 2px;font-size:12px;font-weight:700}.cc-refresh:disabled{opacity:.55;cursor:progress}.cc-contact-info{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.cc-contact-info small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700}.cc-contact-info strong{text-overflow:ellipsis;color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;overflow:hidden}.cc-actions{gap:8px;display:flex}.cc-action{width:40px;height:40px;transition:transform .15s var(--ease), box-shadow .15s, filter .15s;border-radius:50%;place-items:center;text-decoration:none;display:grid}.cc-action.call{color:#fff;background:#10b981;box-shadow:0 6px 14px #10b98159}.cc-action.msg{color:var(--brand);background:#1d6fe821}.cc-action:hover{filter:brightness(1.06);transform:translateY(-1px)}.cc-action:active{transform:scale(.92)}.cc-list{flex-direction:column;gap:10px;display:flex}.cc-row{background:var(--field);border-radius:14px;padding:12px 14px}.cc-row-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cc-row-main{flex-direction:column;min-width:0;line-height:1.3;display:flex}.cc-row-main strong{color:var(--ink);overflow-wrap:anywhere;font-size:14px;font-weight:700}.cc-row-main small{color:var(--muted);font-size:12px}.cc-capacity{background:var(--line);border-radius:999px;height:7px;margin:10px 0 2px;overflow:hidden}.cc-capacity span{border-radius:inherit;height:100%;transition:width .6s var(--ease);background:linear-gradient(90deg,#3b8cff,#1d6fe8);display:block}.cc-row-foot{justify-content:flex-end;margin-top:8px;display:flex}.cc-details-btn{border:1.5px solid color-mix(in srgb, var(--brand) 45%, transparent);background:var(--card);min-height:34px;color:var(--brand);cursor:pointer;transition:background .18s, color .18s, transform .15s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.cc-details-btn svg{transition:transform .25s var(--ease)}.cc-details-btn[aria-expanded=true] svg{transform:rotate(180deg)}.cc-details-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.cc-details-btn:active{transform:scale(.96)}.cc-details{border-top:1px dashed var(--line);animation:cc-fade .22s var(--ease) both;margin-top:10px;padding-top:10px}@keyframes cc-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.cc-details dl{gap:8px;margin:0;display:grid}.cc-details dl>div{justify-content:space-between;gap:14px;display:flex}.cc-details dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0;font-size:10.5px;font-weight:700}.cc-details dd{text-align:right;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:12.5px}@media (width<=360px){.app-shell .cc-brand-title{letter-spacing:.12em;font-size:13px}.cc-location-scope{gap:5px;max-width:100%;padding-left:8px;padding-right:23px}.cc-location-scope .location-scope-value{max-width:min(220px,100vw - 112px);font-size:10px}.cc-location-scope .location-scope-chevron{right:7px}}.app-shell .bahaba-brand-image{box-shadow:none;background:0 0;border:0;border-radius:50%;overflow:hidden;transform:none}.app-shell .bahaba-brand-image img{object-fit:contain;width:100%;height:100%;display:block}.app-shell{background:0 0;justify-content:center;align-items:flex-start;min-height:100vh;padding:0;transition:background .3s;display:flex}.in-app-alert{top:max(48px, env(safe-area-inset-top));box-sizing:border-box;z-index:10000;border:1px solid var(--line,#5b9bea);background:var(--card,#123458);color:var(--ink,#fff);border-radius:16px;padding:16px;animation:.24s ease-out in-app-alert-enter;position:absolute;left:12px;right:12px;box-shadow:0 10px 32px #0005}.in-app-alert strong{font-size:14px}.in-app-alert p{overflow-wrap:anywhere;max-height:140px;margin:8px 0 12px;font-size:13px;line-height:1.5;overflow-y:auto}.in-app-alert-actions{justify-content:flex-end;gap:10px;display:flex}.in-app-alert-actions button{cursor:pointer;color:#fff;font:inherit;background:#24588e;border:1px solid #8eb8ec;border-radius:8px;padding:8px 12px;font-size:12px}.in-app-alert-actions button:focus-visible{outline-offset:3px;outline:2px solid #fff}@keyframes in-app-alert-enter{0%{opacity:0;translate:0 -18px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.in-app-alert{animation:none}}.phone-screen{background:#edf1f4;border:1px solid #1521301f;border-radius:18px;width:360px;height:740px;animation:.35s both screen-in;position:relative;overflow:hidden;box-shadow:0 22px 50px #14213029}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.statusbar{display:none}.status-icons{align-items:center;gap:8px;display:flex}.signal{align-items:end;gap:2px;height:12px;display:inline-flex}.signal i{background:#1d2430;border-radius:2px;width:3px;display:block}.signal i:first-child{opacity:.4;height:4px}.signal i:nth-child(2){opacity:.6;height:6px}.signal i:nth-child(3){opacity:.8;height:8px}.signal i:nth-child(4){height:10px}.wifi{border:2px solid #0000;border-top-color:#1d2430;border-radius:50%;width:14px;height:10px;display:inline-block;position:relative}.battery{border:2px solid #1d2430;border-radius:3px;width:22px;height:12px;display:inline-block;position:relative}.battery:before{content:"";background:#1d2430;border-radius:1px;position:absolute;inset:2px}.battery:after{content:"";background:#1d2430;border-radius:1px;width:2px;height:5px;position:absolute;top:3px;right:-4px}.splash-content{flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 170px);padding-top:28px;display:flex}.splash-brand{flex-direction:column;align-items:center;gap:8px;margin-bottom:38px;display:flex}.brand-mark,.mini-mark{background:linear-gradient(#75c4ff,#0b74db);border-radius:50%;width:120px;height:120px;display:inline-block;position:relative;box-shadow:inset 0 0 0 5px #fffc}.brand-mark:before,.mini-mark:before{content:"!";color:#ff2d2d;place-items:center;font-size:64px;font-weight:900;display:grid;position:absolute;inset:0}.brand-mark:after,.mini-mark:after{content:"";background:#4280d62e;border-radius:50% 50% 24% 24%;width:97px;height:26px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.splash-brand h1{letter-spacing:1px;color:#1f2429;margin:0;font-size:42px}.splash-brand p{color:#2a2e33;margin:0;font-size:18px}.primary-button{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(#0c80ee,#0d5be0);border:none;border-radius:14px;width:calc(100% - 40px);padding:16px 18px;font-size:18px;font-weight:800;box-shadow:0 6px 12px #0b5dca2e}.primary-button:hover{filter:brightness(1.02)}.inline-link,.small-link{color:#1a5ca9;text-align:center;margin-top:18px;font-size:14px}.inline-link button,.small-link button{color:#1a5ca9;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.wave-footer{background:linear-gradient(#1d74dad9,#093f7df2);height:82px;position:absolute;bottom:0;left:0;right:0}.wave-footer:before{content:"";background:#0f78e440;border-radius:50% 50% 0 0;height:46px;position:absolute;top:-28px;left:-20px;right:-20px;box-shadow:inset 0 0 0 14px #ffffff0d}.top-banner{color:#fff;background:linear-gradient(#073d69,#0c5eaf 70%,#0a71d1);border-radius:0;min-height:90px;margin:0;padding:14px 16px}.top-banner-small{justify-content:center;align-items:center;min-height:100px;display:flex}.logo-inline{letter-spacing:1px;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.mini-mark{width:38px;height:38px;box-shadow:inset 0 0 0 3px #ffffffb3}.mini-mark:before{font-size:26px}.mini-mark:after{width:30px;bottom:-7px}.top-banner small{opacity:.9;margin-top:10px;font-size:12px;display:inline-block}.auth-card{background:#f4f7f9;border-radius:18px;margin:18px 18px 0;padding:18px 18px 20px}.app-shell.theme-dark .phone-screen{background:#121d2a;border-color:#9ab2d233;box-shadow:0 18px 30px #00000038}.app-shell.theme-dark .auth-card,.app-shell.theme-dark .settings-list,.app-shell.theme-dark .stats-panel,.app-shell.theme-dark .profile-card,.app-shell.theme-dark .map-card,.app-shell.theme-dark .alert-row,.app-shell.theme-dark .search-dropdown,.app-shell.theme-dark .settings-form{background:#1a2735;border-color:#2f4052}.app-shell.theme-dark .field-block label,.app-shell.theme-dark .settings-title,.app-shell.theme-dark .map-card-name,.app-shell.theme-dark .map-card-city,.app-shell.theme-dark .map-card-label,.app-shell.theme-dark .map-card-detail,.app-shell.theme-dark .search-option-main span,.app-shell.theme-dark .settings-row span,.app-shell.theme-dark .profile-card strong,.app-shell.theme-dark .stats-panel h3,.app-shell.theme-dark .option-row,.app-shell.theme-dark .auth-card h2,.app-shell.theme-dark .splash-brand h1,.app-shell.theme-dark .splash-brand p,.app-shell.theme-dark .logo-inline,.app-shell.theme-dark .top-banner small,.app-shell.theme-dark .list-title{color:#edf5ff}.app-shell.theme-dark .input-wrap input,.app-shell.theme-dark .input-wrap select{color:#edf5ff;background:#1d2d3d;border-color:#354d66}.app-shell.theme-dark .input-wrap input::placeholder,.app-shell.theme-dark .search-option-main small,.app-shell.theme-dark .top-search-bar input::placeholder{color:#a8b7cb}.app-shell.theme-dark .option-row{color:#edf5ff;background:#1c2b39;border-color:#324761}.app-shell.theme-dark .option-row.selected{background:#12375d;border-color:#4aa8ff;box-shadow:inset 0 0 0 1px #4aa8ff}.app-shell.theme-dark .top-search-bar{background:linear-gradient(#0f2d4f,#123a64 70%,#1b5fba)}.app-shell.theme-dark .chip-light{color:#183b63;background:#eaf4ff}.app-shell.theme-dark .risk-tab{color:#e5edf7;background:#1d2f42;border-color:#34506c}.app-shell.theme-dark .risk-tab.active{color:#fff;background:#1d7fe7}.app-shell.theme-dark .map-card{background:#192530f5;border-color:#2f445e}.app-shell.theme-dark .search-dropdown{background:#121c27f5;border-color:#324761}.app-shell.theme-dark .search-option{border-bottom-color:#2d3f51}.app-shell.theme-dark .search-option:hover{background:#3e639a26}.app-shell.theme-dark .switch{background:#43556c}.app-shell.theme-dark .switch.on{background:#2ea0ff}.app-shell.theme-dark .switch.on:after{background:#fff}.app-shell.theme-dark .settings-row,.app-shell.theme-dark .settings-form input,.app-shell.theme-dark .settings-form select,.app-shell.theme-dark .alert-box,.app-shell.theme-dark .alert-row,.app-shell.theme-dark .stats-grid>div,.app-shell.theme-dark .settings-row .tag,.app-shell.theme-dark .profile-card{color:#edf5ff}.app-shell.theme-dark .settings-form input,.app-shell.theme-dark .settings-form select{color:#edf5ff;background:#1a2d3d;border-color:#35506b}.app-shell.theme-dark .alert-box{background:#7e242d59;border-color:#ff737d73}.app-shell.theme-dark .alert-row,.app-shell.theme-dark .stats-grid>div{background:#1c2b39;border-color:#304962}.auth-card h2{text-align:center;letter-spacing:.12em;color:#1f242a;margin:0 0 18px;font-size:18px}.field-block label{letter-spacing:.1em;text-transform:uppercase;color:#58626e;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.input-wrap{position:relative}.field-icon{color:#7a828b;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrap input,.input-wrap select{color:#21262c;background:#eff3f6;border:1px solid #d5dfe8;border-radius:10px;width:100%;padding:13px 12px 13px 36px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-wrap input:focus,.input-wrap select:focus{border-color:#7bb9ff;outline:none;box-shadow:0 0 0 3px #7bb9ff2e}.input-wrap input::placeholder{color:#8d9aa7}.login-card{margin-top:26px}.auth-message{color:#58626e;text-align:center;margin:0 0 20px;font-size:14px;line-height:1.6}.auth-error{color:#b42318;text-align:center;background:#fff0f0;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:1.4}.auth-notice{color:#216e45;text-align:center;background:#eaf7ef;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:1.4}.selection-error{margin:10px 0 0}.primary-button:disabled{cursor:wait;opacity:.65}.logout-button{color:#b42318;cursor:pointer;background:#fff5f5;border:1px solid #e2a3a3;border-radius:10px;width:calc(100% - 36px);margin:12px 18px 0;padding:12px;font-size:14px;font-weight:800}.header-panel{color:#fff;background:linear-gradient(#053d6d,#0c5ea8 70%,#0d74d6);border-radius:0;margin:0;padding:18px 18px 12px}.header-panel div{font-size:16px;font-weight:800}.header-panel small{opacity:.85;margin-top:8px;font-size:11px;display:block}.back-link{color:#1a73d1;cursor:pointer;background:0 0;border:none;margin:14px 18px 0;font-weight:700;display:inline-block}.selection-screen{position:relative}.selection-list{scrollbar-width:thin;background:0 0;max-height:520px;margin:10px 18px 0;padding-bottom:100px;padding-right:6px;overflow-y:auto}.selection-list::-webkit-scrollbar{width:6px}.selection-list::-webkit-scrollbar-thumb{background:#566c8259;border-radius:999px}.list-title{color:#4f5965;letter-spacing:.1em;text-transform:uppercase;margin:8px 0 12px;font-size:12px;font-weight:800}.option-row{text-align:left;color:#21262d;cursor:pointer;background:#f7f9fb;border:1px solid #d8e0e8;border-radius:10px;width:100%;margin-bottom:10px;padding:12px 14px;font-size:14px;transition:all .2s;box-shadow:0 1px #0a141e05}.option-row:hover{background:#f1f8ff;border-color:#8dbdff;transform:translateY(-1px)}.option-row.selected{color:#0d5fc4;background:#edf7ff;border-color:#1b83ef;font-weight:700;box-shadow:inset 0 0 0 1px #1b83ef}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px 12px;display:grid}.city-grid .list-title{grid-column:1/-1;margin:0 0 2px}.city-grid .option-row{justify-content:flex-start;align-items:center;min-height:52px;margin-bottom:0;padding:13px 14px;display:flex}.bottom-actions{background:#edf1f4;padding:16px 18px 18px;position:absolute;bottom:0;left:0;right:0}.map-screen,.alerts-screen,.command-screen{background:#edf2f5;overflow:hidden}.settings-screen{background:#edf2f5;flex-direction:column;min-height:0;display:flex;overflow:hidden}.settings-screen .bottom-nav{z-index:40;flex:none;margin-top:auto;position:relative}.map-scroll-area{scrollbar-width:thin;height:calc(100% - 110px);padding-bottom:88px;overflow-y:auto}.map-scroll-area::-webkit-scrollbar{width:6px}.map-scroll-area::-webkit-scrollbar-thumb{background:#576c8159;border-radius:999px}.top-search-bar{background:linear-gradient(#0c3d6d,#0a5ca7 70%,#0d75d6);border-radius:0;align-items:center;gap:8px;margin:0;padding:10px 10px 12px;display:flex}.search-input-wrap{flex:1;position:relative}.search-icon{color:#4f6478;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.top-search-bar input{color:#27323b;background:#ffffffeb;border:none;border-radius:999px;outline:none;width:100%;padding:10px 12px 10px 32px;font-size:13px}.top-search-bar input::placeholder{color:#6d7582}.search-dropdown{background:#fffffff2;border:1px solid #dfeaf3;border-top:none;border-radius:0 0 12px 12px;margin:0 18px;overflow:hidden;box-shadow:0 10px 20px #14213014}.search-option{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #edf2f5;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.search-option:last-child{border-bottom:none}.search-option:hover{background:#f5f9ff}.search-option-main{flex-direction:column;gap:2px;display:flex}.search-option-main span{color:#1a2530;font-size:13px;font-weight:800}.search-option-main small{color:#657486;font-size:10px}.search-status{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:4px 8px;font-size:9px;font-weight:900;display:inline-flex}.search-status.high{color:#cf485f;background:#f9dfe6}.search-status.medium{color:#d3911a;background:#f9e9cb}.search-status.low{color:#2c8d62;background:#def4ea}.chip{cursor:pointer;border:none;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.chip-light{color:#233f69;background:#eff5ff}.chip-blue{color:#fff;background:#1d7fe7}.risk-tabs{gap:6px;margin-bottom:10px;padding:10px 18px 0;display:flex}.risk-tab{color:#495563;cursor:pointer;background:#f1f5f8;border:1px solid #d7e2ec;border-radius:999px;flex:1;padding:8px 5px;font-size:10px;font-weight:800}.risk-tab.active{color:#fff;background:#0f7ee7;border-color:#0f7ee7}.map-result-list{flex-direction:column;gap:10px;margin:0 18px;padding-bottom:10px;display:flex}.map-card{background:#ffffffb3;border:1px solid #dfe9f0;border-radius:12px;padding:12px 12px 10px;box-shadow:0 2px 6px #1227380a}.map-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.map-card-name{color:#202a33;margin-bottom:3px;font-size:14px;font-weight:900}.map-card-city{color:#526270;font-size:12px}.risk-pill{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:58px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.risk-pill.high{color:#d74d5f;background:#f7dfe4}.risk-pill.medium{color:#d58d22;background:#f8e8cf}.risk-pill.low{color:#2b8d66;background:#dff3ea}.map-card-body{color:#495763;flex-direction:column;gap:4px;margin-top:10px;display:flex}.map-card-label{color:#4c5d6d;font-size:11px;font-weight:800}.map-card-detail{color:#44515d;font-size:11px;line-height:1.5}.details-link{color:#2a7fe6;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-size:11px;font-weight:800}.map-preview{background:#dcebed;border:1px solid #d0e0e2;border-radius:8px;min-height:300px;margin:12px 18px 0;position:relative;overflow:hidden}.map-area-list{flex-direction:column;gap:14px;padding:12px 18px 20px;display:flex}.map-area-section{background:#f8fbfa;border:1px solid #d0e0e2;border-radius:8px;overflow:hidden}.map-area-heading{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.map-area-heading h2{color:#203a3c;margin:0;font-size:16px}.map-area-heading p{color:#607477;margin:3px 0 0;font-size:11px}.geojson-map-frame{position:relative}.geojson-map{cursor:grab;touch-action:none;background:#dcebed;width:100%;height:220px;display:block}.free-map-frame{position:relative}.free-map-canvas{background:#dcebed;width:100%;height:360px}.free-map-error{color:#b91c1c;background:#fff1f2;padding:16px}.geojson-map:active{cursor:grabbing}.map-zoom-controls{flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.map-zoom-controls button{color:#254548;cursor:pointer;background:#fffffff5;border:1px solid #bdccca;border-radius:4px;place-items:center;width:32px;height:32px;font-size:19px;font-weight:700;display:grid}.map-zoom-controls .map-zoom-reset{width:auto;min-width:32px;padding:0 5px;font-size:9px}.geojson-area{stroke:#fff;stroke-width:5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.geojson-area.high,.geojson-marker.high{fill:#e57370}.geojson-area.medium,.geojson-marker.medium{fill:#e8b95e}.geojson-area.low,.geojson-marker.low{fill:#61aa87}.geojson-area.unrated{fill:#b8cbca}.geojson-area.focused{stroke:#184f56;stroke-width:2px}.geojson-label{fill:#193b40;stroke:#f8fbfa;stroke-width:.25em;stroke-linejoin:round;paint-order:stroke;cursor:pointer;pointer-events:auto;font-family:inherit;font-weight:800}.geojson-label.focused{fill:#a13c32}.geojson-label:focus-visible{fill:#a13c32;outline:none}.barangay-disclosure{background:#fff;border-top:1px solid #e0e9e8}.barangay-disclosure summary{color:#176b69;cursor:pointer;padding:11px 14px;font-size:12px;font-weight:800}.barangay-disclosure ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;max-height:250px;margin:0;padding:0 14px 10px;list-style:none;display:grid;overflow-y:auto}.barangay-disclosure li{border-top:1px solid #edf1f0;min-width:0;min-height:34px}.barangay-focus-button{color:#263c3e;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;flex-direction:column;justify-content:center;width:100%;min-width:0;padding:4px 0;font-size:11px;display:flex}.barangay-focus-button:hover span,.barangay-focus-button:focus-visible span{color:#176b69;text-decoration:underline}.barangay-focus-button small{color:#738384;font-size:9px}.geojson-marker{stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke}.geojson-marker-number{fill:#fff;pointer-events:none;font-family:inherit;font-size:30px;font-weight:800}.geojson-map-key{background:#ffffffe0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;padding:8px 10px 10px;display:grid}.geojson-map-key-item{align-items:center;gap:7px;min-width:0;display:flex}.geojson-map-key-item.wide{grid-column:1/-1}.geojson-key-number{color:#fff;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:grid}.geojson-key-number.high{background:#d75f5d}.geojson-key-number.medium{background:#c78d2f}.geojson-key-number.low{background:#438866}.geojson-key-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.geojson-key-copy strong,.geojson-key-copy small{overflow-wrap:anywhere}.geojson-key-copy strong{color:#253740;font-size:10px}.geojson-key-copy small{color:#526570;font-size:9px;line-height:1.2}.alert-summary-box{color:#d44444;background:#faf7f7f2;border:1px solid #f0bdbd;border-radius:12px;align-items:center;gap:8px;margin:12px 18px 0;padding:10px 12px;font-weight:800;display:flex}.alert-dot{background:#e94e52;border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.alert-dot:before{content:"!";color:#fff;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;inset:0}.bottom-nav{background:linear-gradient(#0d3e6e,#0d3b6d);grid-template-columns:repeat(4,1fr);padding:10px 10px 14px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 18px #0c23381a}.nav-item{color:#e9f0f9cc;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 0;font-size:10px;display:flex}.nav-item.active{color:#fff}.nav-item span{font-size:18px}.alert-box{color:#d83b39;background:#fcecec;border:1px solid #efc1c1;border-radius:12px;align-items:center;gap:10px;margin:10px 18px 0;padding:12px 14px;font-weight:800;display:flex}.alert-list{flex-direction:column;gap:8px;margin:14px 18px 0;display:flex}.alert-row{color:#212933;background:#f6f8fa;border:1px solid #dbe4ea;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.risk-tag{border-radius:999px;justify-content:center;align-items:center;min-width:56px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.risk-tag.red{color:#d8403d;background:#f8dfe0}.risk-tag.amber{color:#d18a1e;background:#fef0d9}.risk-tag.gray{color:#5f6d7b;background:#eef2f5}.stats-panel{background:#f3f7fa;border:1px solid #dfe5ea;border-radius:14px;margin:18px 18px 0;padding:14px 12px 18px}.stats-panel h3{color:#232a30;margin:0 0 12px;font-size:18px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stats-grid>div{text-align:center;background:#ebf3ff;border:1px solid #dbe9ff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:82px;padding:12px 8px;display:flex}.stats-grid strong{color:#1d2a34;font-size:28px}.stats-grid small{color:#5f6d7a;margin-top:4px;font-size:10px}.settings-title{color:#1b2229;margin:10px 18px 0;font-size:30px}.profile-card{color:#fff;background:linear-gradient(135deg,#0d7de7,#0d4277);border-radius:14px;align-items:center;gap:12px;margin:16px 18px 0;padding:15px 16px;display:flex}.avatar{color:#204b78;background:linear-gradient(#edf4ff,#99bfe5);border-radius:50%;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.profile-card strong,.profile-card small{display:block}.profile-card small{opacity:.8;margin-top:4px}.profile-card .profile-location{color:#d7ebff;font-size:10px}.settings-list{background:#f8f9fb;border:1px solid #dee5eb;border-radius:12px;margin:18px 18px 0;overflow:hidden}.settings-row{color:#252d35;border-bottom:1px solid #e1e7ec;justify-content:space-between;align-items:center;padding:14px 12px;font-weight:700;display:flex}.settings-row:last-child{border-bottom:none}.settings-screen .settings-notification-test{gap:14px;padding-top:16px;padding-bottom:16px}.settings-row-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.settings-row-copy small{color:var(--muted,#64758a);font-size:11px;font-weight:400;line-height:1.45}.settings-screen .settings-test-button{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#2479ce;border:1px solid #2479ce;border-radius:10px;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:600;transition:background .16s,transform .16s}.settings-screen .settings-test-button:hover{background:#1b63ad}.settings-screen .settings-test-button:active{transform:scale(.97)}.settings-screen .settings-test-button:disabled{cursor:wait;opacity:.65}.settings-screen .settings-test-button:focus-visible,.settings-screen .switch:focus-visible{outline-offset:3px;outline:2px solid #2479ce}.switch{cursor:pointer;background:#d0d8df;border:none;border-radius:999px;width:46px;height:24px;transition:background .2s;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;left:4px}.tag{border-radius:999px;justify-content:center;align-items:center;min-width:46px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.tag.green{color:#1ba86b;background:#def7ea}.tag.gray{color:#5d6871;background:#edf1f6}.settings-status{color:#526170;text-align:center;margin:12px 18px 0;font-size:11px;line-height:1.4}.settings-status p{margin:4px 0}.settings-form{flex-direction:column;gap:10px;margin:18px 18px 0;display:flex}.settings-form input{color:#2a3038;background:#eef3f7;border:1px solid #d4dce4;border-radius:10px;padding:12px 14px;font-size:14px}.settings-form label{color:#526170;font-size:12px;font-weight:700}.settings-form select{color:#2a3038;background:#eef3f7;border:1px solid #d4dce4;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.location-settings-form{border:1px solid #dee5eb;border-radius:12px;gap:8px;padding:14px}.muted-button{width:calc(100% - 36px);margin:18px 18px 0}@media (width<=420px){.phone-screen{border-radius:0;width:100%;height:760px}}:root{--app-ink:#172536;--app-muted:#65758a;--app-blue:#1769c2;--app-blue-deep:#103d70;--app-border:#e1e8f0;--app-surface:#fff;--app-canvas:#f4f7fb;--app-shadow:0 24px 70px #142b482e}button,input,select{font-family:inherit}button{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}.app-shell{background:0 0;align-items:center;min-height:100svh;padding:24px}.app-shell.theme-dark{background:#0c1420}.phone-screen{background:var(--app-canvas);width:min(100%,440px);height:min(900px,100svh - 48px);min-height:min(680px,100svh - 48px);box-shadow:var(--app-shadow);border:1px solid #1c36541a;border-radius:28px;animation:.4s cubic-bezier(.2,.75,.25,1) both screen-in}.app-shell.theme-dark .phone-screen{background:#111c2a;border-color:#9ab2d22b}.splash-screen{background:radial-gradient(at 50% 27%,#2484e21a,#0000 36%),linear-gradient(160deg,#f9fcff 0%,#e7f0f9 100%)}.splash-content{height:calc(100% - 112px);padding:0 26px 14px}.splash-brand{gap:10px;margin-bottom:40px}.brand-mark,.mini-mark{background:linear-gradient(145deg,#48a0f0 0%,#1264b8 78%);flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff7a,0 12px 28px #1664b833}.brand-mark{border-radius:34px;width:112px;height:112px;transform:rotate(-7deg)}.mini-mark{border-radius:14px;width:40px;height:40px}.brand-mark:before,.brand-mark:after,.mini-mark:before,.mini-mark:after{content:none}.brand-mark svg{width:76px;height:76px;transform:rotate(7deg)}.mini-mark svg{width:29px;height:29px}.brand-mark svg path:first-child,.mini-mark svg path:first-child{fill:#ffffff2e;stroke:#fff;stroke-width:2px;stroke-linejoin:round}.brand-mark svg path:last-child,.mini-mark svg path:last-child{stroke:#fff;stroke-width:2px;stroke-linecap:round}.splash-brand h1{color:var(--app-ink);letter-spacing:.14em;margin-top:8px;font-size:39px;font-weight:800}.splash-brand p{color:var(--app-muted);font-size:15px;font-weight:500}.primary-button{letter-spacing:.01em;background:linear-gradient(135deg,#217bd3,#155bb1);border-radius:15px;min-height:52px;padding:14px 20px;font-size:15px;font-weight:700;box-shadow:0 10px 22px #155bb133}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 26px #155bb142}.primary-button:active:not(:disabled){transform:translateY(0)}.inline-link,.small-link{color:var(--app-muted);font-size:13px}.inline-link button,.small-link button{color:var(--app-blue)}.splash-screen .splash-content{filter:none;transition:filter 1.1s,transform 1.2s cubic-bezier(.2,.8,.2,1);transform:none}.splash-screen.transition-pending .splash-content{filter:blur(14px);transform:scale(1.04)}.app-shell.login-transition-pending>.phone-screen{filter:blur(14px);transition:filter 1.1s,transform 1.2s cubic-bezier(.2,.8,.2,1);transform:scale(1.04)}.rising-flood-overlay{z-index:20000;pointer-events:auto;position:fixed;inset:0}.rising-flood-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.rising-flood-hud{color:#fff;text-shadow:0 1px 10px #06244273;opacity:0;place-content:center;justify-items:center;gap:12px;animation:1.7s cubic-bezier(.2,1.3,.4,1) 1.2s both rising-flood-hud;display:grid;position:absolute;inset:0}.rising-flood-logo{background:#fff;border:3px solid #ffffffe0;border-radius:50%;width:72px;height:72px;animation:1.9s ease-in-out infinite rising-flood-float;display:block;overflow:hidden;box-shadow:0 0 0 7px #ffffff2e,0 8px 24px #07274b4d}.rising-flood-logo img{object-fit:contain;width:100%;height:100%;display:block}.rising-flood-hud>strong{letter-spacing:.12em;font:800 27px Plus Jakarta Sans,sans-serif}.rising-flood-hud>span{min-height:1.4em;font-size:14px;font-weight:600}.rising-flood-hud>i{background:#ffffff4d;border-radius:99px;width:170px;height:4px;display:block;overflow:hidden}.rising-flood-hud>i>b{transform-origin:0;background:#fff;width:100%;height:100%;animation:1.25s linear 1.65s both rising-flood-progress;display:block;transform:scaleX(0)}@keyframes rising-flood-hud{0%{opacity:0;transform:translateY(28px)scale(.92)}18%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-56px)}}@keyframes rising-flood-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(2deg)}}@keyframes rising-flood-progress{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.splash-screen .splash-content{transition:none}.rising-flood-overlay{display:none}}.wave-footer{background:linear-gradient(#247fd2,#164f91);height:72px}.wave-footer:before{height:38px;box-shadow:none;background:#247fd229;top:-22px}.top-banner,.header-panel,.top-search-bar{background:linear-gradient(135deg,#103d70 0%,#1769b7 100%)}.top-banner{min-height:92px;padding:18px 20px}.top-banner-small{min-height:116px}.logo-inline{letter-spacing:.015em;gap:12px;font-size:17px}.top-banner small{color:#fffc;margin-top:8px;font-size:12px}.auth-screen{scrollbar-width:none;overflow-y:auto}.auth-screen::-webkit-scrollbar{display:none}.auth-card{background:var(--app-surface);border:1px solid #1c365412;border-radius:22px;margin:20px 20px 26px;padding:24px 20px;box-shadow:0 12px 32px #19324f12}.auth-card>.primary-button{color:#fff;background:linear-gradient(135deg,#217bd3,#155bb1);width:100%;margin:0 auto;display:block;box-shadow:0 8px 18px #155bb133}.auth-card>.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#2d88e0,#1c67c3);box-shadow:0 10px 22px #155bb142}.auth-card h2{color:var(--app-ink);letter-spacing:0;margin-bottom:22px;font-size:20px;font-weight:800}.field-block{margin-bottom:18px}.field-block label,.settings-form label{color:#52657a;letter-spacing:.055em;margin-bottom:7px;font-size:11px;font-weight:700}.optional-label{color:#8997a6;letter-spacing:0;text-transform:none;margin-left:4px;font-size:10px;font-weight:500}.use-location-button{color:#1769b8;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:9px;padding:5px 0;font-size:12px;font-weight:700;display:inline-flex}.use-location-button:hover:not(:disabled){color:#0e4f91}.use-location-button:disabled{cursor:wait;opacity:.65}.signup-location-notice{margin:5px 0 0;font-size:11px;line-height:1.45}.signup-location-notice.success{color:#24714e}.signup-location-notice.error{color:#b42318}.field-icon{color:#73869a;width:17px;height:17px;left:14px}.input-wrap input,.input-wrap select{min-height:48px;color:var(--app-ink);background:#f7f9fc;border-color:#dce5ee;border-radius:12px;padding:12px 14px 12px 42px;font-size:13px}.input-wrap input:focus,.input-wrap select:focus,.settings-form select:focus{border-color:#69a6e8;box-shadow:0 0 0 4px #317ed31c}.auth-error,.auth-notice{border-radius:11px;font-size:12px}.selection-screen{background:var(--app-canvas)}.header-panel{padding:22px 22px 18px}.header-panel div{letter-spacing:-.02em;font-size:19px}.header-panel small{margin-top:6px;font-size:12px;line-height:1.5}.back-link{color:var(--app-blue);margin:15px 22px 0;font-size:13px}.selection-list{max-height:calc(100% - 205px);margin:14px 20px 0;padding:0 2px 96px 0}.list-title{color:#687a8e;letter-spacing:.09em;margin:8px 0 12px;font-size:10px}.option-row{color:#26384b;background:#fff;border-color:#e0e8f0;border-radius:13px;padding:14px 15px;font-size:13px;box-shadow:0 3px 9px #1d365209}.option-row:hover{background:#f7fbff;border-color:#99c2ee}.option-row.selected{color:#155da8;background:#edf6ff;border-color:#4b96e3;box-shadow:inset 0 0 0 1px #4b96e3}.bottom-actions{padding:16px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--app-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafdf5}.map-screen,.alerts-screen,.command-screen,.settings-screen{background:var(--app-canvas)}.alerts-screen,.command-screen{scrollbar-width:thin;padding-bottom:0;overflow-y:auto}.alerts-screen .bottom-nav,.command-screen .bottom-nav{flex:none;margin-top:auto;position:sticky}.map-screen .bottom-nav{flex:none;margin-top:auto;position:relative}.top-search-bar{gap:9px;padding:14px 16px}.top-search-bar input{background:#fffffff5;min-height:42px;padding-left:38px;font-size:13px}.search-icon{color:#71839a;width:17px;height:17px;left:13px}.chip{min-height:38px;padding:8px 14px;font-size:11px}.chip-light{background:#fffffff0}.chip-blue{background:#69abed}.map-scroll-area{height:calc(100% - 128px);padding-bottom:calc(88px + env(safe-area-inset-bottom))}.map-area-list{gap:16px;padding:10px 0 20px}.map-area-section{min-height:390px;box-shadow:none;background:#e6f0f2;border-color:#e0e7ec currentColor;border-left-style:none;border-left-width:0;border-right-style:none;border-right-width:0;border-radius:0;flex-direction:column;display:flex;position:relative}.geojson-map-frame{z-index:0;position:absolute;inset:0}.map-area-heading{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#e6f0f2f5,#e6f0f2c2);padding:15px 16px 11px;position:relative}.map-area-heading h2{color:#203449;letter-spacing:-.015em;font-size:16px}.map-area-heading p{color:#6c7e8d;font-size:11px}.geojson-map{background:0 0;height:100%;min-height:390px}.geojson-map-water{fill:#e6f0f2}.map-zoom-controls button{border-color:#d6e1e4;border-radius:9px;box-shadow:0 3px 9px #22414b1a}.barangay-disclosure{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-top-color:#edf1f4;margin-top:auto;position:relative}.barangay-disclosure summary{color:#286b70;font-size:12px}.alert-banner{align-items:center;min-height:98px;display:flex}.alert-box{color:#b63e3c;background:#fff5f4;border-color:#f2d1d0;border-radius:15px;margin:16px 18px 0;font-size:13px}.alert-dot{background:#e35955;width:10px;height:10px;box-shadow:0 0 0 4px #e359551f}.alert-dot:before{content:none}.alert-list{gap:9px;margin:14px 18px 0}.alert-row{color:#26374a;background:#fff;border-color:#e3eaf0;border-radius:13px;gap:12px;min-width:0;padding:13px 14px;font-size:12px;box-shadow:0 3px 10px #1b375209}.alert-row>span:first-child{overflow-wrap:anywhere;min-width:0}.risk-tag,.risk-pill{letter-spacing:.025em;flex-shrink:0;font-size:10px}.stats-panel{background:#fff;border-color:#e2e9ef;border-radius:18px;margin:16px 18px 18px;padding:18px;box-shadow:0 6px 18px #1b37520b}.stats-panel h3{color:#24364a;letter-spacing:-.015em;font-size:16px;font-weight:800}.stats-panel p{color:#627387;font-size:12px;line-height:1.6}.stats-grid{gap:9px}.stats-grid>div{background:#f2f7fd;border-color:#e0ebf6;border-radius:13px;min-height:78px}.stats-grid strong{color:#1d4f83;overflow-wrap:anywhere;font-size:22px}.stats-grid small{color:#6b7b8e;font-size:10px}.compact-panel{min-height:auto}.small-list{margin-left:0;margin-right:0}.evacuation-center-row{background:#fff;border:1px solid #e3eaf0;border-radius:13px;gap:8px;padding:13px 14px;display:grid}.evacuation-center-heading,.evacuation-center-meta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.evacuation-center-heading strong{color:#24364a;font-size:13px}.evacuation-center-heading span,.evacuation-center-address,.evacuation-center-meta{color:#627387;font-size:11px}.evacuation-map-link{color:#1769d2;background:#f3f8ff;border:1px solid #d9e8fb;border-radius:8px;align-items:center;gap:5px;width:max-content;padding:5px 9px;font-size:11px;font-weight:650;text-decoration:none;display:inline-flex}.evacuation-map-link:hover{text-decoration:underline}.evacuation-capacity{background:#e7eef5;border-radius:999px;height:7px;overflow:hidden}.evacuation-capacity span{border-radius:inherit;background:linear-gradient(90deg,#3288d4,#1767b1);height:100%;display:block}.settings-screen{padding-bottom:0}.settings-title{color:var(--app-ink);letter-spacing:-.04em;margin:22px 22px 0;font-size:26px;font-weight:800}.profile-card{background:linear-gradient(135deg,#287bc4 0%,#164473 100%);border-radius:18px;margin:16px 18px 0;padding:17px;box-shadow:0 10px 24px #164e8529}.profile-card strong{font-size:14px}.profile-card small{overflow-wrap:anywhere;font-size:11px}.avatar{color:#1b5e9e;background:#fffffff0;flex:0 0 50px;width:50px;height:50px}.settings-list{background:#fff;border-color:#e2e9ef;border-radius:16px;margin:16px 18px 0;box-shadow:0 5px 16px #1b37520a}.settings-row{color:#2a3b4e;border-bottom-color:#edf1f5;min-height:54px;padding:13px 15px;font-size:13px}.switch{background:#cbd5df;flex:0 0 44px;width:44px;height:25px}.switch:before{width:19px;height:19px;top:3px;left:3px;box-shadow:0 1px 3px #14233238}.switch.on{background:#2479ce}.switch.on:before{left:22px}.settings-screen .switch{box-sizing:border-box;appearance:none;vertical-align:middle;flex:0 0 44px;width:44px;min-width:44px;height:26px;min-height:26px;margin:0;padding:0;overflow:hidden}.settings-screen .switch:before{content:"";box-sizing:border-box;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;display:block;position:absolute;top:3px;left:3px;transform:translate(0)}.settings-screen .switch.on:before{left:3px;transform:translate(18px)}.settings-screen .switch:after{content:none}.settings-form{gap:9px}.settings-screen .settings-profile-fields{background:var(--card,#fff);border:0;border-radius:16px;min-width:0;padding:16px}.settings-profile-fields legend{float:left;width:100%;color:var(--ink,#253b52);margin-bottom:8px;padding:0;font-size:13px;font-weight:700}.settings-profile-fields label{color:var(--ink,#253b52);font-size:12px;font-weight:600}.settings-profile-fields small{color:var(--muted,#64758a);font-size:11px}.settings-profile-fields input[readonly]{opacity:.65;cursor:default}.app-shell .settings-screen .settings-save-button{color:#fff;width:calc(100% - 36px);min-height:46px;box-shadow:none;font:inherit;cursor:pointer;background:#2479ce;border:0;border-radius:12px;margin:16px 18px 0;font-size:14px;font-weight:700;display:block}.settings-screen .logout-button{border-radius:12px;width:calc(100% - 36px);min-height:46px;margin:12px 18px 0}.settings-form input,.settings-form select{color:#324357;background:#f7f9fc;border-color:#dfe7ee;border-radius:12px;min-height:46px;font-size:13px}.location-settings-form{background:#fff;border-color:#e2e9ef;border-radius:16px;padding:16px}.settings-status{color:#64758a;font-size:12px}.muted-button{margin-top:16px}.logout-button{background:#fff8f7;border-color:#f0d3d3;border-radius:12px;font-size:13px}.bottom-nav{z-index:4;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#ffffffe0;border:1px solid #ffffffd9;border-radius:22px;padding:8px;box-shadow:0 12px 32px #142f4d29,0 2px 8px #142f4d14}.nav-item{z-index:0;color:#8593a3;gap:3px;min-height:54px;padding:5px 2px;font-size:10px;font-weight:600;position:relative}.nav-item.active{z-index:2;color:#1769b8}.nav-icon{transform-origin:bottom;border-radius:12px;flex:0 0 34px;place-items:center;width:34px;height:32px;transition:background-color .2s,transform .2s cubic-bezier(.2,.75,.25,1),box-shadow .2s;display:grid;transform:translateY(0)scale(1)}.nav-icon svg{flex:0 0 20px;width:20px;height:20px;display:block}.nav-item.active .nav-icon{background:#eaf3fc;transform:translateY(-3px)scale(1.08);box-shadow:0 4px 10px #1769b81f}.nav-item small{font-size:10px;font-weight:600;transition:color .2s,font-weight .2s}@media (hover:hover) and (pointer:fine){.nav-item:hover,.nav-item:focus-visible{z-index:3;color:#1769b8}.nav-item:hover .nav-icon,.nav-item:focus-visible .nav-icon{background:#eaf3fc;transform:translateY(-5px)scale(1.12);box-shadow:0 5px 12px #1769b824}.nav-item:is(:hover,:focus-visible)+.nav-item{color:#53718e}.nav-item:has(+.nav-item:is(:hover,:focus-visible)){color:#53718e}.nav-item:is(:hover,:focus-visible)+.nav-item .nav-icon{background:#f0f5fa;transform:translateY(-2px)scale(1.04)}.nav-item:has(+.nav-item:is(:hover,:focus-visible)) .nav-icon{background:#f0f5fa;transform:translateY(-2px)scale(1.04)}}.app-shell.theme-dark .bottom-nav{background:#131f2de0;border-color:#708fb033;box-shadow:0 12px 32px #00000052,0 2px 8px #0003}@media (hover:hover) and (pointer:fine){.app-shell.theme-dark .nav-item:hover,.app-shell.theme-dark .nav-item:focus-visible{color:#84c1ff}.app-shell.theme-dark .nav-item:hover .nav-icon,.app-shell.theme-dark .nav-item:focus-visible .nav-icon{background:#1d3b58}.app-shell.theme-dark .nav-item:is(:hover,:focus-visible)+.nav-item{color:#b1c3d7}.app-shell.theme-dark .nav-item:has(+.nav-item:is(:hover,:focus-visible)){color:#b1c3d7}}.settings-screen .bottom-nav{margin:auto 0 0}.app-shell.theme-dark .splash-screen{background:radial-gradient(at 50% 25%,#2c77bd2e,#0000 38%),#121d2a}.app-shell.theme-dark .auth-card,.app-shell.theme-dark .stats-panel,.app-shell.theme-dark .settings-list,.app-shell.theme-dark .location-settings-form,.app-shell.theme-dark .map-area-section,.app-shell.theme-dark .option-row,.app-shell.theme-dark .alert-row,.app-shell.theme-dark .evacuation-center-row{background:#1a2735;border-color:#304254}.app-shell.theme-dark .input-wrap input,.app-shell.theme-dark .input-wrap select,.app-shell.theme-dark .settings-form input,.app-shell.theme-dark .settings-form select{color:#edf5ff;background:#152332;border-color:#354a60}.app-shell.theme-dark .optional-label{color:#a8b7cb}.app-shell.theme-dark .signup-location-notice.success{color:#83d6a8}.app-shell.theme-dark .settings-title,.app-shell.theme-dark .auth-card h2,.app-shell.theme-dark .stats-panel h3,.app-shell.theme-dark .alert-row,.app-shell.theme-dark .evacuation-center-row,.app-shell.theme-dark .settings-row,.app-shell.theme-dark .option-row,.app-shell.theme-dark .evacuation-center-heading strong{color:#e5eef8}.app-shell.theme-dark .evacuation-center-heading span,.app-shell.theme-dark .evacuation-center-address,.app-shell.theme-dark .evacuation-center-meta{color:#a8b7cb}.app-shell.theme-dark .evacuation-capacity{background:#304254}.app-shell.theme-dark .settings-row,.app-shell.theme-dark .barangay-disclosure{border-color:#304254}.app-shell.theme-dark .bottom-nav{background:#131f2df7;border-top-color:#2b3c4d}.app-shell.theme-dark .nav-item{color:#94a5b8}.app-shell.theme-dark .nav-item.active{color:#72b7ff}.app-shell.theme-dark .nav-item.active .nav-icon{background:#1d3b58}.app-shell.theme-dark .map-area-heading h2,.app-shell.theme-dark .barangay-focus-button,.app-shell.theme-dark .geojson-key-copy strong{color:#e1ebf5}.app-shell.theme-dark .map-area-heading p,.app-shell.theme-dark .barangay-focus-button small,.app-shell.theme-dark .geojson-key-copy small{color:#a8b8c8}@media (width<=600px){.app-shell{align-items:stretch;padding:0}.phone-screen{width:100%;height:100dvh;min-height:560px;box-shadow:none;border:0;border-radius:0}}@media (width<=360px){.auth-card{margin-left:14px;margin-right:14px;padding-left:16px;padding-right:16px}.profile-card,.stats-panel,.settings-list,.settings-form,.settings-status,.alert-list{margin-left:14px;margin-right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.search-dock{z-index:3;background:0 0;border:1px solid #0000;border-radius:20px;margin:8px 10px 0;padding:4px 10px 8px;transition:background-color .32s,border-color .32s,box-shadow .32s;position:relative}.search-dock-handle{cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:100%;height:13px;display:grid}.search-dock-handle:active{cursor:grabbing}.search-dock-handle span{background:#b8c7d6;border-radius:999px;width:34px;height:4px;transition:width .25s,background-color .25s,transform .25s;display:block}.search-dock.expanded{background:linear-gradient(145deg,#103d70 0%,#1769b7 100%);border-color:#ffffff24;box-shadow:0 12px 30px #10376033}.search-dock.expanded .search-dock-handle span{background:#ffffff9e;width:42px}.search-dock .top-search-bar{background:0 0;gap:9px;padding:4px 0 6px}.search-dock .top-search-bar input{border:1px solid #e2eaf2;box-shadow:0 2px 8px #0f284414}.search-view-actions{flex:none;align-items:center;gap:7px;display:none}.search-dock.expanded .search-view-actions{animation:.22s both search-actions-in;display:flex}@keyframes search-actions-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.search-dock-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.2,.75,.25,1),opacity .24s;display:grid}.search-dock.expanded .search-dock-content{opacity:1;grid-template-rows:1fr}.search-dock .search-dropdown{scrollbar-width:thin;scrollbar-color:#b7c8d9 transparent;background:#fffffffa;border:0;border-radius:15px;min-height:0;max-height:min(52svh,420px);margin:0;overflow:hidden auto;box-shadow:0 3px 14px #0d243d1f}.search-dock .search-option{border-bottom-color:#eaf0f5;min-height:52px;padding:10px 13px}.search-dock .search-option:hover,.search-dock .search-option:focus-visible{background:#f0f6fc}.search-dock .search-option-main{gap:3px}.search-dock .search-option-main span{font-size:12px}.search-dock .search-option-main small{font-size:10px}.search-empty{color:#697d91;margin:0;padding:16px 14px;font-size:12px;line-height:1.5}.app-shell.theme-dark .search-dock.expanded{background:linear-gradient(145deg,#0f2d4f,#174b7d);border-color:#8baacd2e}.app-shell.theme-dark .search-dock .search-dropdown{background:#1a2735}.app-shell.theme-dark .search-dock .search-option{border-bottom-color:#2d3f51}.app-shell.theme-dark .search-dock .search-option-main span{color:#edf5ff}.app-shell.theme-dark .search-dock .search-empty{color:#a8b7cb}.app-shell.theme-dark .geojson-map{background:0 0}.app-shell.theme-dark .geojson-map-water{fill:#152735}.app-shell.theme-dark .geojson-area{stroke:#243a4a}.app-shell.theme-dark .geojson-area.high,.app-shell.theme-dark .geojson-marker.high{fill:#a95357}.app-shell.theme-dark .geojson-area.medium,.app-shell.theme-dark .geojson-marker.medium{fill:#a77b35}.app-shell.theme-dark .geojson-area.low,.app-shell.theme-dark .geojson-marker.low{fill:#438365}.app-shell.theme-dark .geojson-area.unrated{fill:#3a5060}.app-shell.theme-dark .geojson-area.focused{stroke:#9bd5e7}.app-shell.theme-dark .geojson-label{fill:#f0f6fb;stroke:#152735}.app-shell.theme-dark .geojson-label.focused,.app-shell.theme-dark .geojson-label:focus-visible{fill:#ffd28a}.app-shell.theme-dark .map-zoom-controls button{color:#edf5ff;background:#1c2d3c;border-color:#3b5266}.app-shell.theme-dark .geojson-map-key{background:#1a2a38}.app-shell.theme-dark .geojson-key-copy strong{color:#e5eef8}.app-shell.theme-dark .geojson-key-copy small{color:#adbdcc}.app-shell.theme-dark .barangay-disclosure{background:#1a2735e6;border-top-color:#304254}.app-shell.theme-dark .barangay-disclosure summary{color:#83d6d0}.app-shell.theme-dark .barangay-disclosure summary:focus-visible{outline-offset:-3px;border-radius:8px;outline:2px solid #78bfff}.app-shell.theme-dark .barangay-disclosure ul{background:#172432f5}.app-shell.theme-dark .barangay-disclosure li{border-top-color:#2a3b4a}.app-shell.theme-dark .barangay-focus-button{color:#dce7f1}.app-shell.theme-dark .barangay-focus-button small{color:#a7bacb}.app-shell.theme-dark .barangay-focus-button:hover span,.app-shell.theme-dark .barangay-focus-button:focus-visible span{color:#88c8ff}.app-shell.theme-dark .map-area-section{background:#152735}.app-shell.theme-dark .map-area-heading h2{color:#e5eef8}.app-shell.theme-dark .map-area-heading p{color:#a8b7cb}.app-shell.theme-dark .map-area-heading{background:linear-gradient(#152735f5,#152735c2)}@media (width<=600px){.search-dock{margin:6px 10px 0}.search-dock.expanded{margin-bottom:5px}}.map-screen{isolation:isolate;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.map-screen .map-scroll-area{z-index:0;flex:auto;width:100%;height:auto;min-height:0;padding:0;position:relative;overflow:hidden}.map-screen .map-area-list{width:100%;height:100%;padding:0;display:block}.map-screen .map-area-section{background:#e6f0f2;border:0;width:100%;height:100%;min-height:100%}.map-screen .geojson-map-frame{position:absolute;inset:0}.map-screen .geojson-map{width:100%;height:100%;min-height:100%}.map-screen .map-area-heading{z-index:1;-webkit-backdrop-filter:blur(12px);background:#f7fbfdd4;border:1px solid #d3e2ebc7;border-radius:15px;padding:12px 14px;position:absolute;top:100px;left:14px;right:14px;box-shadow:0 6px 20px #14324b1a}.map-screen .map-zoom-controls{z-index:2;top:172px;right:16px}.map-screen .barangay-disclosure{z-index:2;right:12px;bottom:calc(100px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #d3e2ebc7;border-radius:16px;max-height:min(38svh,300px);margin:0;position:absolute;left:12px;overflow:hidden;box-shadow:0 10px 28px #142f4d24}.map-screen .barangay-disclosure summary{min-height:42px;padding:12px 14px}.map-screen .barangay-disclosure ul{max-height:min(30svh,240px)}.app-shell.theme-dark .map-screen .map-area-section{background:#152735}.app-shell.theme-dark .map-screen .map-area-heading{background:#152735d6;border-color:#708fb038;box-shadow:0 6px 20px #0000002e}.app-shell.theme-dark .map-screen .barangay-disclosure{background:#1a2735e6;border-color:#708fb03d}.map-screen .search-dock{z-index:5;-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#103d70f5,#1769b7f5);border-color:#ffffff2e;flex:none;margin:0;position:relative;box-shadow:0 8px 24px #10376033}.map-screen .search-dock.expanded{background:linear-gradient(145deg,#103d70fa,#1769b7fa)}.selection-skeleton-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.selection-list:not(.city-grid) .selection-skeleton-list{grid-template-columns:1fr}.selection-skeleton{background:#edf2f7;border:1px solid #e0e8f0;border-radius:13px;min-width:0;min-height:52px;position:relative;overflow:hidden}.selection-skeleton span,.search-skeleton span{background:#8799ad2e;border-radius:999px;height:8px;display:block}.selection-skeleton span{width:58%;margin:21px 14px}.selection-skeleton:nth-child(3n+2) span{width:72%}.selection-skeleton:after,.search-skeleton:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffffb3 50%,#0000 70%);animation:1.35s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.city-grid .selection-skeleton-list{grid-column:1/-1}.search-skeleton-list{position:relative;overflow:hidden}.search-skeleton{border-bottom:1px solid #eaf0f5;flex-direction:column;justify-content:center;gap:8px;min-height:52px;padding:8px 13px;display:flex;position:relative;overflow:hidden}.search-skeleton span:first-child{width:48%}.search-skeleton span:last-child{width:28%;height:6px}.search-dock .search-option{animation:.42s cubic-bezier(.2,.75,.25,1) both search-result-wipe;animation-delay:calc(var(--result-index,0) * 35ms);position:relative;overflow:hidden}.search-dock .search-option:after{content:"";pointer-events:none;animation:.65s ease-out both result-shimmer;animation-delay:calc(var(--result-index,0) * 35ms);background:linear-gradient(105deg,#0000 32%,#ffffff94 50%,#0000 68%);position:absolute;inset:0;transform:translate(-110%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@keyframes search-result-wipe{0%{opacity:0;clip-path:inset(0 100% 0 0 round 8px)}to{opacity:1;clip-path:inset(0 round 8px)}}@keyframes result-shimmer{to{transform:translate(110%)}}.app-shell.theme-dark .selection-skeleton{background:#1a2735;border-color:#304254}.app-shell.theme-dark .selection-skeleton span,.app-shell.theme-dark .search-skeleton span{background:#a9bdd133}.app-shell.theme-dark .selection-skeleton:after,.app-shell.theme-dark .search-skeleton:after,.app-shell.theme-dark .search-dock .search-option:after{background:linear-gradient(105deg,#0000 30%,#b7d3ec29 50%,#0000 70%)}.app-shell.theme-dark .search-skeleton{border-bottom-color:#2d3f51}@media (prefers-reduced-motion:reduce){.selection-skeleton:after,.search-skeleton:after,.search-dock .search-option,.search-dock .search-option:after{animation:none}}@media (width<=600px){.map-screen .map-area-heading{top:92px;left:12px;right:12px}.map-screen .map-zoom-controls{top:160px;right:14px}.map-screen .barangay-disclosure{right:10px;bottom:calc(100px + env(safe-area-inset-bottom));left:10px}.map-screen .search-dock{margin:0}}.app-shell .phone-screen.map-screen{isolation:isolate;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.app-shell .phone-screen.map-screen>.statusbar{display:none}.app-shell .phone-screen.map-screen .search-dock,.app-shell .phone-screen.map-screen .search-dock.expanded{z-index:30;box-sizing:border-box;flex:none;width:100%;margin:0;position:relative;inset:auto}.app-shell .phone-screen.map-screen .map-scroll-area{z-index:0;box-sizing:border-box;flex:auto;width:100%;height:auto;min-height:0;position:relative;inset:auto}.app-shell .phone-screen.map-screen .map-area-list{flex-direction:column;width:100%;height:auto;min-height:0;display:flex}.app-shell .phone-screen.map-screen .map-area-section{flex-direction:column;width:100%;height:auto;min-height:clamp(420px,62svh,640px);display:flex;position:relative}.app-shell .phone-screen.map-screen .geojson-map-frame{position:absolute;inset:0}.app-shell .phone-screen.map-screen .map-area-heading{z-index:2;flex:none;position:relative;inset:auto}.app-shell .phone-screen.map-screen .barangay-disclosure{z-index:3;flex:none;margin-top:auto;position:relative;inset:auto}.app-shell .phone-screen.map-screen .map-zoom-controls{z-index:3;position:absolute;inset:92px 12px auto auto}.app-shell .phone-screen.map-screen .bottom-nav{z-index:40;box-sizing:border-box;flex:none;width:100%;margin:auto 0 0;position:relative;inset:auto}.app-shell .phone-screen.alerts-screen .bottom-nav,.app-shell .phone-screen.command-screen .bottom-nav{box-sizing:border-box;flex:none;width:100%;margin:auto 0 0;position:sticky;inset:auto 0 0}.app-shell .phone-screen.settings-screen{isolation:isolate;flex-direction:column;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.app-shell .phone-screen.settings-screen>.statusbar{display:none}.app-shell .phone-screen.settings-screen .settings-scroll{box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:auto;width:100%;min-height:0;padding:0 0 20px;display:block;overflow:hidden auto}.app-shell .phone-screen.settings-screen .bottom-nav{z-index:40;box-sizing:border-box;flex:none;width:100%;margin:auto 0 0;position:relative;inset:auto}.app-shell .map-screen .map-fullscreen-surface{flex:auto;width:100%;min-height:0;position:relative}.app-shell .map-screen .map-fullscreen-surface .free-map-frame,.app-shell .map-screen .map-fullscreen-surface .free-map-canvas{border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.app-shell .phone-screen.map-screen .search-dock,.app-shell .phone-screen.map-screen .search-dock.expanded{border-radius:18px;width:auto;max-height:calc(100% - 120px);position:absolute;inset:12px 12px auto;overflow-y:auto}.app-shell .map-screen .free-map-error{z-index:1;position:absolute;inset:110px 16px auto}.app-shell .phone-screen.map-screen>section.search-dock,.app-shell .phone-screen.map-screen>section.search-dock.expanded{border-top:0;border-left:0;border-right:0;border-radius:0 0 18px 18px;flex-direction:column;flex:none;order:-1;width:100%;min-height:0;margin:0;padding:8px 14px 12px;display:flex;position:relative;inset:auto;overflow:hidden}.app-shell .phone-screen.map-screen>section.search-dock .search-dock-handle,.app-shell .phone-screen.map-screen>section.search-dock .top-search-bar{flex:none}.app-shell .phone-screen.map-screen>section.search-dock .search-dock-content{opacity:1;min-height:0;display:none;position:static;inset:auto}.app-shell .phone-screen.map-screen>section.search-dock.expanded .search-dock-content{overscroll-behavior:contain;display:block;overflow-y:auto}.app-shell .phone-screen.map-screen>section.search-dock .search-dropdown{max-height:min(42dvh,320px);margin-top:8px;overflow:hidden auto}.app-shell .phone-screen.map-screen>.map-fullscreen-surface{width:100%;height:100%;margin:0;position:absolute;inset:0}.app-shell .phone-screen.map-screen>section.search-dock,.app-shell .phone-screen.map-screen>section.search-dock.expanded{z-index:30;position:absolute;inset:0 0 auto}.app-shell .phone-screen.map-screen>.bottom-nav{z-index:40;margin:0;position:absolute;inset:auto 0 0}.location-barangay-panel{z-index:20;right:12px;bottom:calc(108px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:18px;position:absolute;left:12px;overflow:hidden;box-shadow:0 8px 24px #0f1f3329}.location-barangay-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}.location-barangay-panel summary::-webkit-details-marker{display:none}.location-barangay-panel summary>span:last-child{transition:transform .2s}.location-barangay-panel[open] summary>span:last-child{transform:rotate(180deg)}.location-barangay-panel strong{font-size:13px;display:block}.location-barangay-panel small{color:var(--muted);font-size:11px;display:block}.location-barangay-panel ul{overscroll-behavior:contain;max-height:min(35dvh,280px);margin:0;padding:0;list-style:none;overflow-y:auto}.location-barangay-panel li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.location-barangay-panel li>span{min-width:0}.location-barangay-panel button{color:#fff;cursor:pointer;background:#1d6fe8;border:0;border-radius:12px;flex-shrink:0;min-height:40px;padding:8px 14px;font-size:12px;font-weight:700}.app-shell .phone-screen,.app-shell .phone-screen *{scrollbar-width:none}.app-shell .phone-screen::-webkit-scrollbar{display:none}.app-shell .phone-screen ::-webkit-scrollbar{display:none}.app-shell .map-screen .maplibregl-ctrl-bottom-right{bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:21}.map-flood-legend{z-index:10;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;flex-direction:column;gap:4px;padding:10px 14px;display:flex;position:absolute;top:108px;left:12px;right:12px;box-shadow:0 4px 14px #0f1f331f}.map-flood-legend strong{font-size:12px}.map-flood-legend{pointer-events:auto;display:block}.alert-details-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;touch-action:none;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.alert-details-toggle:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #60a5fa}.alert-details-chevron{transition:transform .28s}.is-expanded .alert-details-chevron{transform:rotate(180deg)}.alert-details-collapse{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .28s,opacity .22s;display:grid}.is-expanded .alert-details-collapse{opacity:1;grid-template-rows:1fr}.alert-details-content{min-height:0;overflow:hidden}.alert-details-content>*{margin-top:6px}@media (prefers-reduced-motion:reduce){.alert-details-collapse,.alert-details-chevron{transition:none}}.map-flood-legend small{display:block}.map-flood-legend span{align-items:center;gap:6px;font-size:11px;display:flex}.map-flood-legend small{color:var(--muted);font-size:10px}.map-flood-legend i{border-radius:50%;width:9px;height:9px}.flood-high{background:#dc2626}.flood-medium{background:#f59e0b}.flood-low{background:#16a34a}.flood-map-popup{color:#0f1f33;font-size:12px}.flood-map-popup p{white-space:pre-wrap;max-height:180px;overflow-y:auto}.location-picker{padding:20px}.location-picker label,.nationwide-controls label{margin:8px 0;display:block}.location-picker input,.location-picker select,.nationwide-controls input,.nationwide-controls select{width:100%;color:inherit;background:var(--card-bg,white);border:1px solid #94a3b8;border-radius:8px;padding:10px}.location-results{gap:6px;max-height:240px;display:grid;overflow:auto}.location-results button{text-align:left;padding:12px}.location-results small{display:block}.nationwide-screen{flex-direction:column;display:flex;overflow:hidden}.nationwide-controls{flex:0 auto;max-height:300px;padding:14px;overflow:auto}.nationwide-canvas{flex:340px;min-height:200px}.nationwide-report-list{flex:0 0 150px;height:150px;padding:12px;overflow:auto}.nationwide-report-list article{border-top:1px solid #94a3b8;padding:8px 0}.nationwide-nav{flex:0 0 48px;justify-content:space-around;padding:12px;display:flex}.app-shell .nationwide-screen{background:var(--bg,#edf3f9)}.nationwide-screen .nationwide-controls{background:var(--card,#fff);z-index:2;flex:none;max-height:48%;padding:0 16px 12px;overflow-y:auto;box-shadow:0 4px 18px #12335412}.nationwide-heading{color:#fff;background:linear-gradient(125deg,#0d3e6e,#1769b8);justify-content:space-between;align-items:center;margin:0 -16px 12px;padding:20px 20px 16px;display:flex}.nationwide-heading small{color:#c9e1fa;letter-spacing:1.5px;font-size:10px;font-weight:700}.nationwide-heading h2{margin:5px 0 3px;font-size:25px}.nationwide-heading p{color:#dfedfb;margin:0;font-size:12px}.nationwide-controls label{font-size:12px;font-weight:600}.nationwide-controls input:not([type=checkbox]),.nationwide-controls select{border:1px solid var(--line,#dbe4ee);background:var(--card,#f5f8fc);min-height:42px;font:inherit;border-radius:12px;margin-top:5px;font-size:13px}.nationwide-controls button{border:1px solid var(--line,#dbe4ee);background:var(--card,#f1f6fc);color:var(--ink,#174c80);font:inherit;cursor:pointer;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:600}.nationwide-controls button:disabled{opacity:.45;cursor:default}.nationwide-controls .map-filter-toggle{justify-content:space-between;width:100%;margin-top:8px;display:flex}.nationwide-filter-panel>button{margin:4px 6px 4px 0}.nationwide-controls .severity-filter,.nationwide-controls .map-location-filter{border:1px solid var(--line,#dbe4ee);background:var(--card,#f5f8fc);color:var(--ink,#18314d);border-radius:12px;margin:8px 0}.map-location-filter>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:7px 11px;font-size:12px;list-style:none;display:flex}.map-location-filter>summary::-webkit-details-marker{display:none}.map-location-filter>summary>span:first-child{font-weight:700}.map-location-filter>summary strong{color:var(--ink,#18314d);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600;overflow:hidden}.map-location-filter .map-location-chevron{color:var(--muted,#60748a);flex-shrink:0;font-size:17px;line-height:1}.map-location-filter[open] .map-location-chevron{transform:rotate(180deg)}.map-location-options{gap:3px;max-height:190px;padding:0 5px 5px;display:grid;overflow-y:auto}.nationwide-controls .map-location-options button{width:100%;min-height:34px;color:var(--ink,#18314d);text-align:left;background:0 0;border:0;border-radius:8px;margin:0;padding:7px 9px}.nationwide-controls .map-location-options button:hover,.nationwide-controls .map-location-options button.selected{color:#175bb1;background:#e4efff}.severity-filter>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:7px 11px;font-size:12px;list-style:none;display:flex}.severity-filter>summary::-webkit-details-marker{display:none}.severity-filter>summary>span:first-child{font-weight:700}.severity-filter>summary strong{text-transform:capitalize;margin-left:auto;font-size:12px;font-weight:600}.severity-filter .severity-chevron{color:var(--muted,#60748a);font-size:17px;line-height:1}.severity-filter[open] .severity-chevron{transform:rotate(180deg)}.severity-options{gap:3px;padding:0 5px 5px;display:grid}.nationwide-controls .severity-options button{width:100%;min-height:34px;color:var(--ink,#18314d);text-align:left;text-transform:capitalize;background:0 0;border:0;border-radius:8px;margin:0;padding:7px 9px}.nationwide-controls .severity-options button:hover,.nationwide-controls .severity-options button.selected{color:#175bb1;background:#e4efff}.nationwide-screen .nationwide-report-list article time{color:var(--muted,#60748a);margin-top:3px;font-size:10px;display:block}.nationwide-filter-panel label:has(input[type=checkbox]){align-items:center;gap:8px;line-height:1.5;display:flex}.nationwide-controls input[type=checkbox]{accent-color:#1769b8;flex-shrink:0;width:17px;height:17px;margin:0}.nationwide-filter-panel small{color:var(--muted,#60748a);font-size:11px;line-height:1.5;display:block}.nationwide-screen .nationwide-canvas{flex:auto;min-height:140px}.nationwide-screen .nationwide-report-list{border:1px solid var(--line,#dbe4ee);background:var(--card,#fff);border-radius:14px;flex:0 100px;height:100px;min-height:64px;margin:10px 14px 6px;padding:10px 13px;font-size:12px;line-height:1.6}.nationwide-report-list p{margin:0}.app-shell .nationwide-screen>.nationwide-nav{flex:none;grid-template-columns:repeat(4,1fr);margin:0 12px 12px;padding:7px;display:grid;position:relative;inset:auto}.password-peek-wrap{flex:1;align-items:center;width:100%;min-width:0;display:flex;position:relative}.password-peek-wrap>input{width:100%;padding-right:46px!important}.password-peek-wrap>.password-peek{width:38px;height:38px;color:var(--muted,#61768c);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-peek:focus-visible{outline:2px solid #1769b8}.app-shell .phone-screen.nationwide-screen>.nationwide-canvas{width:100%;height:100%;min-height:0;position:absolute;inset:0}.app-shell .phone-screen.nationwide-screen>section.nationwide-controls{max-height:65%;box-shadow:none;background:linear-gradient(125deg,#081d35,#1a528e);border-radius:0 0 20px 20px;padding:0 14px 12px;overflow-y:auto}.nationwide-controls .search-dock-handle{background:0 0;border:0;place-items:center;width:100%;padding:12px 0 13px;display:grid}.nationwide-controls .search-dock-handle span{background:#fff5;border-radius:10px;width:38px;height:4px}.nationwide-controls .top-search-bar{margin:0;padding:0;display:block}.nationwide-controls .search-input-wrap{width:100%}.nationwide-controls .search-input-wrap>input{color:#fff;background:linear-gradient(110deg,#ffffff18,#2b77c777);border:1px solid #fff5;border-radius:24px;min-height:46px;margin:0;padding:12px 18px 12px 44px;font-size:14px}.nationwide-controls .search-input-wrap>input::placeholder,.nationwide-controls .search-icon{color:#c7d8ec}.nationwide-controls .nationwide-filter-panel{background:var(--card,#fff);color:var(--ink,#18314d);border-radius:14px;margin-top:12px;padding:10px}.nationwide-location-panel{z-index:20;background:var(--card,#fff);color:var(--ink,#18314d);border:1px solid var(--line,#dbe4ee);border-radius:18px;position:absolute;bottom:102px;left:12px;right:12px;overflow:hidden;box-shadow:0 8px 24px #18314d20}.nationwide-location-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;list-style:none;display:flex}.nationwide-location-panel>summary::-webkit-details-marker{display:none}.nationwide-location-panel strong{font-size:13px}.nationwide-location-panel summary small{color:var(--muted,#73849a);margin-top:4px;font-size:11px;display:block}.nationwide-location-panel[open] .panel-chevron{transform:rotate(180deg)}.nationwide-screen .nationwide-location-panel .nationwide-report-list{border:0;border-top:1px solid var(--line,#dbe4ee);border-radius:0;height:auto;max-height:26dvh;margin:0;padding:12px 16px}.app-shell .phone-screen.nationwide-screen>.nationwide-nav{border-radius:22px 22px 0 0;margin:0;padding:10px 12px 14px;position:absolute;inset:auto 0 0}.nationwide-screen .maplibregl-ctrl-bottom-right,.nationwide-screen .maplibregl-ctrl-bottom-left{bottom:88px}.input-wrap>.field-icon{z-index:2;pointer-events:none}.input-wrap .password-peek-wrap{display:block}.app-shell .phone-screen.preferences-screen{background:var(--app-canvas,#edf3f9);overflow:hidden}.preferences-screen .location-picker{height:100%;min-height:0;color:var(--app-ink,#152d46);flex-direction:column;padding:0;display:flex}.preferences-header{color:#fff;background:linear-gradient(120deg,#0c355f,#1769c4);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 20px 20px;display:flex}.preferences-header small{color:#cce0f9;letter-spacing:1.3px;font-size:10px;font-weight:700}.preferences-header h2{letter-spacing:-.6px;margin:7px 0 6px;font-size:23px;line-height:1.2}.preferences-header p{color:#dbeafd;margin:0;font-size:12px;line-height:1.5}.preferences-header-icon{background:#ffffff18;border-radius:15px;flex-shrink:0;place-items:center;width:44px;height:44px;margin-left:10px;display:grid}.preferences-body{scrollbar-width:thin;scrollbar-color:#afc3da transparent;flex:1;min-height:0;padding:16px;overflow-y:auto}.preferences-explainer{color:#315b87;background:#e7f0fb;border:1px solid #cfe0f4;border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:16px;padding:12px;display:flex}.preferences-explainer svg{flex-shrink:0;margin-top:2px}.preferences-explainer p{margin:0;font-size:12px;line-height:1.6}.preferences-filters{grid-template-columns:1fr 1fr;gap:10px;display:grid}.location-picker .preferences-body label{color:var(--muted,#5f748d);margin:0 0 14px;font-size:11px;font-weight:700;line-height:1.5;display:block}.location-picker .preferences-body select,.location-picker .preferences-body input{border:1px solid var(--line,#d6e1ec);width:100%;min-width:0;min-height:44px;font:inherit;color:var(--app-ink,#18314c);background:var(--card,#fff);border-radius:12px;margin-top:6px;padding:10px 12px;font-size:12px;font-weight:500;display:block}.location-picker select:focus,.location-picker input:focus{outline-offset:1px;outline:2px solid #2678d5}.preferences-search{display:block;position:relative}.preferences-search svg{color:#7b91a9;pointer-events:none;position:absolute;top:14px;left:13px}.location-picker .preferences-search input{padding-left:40px}.preferences-section-title{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 10px;display:flex}.preferences-section-title h3{margin:0;font-size:13px;font-weight:750}.preferences-section-title>small{color:var(--muted,#70849c);font-size:11px}.selection-count{color:#7f5b1c;background:#fff1ce;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.selection-count.complete{color:#287251;background:#e2f2ea}.preferred-location-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.preferred-location-list li{background:var(--card,#fff);border:1px solid #c8dcf3;border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex}.preferred-location-list li>svg{color:#2674c5;flex-shrink:0}.preferred-location-list li>span{flex:1;min-width:0}.preferred-location-list strong,.location-picker .location-results strong{font-size:12px;font-weight:650;line-height:1.5;display:block}.preferred-location-list small,.location-picker .location-results small{color:var(--muted,#74869c);margin-top:3px;font-size:10px;font-weight:400;display:block}.preferred-location-list button{color:#2765a2;font:inherit;cursor:pointer;background:#edf4fc;border:0;border-radius:8px;flex-shrink:0;padding:8px;font-size:10px;font-weight:600}.location-picker .location-results{gap:8px;max-height:none;overflow:visible}.location-picker .location-results button{border:1px solid var(--line,#dbe4ee);background:var(--card,#fff);width:100%;color:var(--app-ink,#18314c);font:inherit;text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex}.location-picker .location-results button>svg{color:#7b91aa;flex-shrink:0}.location-picker .location-results button>span:not(.location-add-mark){flex:1}.location-add-mark{color:#2674c5;background:#eaf2fc;border-radius:9px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:20px;display:grid}.location-picker .location-results button:disabled{opacity:.55;cursor:default}.location-picker button:focus-visible{outline-offset:2px;outline:2px solid #2678d5}.preferences-empty,.preferences-result-hint,.preferences-catalogue-note{color:var(--muted,#71849a);font-size:11px;line-height:1.6}.preferences-catalogue-note{background:#e4ebf3;border-radius:10px;padding:10px 12px}.preferences-footer{border-top:1px solid var(--line,#dbe4ee);background:var(--card,#fff);flex-shrink:0;padding:12px 16px 16px;box-shadow:0 -5px 18px #16334f08}.preferences-save-hint{color:var(--muted,#71849a);text-align:center;margin:0 0 10px;font-size:11px}.preferences-actions{gap:10px;display:flex}.preferences-actions>.primary-button{background:linear-gradient(110deg,#2381d7,#175cb2);flex:1;width:auto;min-height:46px;margin:0;padding:12px;font-size:13px;box-shadow:0 6px 12px #1769b822}.preferences-actions>.primary-button:disabled{opacity:.5;box-shadow:none;cursor:default}.preferences-cancel{border:1px solid var(--line,#dbe4ee);min-width:86px;color:var(--app-ink,#355777);background:var(--card,#f3f6fb);font:inherit;cursor:pointer;border-radius:24px;padding:12px 18px;font-size:13px;font-weight:600}.preferences-signout{color:var(--muted,#71849a);font:inherit;cursor:pointer;background:0 0;border:0;margin:10px auto 0;font-size:11px;display:block}.location-settings-form .manage-preferences-button{text-align:left;width:100%;color:var(--app-ink,#18314c);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.manage-preferences-icon{color:#226bc2;background:#e8f1fc;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.manage-preferences-button>span:nth-child(2){flex:1}.manage-preferences-button strong{font-size:12px;font-weight:650;display:block}.manage-preferences-button small{color:var(--muted,#71849a);margin-top:5px;font-size:10px;display:block}.manage-preferences-button>span:last-child{color:#7e94ad;font-size:24px}.app-shell.theme-dark .preferences-explainer{color:#c9ddf5;background:#173451;border-color:#275174}.app-shell.theme-dark .preferences-catalogue-note{background:#19334a}