@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-ext-wght-normal-DH1q_yQ5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-wght-normal-Bi3VDbYN.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#153346;font-synthesis:none;--navy:#123b59;--deep:#082d47;--blue:#087ca7;--cyan:#13a8c7;--line:#d9e4e9;--muted:#607786;--white:#fff;--normal:#16805a;--watch:#b96d00;--warning:#d95700;--emergency:#bd2d36;background:#f3f7f8;font-family:Noto Sans Thai Variable,system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3f7f8;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{transition:all .2s}button{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;background:#fff;border-radius:8px;padding:12px 18px;position:fixed;top:-60px;left:16px;box-shadow:0 3px 20px #0003}.skip-link:focus{top:12px}.page-width{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);z-index:1000;background:#fff;height:76px;position:sticky;top:0}.header-inner{align-items:center;gap:28px;width:min(1240px,100% - 32px);height:100%;margin:auto;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;margin-right:auto;display:flex}.brand-mark{background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem;line-height:1.25}.brand small{letter-spacing:.12em;color:var(--muted);font-size:.63rem}.main-nav{align-items:center;gap:4px;display:flex}.main-nav a,.admin-link{border-radius:8px;align-items:center;gap:6px;padding:10px 12px;font-size:.9rem;font-weight:600;display:flex}.main-nav a:hover,.main-nav a.active{color:var(--blue);background:#eaf7fa}.admin-link{background:var(--navy);color:#fff}.admin-link:hover{background:var(--deep)}.menu-button{background:0 0;border:0;display:none}.demo-banner{color:#674800;text-align:center;background:#fff1c7;border-bottom:1px solid #edd781;justify-content:center;align-items:center;gap:14px;min-height:38px;padding:7px 20px;font-size:.86rem;display:flex}.demo-banner strong{letter-spacing:.01em}.demo-banner span{opacity:.8}.hero{color:#fff;background:linear-gradient(120deg,#092f4a 0%,#115878 62%,#0c748b 100%);padding:58px 0 74px;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:420px;height:420px;position:absolute;top:-220px;right:-90px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.hero-grid{z-index:1;grid-template-columns:1.35fr .75fr;align-items:center;gap:70px;display:grid;position:relative}.hero-kicker,.page-intro span{color:#9ce9f3;letter-spacing:.1em;align-items:center;gap:8px;font-size:.78rem;font-weight:750;display:flex}.hero h1{letter-spacing:-.03em;margin:14px 0 5px;font-size:clamp(2.15rem,5vw,3.75rem);line-height:1.18}.hero h1 em{color:#78dae6;font-style:normal}.hero-copy>p{color:#c4dce7;letter-spacing:.05em;margin:0 0 24px;font-size:1.08rem}.updated{color:var(--muted);align-items:center;gap:6px;font-size:.78rem;font-weight:500;display:inline-flex}.hero .updated{color:#cce4ec}.province-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff10;border:1px solid #ffffff2b;border-radius:18px;padding:28px}.province-status>span:first-child{color:#c9e2eb;font-size:.78rem}.province-status .severity{margin:10px 0}.province-status>p{color:#c9dce5;font-size:.87rem}.trust-line{color:#d7e9ef;border-top:1px solid #ffffff25;align-items:center;gap:8px;padding-top:14px;font-size:.78rem;display:flex}.trust-line svg{width:17px}.severity{white-space:nowrap;border-radius:100px;align-items:center;gap:7px;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.severity svg{width:16px}.severity.normal{color:#096b48;background:#e1f5ed}.severity.watch{color:#835100;background:#fff1c9}.severity.warning{color:#9e3e00;background:#ffe5d1}.severity.emergency{color:#9d2028;background:#ffe0e2}.severity.unknown{color:#4b6574;background:#e7edf0}.severity.large{padding:10px 16px;font-size:1.25rem}.province-status .severity.large{color:var(--navy);background:#fff;font-size:1.45rem}.dashboard{z-index:2;margin-top:-30px;padding-bottom:70px;position:relative}.quick-stats{background:#fff;border-radius:15px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden;box-shadow:0 10px 35px #0a385315}.quick-stats>div{border-right:1px solid var(--line);min-height:104px;padding:22px 22px 18px 70px;position:relative}.quick-stats>div:last-child{border:0}.quick-stats p{color:var(--muted);margin:0;font-size:.8rem}.quick-stats strong{color:var(--navy);margin-top:4px;font-size:1.8rem;display:inline-block}.quick-stats small{color:var(--muted);margin-left:5px}.stat-icon{border-radius:10px;place-items:center;width:37px;height:37px;display:grid;position:absolute;top:26px;left:20px}.stat-icon svg{width:20px}.stat-icon.red{color:#b62932;background:#fee9ea}.stat-icon.blue{color:#087ca7;background:#e4f5f9}.stat-icon.cyan{color:#048099;background:#e1f7fa}.stat-icon.navy{color:#173f5b;background:#e7eef3}.section-block{padding-top:52px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.section-heading span,.chart-head>div>span{letter-spacing:.14em;color:var(--blue);font-size:.68rem;font-weight:800}.section-heading h2,.chart-head h2{color:var(--navy);margin:3px 0 0;font-size:1.52rem;line-height:1.25}.text-link{color:var(--blue);align-items:center;gap:5px;font-size:.84rem;font-weight:700;display:flex}.text-link svg{width:15px}.alert-strip-list{gap:10px;display:grid}.alert-strip{background:#fff;border-left:4px solid #d19313;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:17px;display:grid;box-shadow:0 2px 10px #0a38530d}.alert-strip.emergency{border-color:var(--emergency)}.alert-strip.warning{border-color:var(--warning)}.alert-strip p{color:#405d6d;margin:3px 0;font-size:.88rem}.alert-strip div span{color:var(--muted);font-size:.74rem}.alert-strip>svg{width:18px;color:var(--muted)}.district-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.district-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px}.district-card-top{justify-content:space-between;align-items:start;gap:14px;display:flex}.code{letter-spacing:.1em;color:var(--blue);font-size:.64rem;font-weight:750}.district-card h3{color:var(--navy);margin:3px 0 0;font-size:1.2rem}.district-card-top p{color:var(--muted);margin:0;font-size:.74rem}.district-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.district-metrics>div{background:#f3f7f8;border-radius:8px;grid-template-columns:auto 1fr;gap:0 8px;padding:11px;display:grid}.district-metrics svg{width:19px;color:var(--blue);grid-row:1/3}.district-metrics span{color:var(--muted);font-size:.68rem}.district-metrics strong{font-size:.82rem}.risk-reason{color:#466272;min-height:40px;font-size:.81rem}.card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:13px;display:flex}.card-footer a{color:var(--blue);align-items:center;gap:4px;font-size:.78rem;font-weight:750;display:flex}.split-section{grid-template-columns:1fr 340px;gap:18px;display:grid}.map-wrap{border:1px solid var(--line);background:#dce9ed;border-radius:13px;height:570px;position:relative;overflow:hidden}.map-wrap.preview{height:390px}.leaflet-container{width:100%;height:100%;font-family:inherit}.map-legend{z-index:500;background:#fff;border-radius:8px;grid-template-columns:repeat(3,auto);gap:7px 13px;padding:10px 13px;font-size:.7rem;display:grid;position:absolute;bottom:18px;left:18px;box-shadow:0 4px 18px #0a2d3f33}.map-legend strong{grid-column:1/-1}.map-legend span{align-items:center;gap:5px;display:flex}.dot{background:#64748b;border-radius:50%;width:9px;height:9px}.dot.verified{background:var(--normal)}.dot.unverified{background:#c77b00}.map-popup{flex-direction:column;gap:4px;min-width:210px;display:flex}.map-popup b{color:var(--navy);font-size:1.25rem}.map-popup a{color:var(--blue);margin-top:5px;font-weight:700}.station-list{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:44px;padding:20px}.station-list h3{color:var(--navy);gap:8px;margin:0 0 10px;display:flex}.station-list>a{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 0;display:grid}.station-list small,.station-list strong{display:block}.station-list small{color:var(--muted);font-size:.7rem}.station-symbol{width:34px;height:34px;color:var(--blue);background:#e5f4f7;border-radius:50%;place-items:center;display:grid}.station-symbol svg{width:17px}.station-list b{font-size:.85rem}.dual-data{grid-template-columns:1fr 1fr;gap:16px;display:grid}.data-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.metric-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.metric-row div{flex-direction:column;align-items:start;gap:3px;display:flex}.metric-row>b{color:var(--navy);font-size:1rem}.quality{color:#667d89;align-items:center;gap:4px;font-size:.66rem;font-weight:650;display:inline-flex}.quality.current.verified{color:var(--normal)}.quality.stale,.quality.unverified{color:#9a6200}.quality.invalid{color:var(--emergency)}.source-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.source-grid>div{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:auto 1fr;gap:12px;padding:16px;display:grid}.source-grid>div>span{width:36px;height:36px;color:var(--blue);background:#e8f4f7;border-radius:8px;place-items:center;display:grid}.source-grid svg{width:18px}.source-grid p{color:var(--muted);margin:2px 0;font-size:.76rem}.source-grid small{font-size:.68rem}.source-grid .updated{grid-column:2}.empty{min-height:150px;color:var(--muted);border:1px dashed #b8cbd4;border-radius:10px;align-content:center;place-items:center;gap:6px;display:grid}.empty p{margin:0}.loading{min-height:300px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.loading span{border:3px solid #bdd4de;border-top-color:var(--blue);border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-intro{color:#fff;background:linear-gradient(110deg,#0b3854,#0d6d87);padding:42px 0}.page-intro h1{margin:6px 0 2px;font-size:2.2rem}.page-intro p{color:#c5e0e7;margin:0}.page-content{padding:38px 0 70px}.map-notice{color:#715100;background:#fff2c9;border:1px solid #ecd275;border-radius:9px;gap:12px;margin-bottom:14px;padding:12px 16px;display:flex}.map-notice span{font-size:.84rem}.station-table-wrap{margin-top:35px}.table-scroll{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;color:#3d5a6a;text-transform:none;letter-spacing:.03em;background:#edf3f5;font-size:.74rem}th,td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}td{font-size:.82rem}td small,td strong{display:block}td small{color:var(--muted);margin-top:3px}.toolbar{justify-content:flex-end;margin-bottom:18px;display:flex}.toolbar label{color:var(--muted);font-size:.8rem}select,input,textarea{color:var(--navy);background:#fff;border:1px solid #bdcfd7;border-radius:7px;padding:9px 11px}select:focus,input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #5bc2dd66}.rain-grid,.water-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.rain-card,.water-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.rain-card>div:first-child span,.water-head span{color:var(--blue);font-size:.7rem;font-weight:700}.rain-card h3,.water-head h3{color:var(--navy);margin:2px 0}.rain-main{text-align:center;background:linear-gradient(135deg,#effafd,#e9f3f8);border-radius:10px;margin:14px 0;padding:20px}.rain-main svg{color:var(--cyan)}.rain-main strong,.rain-main span{display:block}.rain-main strong{font-size:2rem}.rain-main span{color:var(--muted);font-size:.75rem}.rain-periods,.water-comparison{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rain-periods>div,.water-comparison>div{text-align:center;background:#f3f7f8;border-radius:7px;padding:9px}.rain-periods span,.water-comparison span{color:var(--muted);font-size:.67rem;display:block}.rain-periods b,.water-comparison b{font-size:.82rem}.water-head{justify-content:space-between;display:flex}.water-head>svg{color:var(--blue);width:32px;height:32px}.level{padding:18px 0}.level strong,.level span{display:block}.level strong{color:var(--navy);font-size:2.1rem}.level span{color:var(--muted);font-size:.74rem}.water-comparison{grid-template-columns:1fr 1fr}.trend-line{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.trend{align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.trend svg{width:16px}.trend.up{color:#ba4c1d}.trend.down{color:var(--normal)}.trend.stable{color:#526c7a}.trend.unknown{color:#7a8790}.detail-page{padding:35px 0 70px}.back-link{color:var(--blue);align-items:center;gap:6px;margin-bottom:22px;font-size:.82rem;font-weight:700;display:inline-flex}.back-link svg{width:16px}.detail-page>.district-card{max-width:760px}.simple-list{border:1px solid var(--line);background:#fff;border-radius:10px}.simple-list a{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.simple-list a:last-child{border:0}.simple-list svg{color:var(--blue)}.simple-list small{color:var(--muted);display:block}.station-hero{color:#fff;background:linear-gradient(120deg,#0b3854,#106e87);border-radius:15px;justify-content:space-between;gap:30px;padding:30px;display:flex}.station-hero h1{margin:5px 0;font-size:2rem}.station-hero p{color:#c8e0e8;align-items:center;gap:5px;display:flex}.station-hero .code{color:#76d3df}.station-latest{text-align:right}.station-latest>span,.station-latest>strong{display:block}.station-latest>strong{font-size:2.25rem}.station-latest .quality{background:#fff;border-radius:50px;padding:5px 8px}.station-info{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.station-info>div{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:auto 1fr;gap:0 10px;padding:15px;display:grid}.station-info svg{color:var(--blue);grid-row:1/3}.station-info span{color:var(--muted);font-size:.7rem}.station-info b{font-size:.8rem}.chart-panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:25px;padding:21px}.chart-head{justify-content:space-between;align-items:start;display:flex}.period-picker{background:#edf3f5;border-radius:8px;padding:3px;display:flex}.period-picker button{background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:.73rem}.period-picker button.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #16374817}.chart{height:330px;margin-top:25px}.alerts-list{gap:15px;display:grid}.alert-card{border:1px solid var(--line);background:#fff;border-left:5px solid #d19313;border-radius:10px;padding:21px}.alert-card.emergency{border-left-color:var(--emergency)}.alert-card.warning{border-left-color:var(--warning)}.alert-card-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.origin{border-radius:50px;padding:4px 8px;font-size:.68rem;font-weight:700}.origin.official{color:#096b48;background:#e1f5ed}.origin.demo{color:#795100;background:#fff0c3}.alert-card h2{color:var(--navy);margin:13px 0 4px}.alert-card>p{color:#496372;margin:0}.alert-meta{color:var(--muted);flex-wrap:wrap;gap:20px;margin:17px 0;font-size:.75rem;display:flex}.alert-meta span{align-items:center;gap:4px;display:flex}.alert-meta svg{width:15px}.alert-detail{background:#fff;border-top:7px solid #d19313;border-radius:13px;padding:35px;box-shadow:0 5px 25px #133f5712}.alert-detail.warning{border-color:var(--warning)}.alert-detail.emergency{border-color:var(--emergency)}.alert-detail h1{color:var(--navy);margin:10px 0;font-size:2.15rem}.alert-detail .lead{color:#405d6d;font-size:1.03rem}.alert-detail dl{grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0;display:grid}.alert-detail dl>div{background:#f2f6f8;border-radius:8px;padding:12px}.alert-detail dt{color:var(--muted);font-size:.7rem}.alert-detail dd{margin:3px 0 0;font-size:.82rem;font-weight:700}.instruction{background:#fff3d0;border:1px solid #efd990;border-radius:9px;gap:14px;padding:18px;display:flex}.instruction svg{color:#a76c00}.instruction strong{color:#684900}.instruction p{margin:3px 0}.source-box{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;display:flex}.source-box span,.source-box strong{display:block}.source-box span{color:var(--muted);font-size:.7rem}.source-box a{color:var(--blue);align-items:center;gap:5px;font-weight:700;display:flex}.source-box svg{width:16px}.not-found{text-align:center;padding:100px 20px}.not-found>strong{color:#b9d1db;font-size:5rem}.not-found h1{color:var(--navy)}.button{background:var(--blue);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 17px;font-weight:700;display:inline-flex}.button:hover{background:#056789}.admin-login{place-items:center;min-height:650px;padding:30px;display:grid}.login-card{text-align:center;background:#fff;border-radius:14px;width:min(440px,100%);padding:32px;box-shadow:0 14px 45px #0c38581c}.login-icon{width:60px;height:60px;color:var(--blue);background:#e3f3f7;border-radius:16px;place-items:center;margin:auto;display:grid}.login-card>span:nth-child(2){color:var(--blue);letter-spacing:.14em;margin-top:15px;font-size:.68rem;font-weight:800;display:block}.login-card h1{margin:4px}.login-card p{color:var(--muted);font-size:.85rem}.login-card form{text-align:left;gap:12px;margin-top:20px;display:grid}.login-card label,.admin-form label{gap:5px;font-size:.75rem;font-weight:650;display:grid}.form-error,.admin-error{color:#9d2028;background:#ffe9ea;border-radius:7px;padding:10px}.admin-shell{grid-template-columns:230px 1fr;min-height:700px;display:grid}.admin-sidebar{color:#fff;background:#0e344e;flex-direction:column;padding:25px 16px;display:flex}.admin-sidebar>div{border-bottom:1px solid #ffffff20;align-items:center;gap:10px;padding:0 8px 22px;display:flex}.admin-sidebar small,.admin-sidebar strong{display:block}.admin-sidebar small{letter-spacing:.12em;color:#8ec5d5;font-size:.6rem}.admin-sidebar nav{gap:4px;margin-top:18px;display:grid}.admin-sidebar button{color:#c9dce4;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:10px;display:flex}.admin-sidebar button:hover,.admin-sidebar button.active{color:#fff;background:#ffffff14}.admin-sidebar button svg{width:17px}.admin-sidebar .logout{border-top:1px solid #ffffff20;border-radius:0;margin-top:auto;padding-top:18px}.admin-main{width:min(1050px,100%);padding:30px}.admin-main>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:16px;display:flex}.admin-main header span{letter-spacing:.14em;color:var(--blue);font-size:.65rem;font-weight:800}.admin-main header h1{color:var(--navy);margin:2px 0}.admin-main header button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 12px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.admin-stats>div{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:auto 1fr;gap:0 12px;padding:19px;display:grid}.admin-stats svg{color:var(--blue);grid-row:1/3}.admin-stats span{color:var(--muted);font-size:.72rem}.admin-stats strong{font-size:1.6rem}.admin-callout{background:#e8f5f7;border:1px solid #bddde5;border-radius:10px;gap:12px;margin-top:18px;padding:18px;display:flex}.admin-callout svg{color:var(--blue)}.admin-callout p{margin:3px 0;font-size:.83rem}.admin-panel{border:1px solid var(--line);background:#fff;border-radius:11px;padding:22px}.admin-panel h2{color:var(--navy);align-items:center;gap:7px;margin-top:0;display:flex}.admin-form{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.admin-form label.wide{grid-column:1/-1}.admin-form textarea{resize:vertical;min-height:85px}.admin-form .check{grid-template-columns:auto 1fr;align-items:center;display:flex}.admin-form .check input{width:17px;height:17px}.admin-form .button{justify-self:start}.form-message{color:#126345;background:#e3f5ed;border-radius:7px;padding:9px}.form-hint{color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-size:.76rem}.admin-main>h2{color:var(--navy);margin-top:30px}.empty-admin{text-align:center;color:var(--muted);background:#fff;border:1px dashed #b7cad3;border-radius:9px;padding:28px}footer{color:#fff;background:#082d47;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;padding:32px max(20px,50% - 590px);display:grid}footer strong,footer span{display:block}footer span{color:#9cc0cd;font-size:.75rem}footer .footer-credit{color:#d7e8ee;margin-top:8px;line-height:1.5}footer p{color:#b8d0d9;margin:0;font-size:.76rem}footer a{color:#83d3e0;font-size:.75rem}@media (width<=900px){.main-nav{background:#fff;padding:10px 16px;display:none;position:absolute;top:75px;left:0;right:0;box-shadow:0 8px 20px #0b30441c}.main-nav.open,.menu-button{display:grid}.admin-link{display:none}.hero-grid{grid-template-columns:1fr;gap:30px}.quick-stats{grid-template-columns:repeat(2,1fr)}.quick-stats>div:nth-child(2){border-right:0}.quick-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.split-section{grid-template-columns:1fr}.station-list{margin-top:0}.source-grid,.alert-detail dl{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{padding:15px}.admin-sidebar nav{grid-template-columns:repeat(5,1fr);overflow:auto}.admin-sidebar nav button{white-space:nowrap}.admin-sidebar .logout{margin:10px 0 0}.admin-main{padding:22px}.admin-stats{grid-template-columns:1fr 1fr 1fr}}@media (width<=640px){.page-width{width:min(100% - 24px,1180px)}.site-header{height:66px}.header-inner{width:calc(100% - 22px)}.brand strong{font-size:.94rem}.brand-mark{width:38px;height:38px}.main-nav{top:65px}.demo-banner{font-size:.74rem;display:block}.demo-banner span{display:block}.hero{padding:40px 0 58px}.hero h1{font-size:2rem}.province-status{padding:20px}.dashboard{margin-top:-20px}.quick-stats>div{min-height:92px;padding:17px 12px 15px 52px}.stat-icon{top:22px;left:11px}.quick-stats strong{font-size:1.45rem}.district-grid,.dual-data,.rain-grid,.water-grid,.source-grid,.district-metrics{grid-template-columns:1fr}.section-block{padding-top:38px}.section-heading{align-items:center}.split-section{display:block}.map-wrap,.map-wrap.preview{height:430px}.map-legend{grid-template-columns:1fr;bottom:8px;left:8px}.station-list{margin-top:14px}.alert-strip{grid-template-columns:auto 1fr}.alert-strip>svg{display:none}.page-intro{padding:32px 0}.page-intro h1{font-size:1.75rem}.map-notice,.station-hero{display:block}.station-latest{text-align:left;margin-top:20px}.station-info{grid-template-columns:1fr}.chart-head{display:block}.period-picker{margin-top:12px;overflow:auto}.period-picker button{white-space:nowrap}.chart{height:260px}.alert-detail{padding:22px}.alert-detail h1{font-size:1.7rem}.alert-detail dl{grid-template-columns:1fr}.source-box{display:block}.source-box a{margin-top:12px}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-main{padding:16px}.admin-stats,.admin-form{grid-template-columns:1fr}.admin-form label.wide{grid-column:auto}footer{text-align:center;grid-template-columns:1fr}.rain-periods{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading span{animation:none}}.citizen-report-cta{background:linear-gradient(110deg,#e6f7fa,#f5fbfc);border:1px solid #b8dfe7;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:40px;padding:24px;display:grid}.citizen-report-cta>span{background:var(--blue);color:#fff;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.citizen-report-cta small{color:var(--blue);letter-spacing:.12em;font-size:.66rem;font-weight:800}.citizen-report-cta h2{color:var(--navy);margin:2px 0;font-size:1.25rem}.citizen-report-cta p{color:var(--muted);margin:0;font-size:.82rem}.report-page{padding:38px 0 70px}.report-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.report-form,.report-guidance,.report-success{border:1px solid var(--line);background:#fff;border-radius:13px;padding:26px}.form-title{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.form-title span{color:var(--blue);letter-spacing:.1em;font-size:.68rem;font-weight:800}.form-title h2{color:var(--navy);margin:2px 0}.form-title svg{color:var(--blue)}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{gap:5px;font-size:.76rem;font-weight:650;display:grid}.form-grid label>span[aria-hidden]{color:var(--emergency);margin-left:3px;display:inline}.form-grid label.wide{grid-column:1/-1}.form-grid textarea{resize:vertical;min-height:125px}.location-field{flex-direction:column;gap:6px;font-size:.76rem;font-weight:650;display:flex}.location-field button{color:var(--blue);background:#edf9fb;border:1px solid #9cc7d3;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:9px;display:flex}.location-field button svg{width:17px}.location-field small{color:var(--normal);align-items:center;gap:4px;display:flex}.location-field small svg{width:14px}.consent{background:#f2f7f8;border-radius:8px;align-items:start;gap:9px;padding:10px;display:grid;grid-template-columns:auto 1fr!important;font-weight:500!important}.consent span{color:#496372;font-size:.76rem;font-weight:500;line-height:1.55}.consent input{width:16px;height:16px;margin-top:2px}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.report-submit{width:100%;margin-top:18px}.report-guidance{position:sticky;top:100px}.report-guidance>svg{width:38px;height:38px;color:var(--blue)}.report-guidance h2{color:var(--navy)}.report-guidance ul{color:#496372;padding-left:20px;font-size:.82rem}.report-guidance li{margin-bottom:10px}.report-guidance>div{background:#edf7f9;border-radius:8px;padding:13px}.report-guidance strong,.report-guidance span{display:block}.report-guidance span{color:var(--muted);margin-top:4px;font-size:.75rem}.report-success{text-align:center;max-width:600px;margin:30px auto}.report-success>svg{width:64px;height:64px;color:var(--normal)}.report-success>span{color:var(--normal);font-weight:750;display:block}.report-success h2{color:var(--navy);font-size:1.8rem}.report-success p{color:var(--muted)}.report-success>div{background:#edf5f7;border-radius:8px;margin:20px 0;padding:14px}.report-success small,.report-success strong{display:block}.report-success strong{letter-spacing:.05em;color:var(--navy);font-size:1.25rem}.moderation-list{gap:13px;display:grid}.moderation-list article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px}.moderation-head{justify-content:space-between;display:flex}.report-status{color:#536a77;background:#e9eef1;border-radius:30px;padding:4px 8px;font-size:.68rem;font-weight:750}.report-status.pending{color:#825600;background:#fff0c7}.report-status.verified{color:#0d6b49;background:#def4e9}.report-status.rejected{color:#96262e;background:#ffe4e5}.moderation-list h3{color:var(--navy);margin:10px 0 4px}.moderation-list p{color:#456170;margin:0}.moderation-meta{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:12px;font-size:.72rem;display:flex}.moderation-actions{border-top:1px solid var(--line);gap:8px;margin-top:13px;padding-top:13px;display:flex}.moderation-actions button{border:0;border-radius:7px;align-items:center;gap:5px;padding:8px 11px;font-size:.76rem;font-weight:700;display:flex}.moderation-actions button svg{width:15px}.moderation-actions .verify{color:#0d6b49;background:#def4e9}.moderation-actions .reject{color:#96262e;background:#ffe4e5}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (width<=900px){.report-layout{grid-template-columns:1fr}.report-guidance{position:static}}@media (width<=640px){.citizen-report-cta{grid-template-columns:auto 1fr}.citizen-report-cta .button{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.report-form,.report-guidance{padding:18px}.moderation-actions{display:grid}}.report-nav{isolation:isolate;color:#fff;white-space:nowrap;border:1px solid #ffffff5c;border-radius:12px;align-items:center;gap:8px;padding:8px 14px 8px 9px;font-size:.82rem;font-weight:800;display:inline-flex;position:relative;box-shadow:0 7px 18px #6d28d938;background:linear-gradient(135deg,#7c3aed,#9f36d9)!important}.report-nav:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(110deg,#0000 15%,#ffffff30 45%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.report-nav:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px #6d28d950}.report-nav:hover:before{transform:translate(120%)}.report-nav:active{transform:translateY(0);box-shadow:0 4px 12px #6d28d940}.report-nav.active{outline-offset:2px;outline:3px solid #c4b5fd}.report-nav-icon{background:#ffffff24;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.report-nav-icon svg{width:17px}.report-nav-short{display:none}.crowd-form{gap:20px;display:grid}.crowd-form>section{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.report-steps{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-bottom:20px;font-size:.72rem;display:flex;overflow:auto}.report-steps span{white-space:nowrap;align-items:center;gap:6px;display:flex}.report-steps b{color:#6d28d9;background:#e9ddff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.report-steps svg{width:13px}.emergency-notice{color:#704b00;background:#fff2d5;border:1px solid #e8c676;border-radius:10px;gap:3px;margin-bottom:18px;padding:15px 18px;display:grid}.emergency-notice span{font-size:.78rem}.province-field{background:#eff5f7;border-radius:8px;justify-content:space-between;margin-bottom:15px;padding:11px 14px;display:flex}.location-actions{color:var(--muted);align-items:center;gap:12px;margin:18px 0 10px;font-size:.76rem;display:flex}.location-actions button{color:var(--blue);background:#eaf8fa;border:1px solid #9dcbd6;border-radius:8px;align-items:center;gap:6px;padding:9px 13px;font-weight:700;display:flex}.location-actions svg{width:17px}.location-map{border:1px solid var(--line);border-radius:10px;height:360px;position:relative;overflow:hidden}.location-map>span{z-index:500;background:#fff;border-radius:6px;padding:6px 9px;font-size:.7rem;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 10px #0002}.privacy-coordinate{color:var(--normal);margin-top:8px;display:block}.privacy-coordinate.required{color:var(--warning);font-weight:700}.report-success>.button{margin:6px}.photo-privacy,.privacy-summary{color:#175f49;background:#eef8f5;border-radius:8px;gap:8px;padding:12px;font-size:.78rem;display:flex}.photo-privacy svg{flex:none;width:18px}.photo-upload{min-height:150px;color:var(--blue);cursor:pointer;border:2px dashed #a9c6d0;border-radius:10px;align-content:center;place-items:center;gap:3px;margin-top:14px;display:grid}.photo-upload input{opacity:0;width:1px;height:1px;position:absolute}.photo-upload svg{width:28px}.photo-upload span{color:var(--muted);font-size:.72rem}.photo-preview{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.photo-preview>div{aspect-ratio:4/3;position:relative}.photo-preview img{object-fit:cover;border-radius:8px;width:100%;height:100%}.photo-preview button{width:30px;height:30px;color:var(--emergency);background:#fff;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.photo-preview svg{width:16px}.report-preview{background:#f5f0ff;border-left:4px solid #7c3aed;border-radius:8px;margin-bottom:14px;padding:16px}.report-preview strong{color:#6d28d9}.report-preview p{color:#405d6d;margin:6px 0}.privacy-summary{color:#405d6d;margin-bottom:14px;display:block}.privacy-summary h3{color:var(--navy);margin:0}.privacy-summary p{margin:4px 0}.privacy-summary a{color:var(--blue);text-decoration:underline}.draft-note{text-align:center;color:var(--muted);margin-top:9px;display:block}.duplicate-notice{color:#704b00;background:#fff2d5!important}.citizen-notice{background:#fff3d9;border:1px solid #e4c47a;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.citizen-notice>svg{color:#b26b00}.report-toolbar{justify-content:space-between;gap:15px;margin:20px 0;display:flex}.report-toolbar>div{flex-wrap:wrap;gap:8px;display:flex}.view-switch{background:#e7eef1;border-radius:8px;padding:3px}.view-switch button{background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:7px 10px;display:flex}.view-switch button.active{color:var(--blue);background:#fff}.view-switch svg{width:16px}.citizen-list{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.citizen-card,.citizen-detail{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px}.citizen-card-head,.citizen-detail-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.citizen-card-head>span,.citizen-detail-top>div>span{color:#6d28d9;font-size:.72rem;font-weight:750}.citizen-badge{color:#6525bd;white-space:nowrap;background:#eee6ff;border-radius:30px;padding:5px 8px;font-size:.66rem;font-weight:750}.citizen-badge.official_verified{color:#0d6b49;background:#def4e9}.citizen-badge.disputed{color:#96262e;background:#ffe4e5}.citizen-card h2{color:var(--navy);margin:12px 0 4px}.report-location{color:var(--muted);align-items:center;gap:5px;display:flex}.report-location svg{width:16px}.report-facts,.community-counts{flex-wrap:wrap;gap:8px;margin:11px 0;display:flex}.report-facts span{background:#eef5f7;border-radius:6px;padding:6px 9px;font-size:.75rem}.community-counts{color:#6d28d9;font-size:.72rem}.community-counts span{align-items:center;gap:4px;display:flex}.community-counts svg{width:15px}.citizen-map-legend{z-index:500;color:#6d28d9;background:#fff;border-radius:7px;padding:8px 11px;font-size:.72rem;position:absolute;bottom:18px;left:18px;box-shadow:0 3px 12px #0002}.citizen-detail{max-width:900px;margin:auto}.citizen-detail h1{color:var(--navy);margin:5px 0}.public-warning,.demo-report{color:#704b00;background:#fff2d5;border-radius:8px;gap:8px;margin:18px 0;padding:12px;display:flex}.demo-report{background:#ffebae;font-weight:750}.detail-facts{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.detail-facts>div{background:#f1f6f8;border-radius:8px;padding:13px}.detail-facts span,.detail-facts small,.detail-facts strong{display:block}.detail-facts span,.detail-facts small{color:var(--muted);font-size:.68rem}.report-description{color:#345363;margin:20px 0;font-size:1rem}.report-detail-images{background:#faf8ff;border:1px solid #cab8f2;border-radius:12px;margin:22px 0;padding:18px}.report-detail-images-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.report-detail-images-head>svg{color:#7c3aed;width:28px;height:28px}.report-detail-images-head span{color:#6d28d9;font-size:.7rem;font-weight:800;display:block}.report-detail-images-head h2{color:var(--navy);margin:2px 0 0;font-size:1.05rem}.report-detail-images-head>b{color:var(--muted);font-size:.72rem}.report-detail-images .report-gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.report-detail-images .report-photo-button img{aspect-ratio:16/10}.report-gallery{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.report-gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:9px;width:100%}.community-actions{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.community-actions h2{color:var(--navy);margin-bottom:0}.community-actions>p{color:var(--muted);font-size:.78rem}.community-actions>div{flex-wrap:wrap;gap:8px;display:flex}.community-actions button{background:#fff;border:1px solid #c9d8de;border-radius:8px;align-items:center;gap:5px;padding:8px 11px;display:flex}.community-actions svg{width:16px}.action-message{color:var(--normal)}.report-history{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.report-history>div{border-bottom:1px solid #edf1f3;justify-content:space-between;padding:8px 0;display:flex}.privacy-page{max-width:860px}.privacy-page section{border:1px solid var(--line);background:#fff;border-radius:11px;margin-bottom:13px;padding:20px}.privacy-page h2{color:var(--navy)}.privacy-page li{margin:7px 0}.community-disclaimer{color:var(--muted);font-size:.8rem}.community-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.community-stats>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px}.community-stats strong,.community-stats span{display:block}.community-stats strong{color:#6d28d9;font-size:1.8rem}.community-stats span{color:var(--muted);font-size:.76rem}.home-report-list{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.home-report-list a{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;overflow:hidden}.home-report-list img{object-fit:cover;width:calc(100% + 28px);height:130px;margin:-14px -14px 12px}.home-report-list span,.home-report-list small{color:var(--muted);font-size:.68rem;display:block}.home-report-list strong{color:var(--navy);margin:6px 0;display:block}.home-report-list p{margin:0;font-size:.78rem}.map-layers{z-index:600;background:#fff;border-radius:8px;gap:4px;padding:10px 12px;font-size:.72rem;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 3px 14px #0003}.map-layers label{align-items:center;gap:5px;display:flex}.dot.citizen{background:#7c3aed}.dot.alert{background:#d11f3a}.admin-report-images{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.admin-report-image{border:1px solid var(--line);border-radius:8px;padding:7px}.admin-report-image img{aspect-ratio:4/3;object-fit:cover;border-radius:5px;width:100%}.admin-report-image small{display:block}.admin-report-image>div{gap:5px;display:flex}.admin-report-image button{border:0;padding:5px;font-size:.68rem}@media (width<=900px){.detail-facts,.community-stats{grid-template-columns:repeat(2,1fr)}.home-report-list,.citizen-list{grid-template-columns:1fr}}@media (width<=640px){.crowd-form>section{padding:16px}.report-steps{justify-content:start}.location-actions{flex-direction:column;align-items:stretch}.location-map{height:300px}.photo-preview,.report-gallery,.admin-report-images{grid-template-columns:1fr 1fr}.citizen-notice{grid-template-columns:auto 1fr}.citizen-notice .button{grid-column:1/-1}.report-toolbar{display:grid}.detail-facts,.community-stats{grid-template-columns:1fr 1fr}.community-actions>div{display:grid}.community-actions button{width:100%}.citizen-detail-top{display:grid}}.turnstile-box{justify-content:center;margin-top:14px;display:flex}.windy-panel{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:26px;overflow:hidden;box-shadow:0 8px 28px #123b590c}.windy-panel-head{justify-content:space-between;align-items:start;gap:24px;padding:22px 24px;display:flex}.windy-panel-head>div>span{color:var(--blue);letter-spacing:.12em;align-items:center;gap:6px;font-size:.67rem;font-weight:800;display:flex}.windy-panel-head svg{width:16px}.windy-panel-head h2{color:var(--navy);margin:3px 0}.windy-panel-head p{color:var(--muted);margin:0;font-size:.82rem}.windy-panel-head>a{white-space:nowrap;color:var(--blue);align-items:center;gap:5px;font-size:.76rem;font-weight:700;display:flex}.windy-map-shell{border-block:1px solid var(--line);background:#dceaf0;height:520px;position:relative}.windy-map-shell iframe{border:0;width:100%;height:100%;display:block}.windy-map-overlay{z-index:5;color:var(--navy);background:linear-gradient(135deg,#e9f6f8ee,#d5e9efee);place-items:center;font-size:.86rem;font-weight:700;display:grid;position:absolute;inset:0}.windy-map-overlay.error{color:#96262e;background:#fff0f1f2}.windy-map-error{color:#8e2630;background:#fff3f3;justify-content:center;align-items:center;gap:12px;min-height:220px;display:flex}.windy-map-error svg{width:28px}.windy-map-error strong,.windy-map-error span{display:block}.windy-map-error span{color:#87535a;font-size:.78rem}.windy-disclaimer{color:var(--muted);background:#f8fbfc;margin:0;padding:12px 24px;font-size:.73rem}.windy-panel+.toolbar{margin-top:0}@media (width<=640px){.windy-panel-head{padding:18px;display:block}.windy-panel-head>a{margin-top:12px}.windy-map-shell{height:430px}.windy-disclaimer{padding:11px 18px}}.windy-forecast{margin-bottom:26px}.windy-forecast-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.windy-forecast-head>div>span{color:var(--blue);letter-spacing:.12em;font-size:.67rem;font-weight:800}.windy-forecast-head h2{color:var(--navy);margin:3px 0}.windy-forecast-head p{color:var(--muted);margin:0;font-size:.82rem}.windy-forecast-head>small{color:var(--muted);white-space:nowrap;font-size:.7rem}.windy-forecast-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.windy-forecast-card{border:1px solid var(--line);background:#fff;border-top:4px solid #5aa8bd;border-radius:12px;min-width:0;padding:18px}.windy-forecast-card.moderate{border-top-color:#d19313}.windy-forecast-card.heavy{border-top-color:var(--warning)}.windy-forecast-title{justify-content:space-between;align-items:start;display:flex}.windy-forecast-title span{color:var(--muted);font-size:.66rem}.windy-forecast-title h3{color:var(--navy);margin:0}.windy-forecast-title svg{color:var(--cyan);width:24px}.windy-forecast-total{padding:16px 0}.windy-forecast-total strong,.windy-forecast-total span{display:block}.windy-forecast-total strong{color:var(--navy);font-size:1.7rem}.windy-forecast-total span{color:var(--muted);font-size:.68rem}.windy-forecast-periods{grid-template-columns:1fr 1fr;gap:7px;display:grid}.windy-forecast-periods>div{background:#f2f7f8;border-radius:7px;grid-template-columns:auto 1fr;gap:0 5px;padding:8px;display:grid}.windy-forecast-periods svg{width:15px;color:var(--blue);grid-row:1/3}.windy-forecast-periods span{color:var(--muted);font-size:.62rem}.windy-forecast-periods b{font-size:.75rem}.windy-forecast-timeline{border-bottom:1px solid var(--line);align-items:end;gap:3px;height:58px;margin-top:14px;display:flex}.windy-forecast-timeline>div{flex-direction:column;flex:1;justify-content:end;align-items:center;min-width:0;height:100%;display:flex}.windy-forecast-timeline i{background:linear-gradient(#17b4d2,#087ca7);border-radius:3px 3px 0 0;width:100%;max-width:17px;min-height:3px;display:block}.windy-forecast-timeline span{color:var(--muted);white-space:nowrap;font-size:.52rem;transform:scale(.9)}.windy-forecast-loading{border:1px solid var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:12px;padding:28px}.windy-forecast>.windy-disclaimer{border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px;margin:0 5px}@media (width<=1000px){.windy-forecast-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.windy-forecast-head{display:block}.windy-forecast-head>small{margin-top:8px;display:block}.windy-forecast-grid{grid-template-columns:1fr}}.alert-source-note{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:.72rem;display:flex}@media (width<=640px){.alert-source-note{flex-direction:column;align-items:flex-start}}.google-map-panel{gap:10px;display:grid}.google-map-wrap iframe,.google-map-canvas{border:0;width:100%;height:100%;display:block}.google-map-popup{gap:2px;min-width:220px;padding:3px;display:grid}.google-map-popup>span{color:var(--blue);font-size:.68rem;font-weight:750}.google-map-popup>strong{color:var(--navy);font-size:.88rem}.google-map-popup>small{color:var(--muted);font-size:.7rem}.google-map-popup-link{background:var(--blue);border-radius:7px;justify-content:center;align-items:center;margin-top:7px;padding:7px 10px;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex;color:#fff!important}.google-map-popup-link:hover{background:var(--navy)}.dot.water-station{background:var(--blue)}.google-map-open{color:var(--blue);justify-self:end;align-items:center;gap:5px;font-size:.8rem;font-weight:700;display:inline-flex}.google-map-open svg{width:16px}.google-map-state{color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.google-map-state span{border:3px solid #bdd4de;border-top-color:var(--blue);border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}.map-linked-data{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:12px;padding:16px}.map-linked-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.map-linked-head strong,.map-linked-head span{display:block}.map-linked-head span{color:var(--muted);margin-top:2px;font-size:.75rem}.map-linked-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.map-linked-list article{border:1px solid var(--line);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px;display:grid}.map-linked-list article>span{color:var(--blue);white-space:nowrap;background:#e8f4f7;border-radius:50px;padding:4px 7px;font-size:.65rem;font-weight:750}.map-linked-list article div{min-width:0}.map-linked-list article strong,.map-linked-list article small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.map-linked-list article strong{color:var(--navy);font-size:.78rem}.map-linked-list article small{color:var(--muted);font-size:.67rem}.map-linked-list article>a{color:var(--blue);white-space:nowrap;align-items:center;gap:3px;font-size:.69rem;font-weight:700;display:flex}.map-linked-list article>a svg{width:13px}.map-linked-empty{color:var(--muted);margin:12px 0 0;font-size:.8rem}.map-linked-more{color:var(--blue);margin-top:12px;font-size:.78rem;font-weight:700;display:inline-block}@media (width<=760px){.map-linked-head{align-items:flex-start}.map-linked-list{grid-template-columns:1fr}.map-linked-list article{grid-template-columns:auto minmax(0,1fr) auto}.map-linked-list article>a:last-child{grid-column:2/4}.map-linked-data.preview .map-linked-list article:nth-child(n+3){display:none}}.rid-water-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.rid-water-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.rid-water-head{justify-content:space-between;gap:16px;display:flex}.rid-water-head span{color:var(--blue);font-size:.7rem;font-weight:700}.rid-water-head h2{color:var(--navy);margin:2px 0;font-size:1.15rem}.rid-water-head>svg{color:var(--blue);width:30px;height:30px}.rid-storage{background:#edf7f4;border-radius:9px;margin:16px 0;padding:14px}.rid-storage.watch{background:#fff5d9}.rid-storage.high{background:#ffe9df}.rid-storage.unknown{background:#edf2f4}.rid-storage strong,.rid-storage span{display:block}.rid-storage strong{color:var(--navy);font-size:1.65rem}.rid-storage span{color:var(--muted);font-size:.7rem}.rid-storage>div{background:#fff;border-radius:10px;height:8px;margin-top:9px;overflow:hidden}.rid-storage i{background:var(--normal);border-radius:10px;height:100%;display:block}.rid-storage.watch i{background:var(--watch)}.rid-storage.high i{background:var(--warning)}.rid-storage.unknown i{background:#80939e}.rid-water-card dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.rid-water-card dl>div{background:#f3f7f8;border-radius:7px;padding:9px}.rid-water-card dt{color:var(--muted);font-size:.67rem}.rid-water-card dd{color:var(--navy);margin:3px 0 0;font-size:.78rem;font-weight:700}.rid-water-card>p{color:var(--muted);margin:12px 0 0;font-size:.7rem}.rid-source-note{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:12px 14px;font-size:.75rem;display:flex}@media (width<=700px){.rid-water-grid{grid-template-columns:1fr}.rid-water-card dl{grid-template-columns:1fr 1fr}.rid-source-note{display:block}.rid-source-note .updated{margin-top:5px}}.telehydro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.telehydro-card{border:1px solid var(--line);border-left:5px solid var(--normal);background:#fff;border-radius:11px;padding:19px}.telehydro-card.warning{border-left-color:var(--warning)}.telehydro-card.critical{border-left-color:var(--emergency)}.telehydro-head{justify-content:space-between;gap:14px;display:flex}.telehydro-head span,.telehydro-head small{display:block}.telehydro-head span{color:var(--blue);font-size:.69rem;font-weight:750}.telehydro-head h3{color:var(--navy);margin:2px 0}.telehydro-head small{color:var(--muted);font-size:.7rem}.telehydro-head>b{height:max-content;color:var(--normal);background:#e1f5ed;border-radius:50px;padding:5px 9px;font-size:.7rem}.telehydro-card.warning .telehydro-head>b{color:#9e3e00;background:#ffe5d1}.telehydro-card.critical .telehydro-head>b{color:#9d2028;background:#ffe0e2}.telehydro-level{padding:18px 0}.telehydro-level strong,.telehydro-level span{display:block}.telehydro-level strong{color:var(--navy);font-size:2rem}.telehydro-level span{color:var(--muted);font-size:.72rem}.telehydro-facts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.telehydro-facts>div{background:#f3f7f8;border-radius:7px;padding:9px}.telehydro-facts span,.telehydro-facts b{display:block}.telehydro-facts span{color:var(--muted);font-size:.66rem}.telehydro-facts b{color:var(--navy);margin-top:2px;font-size:.76rem}@media (width<=700px){.telehydro-grid{grid-template-columns:1fr}.telehydro-facts{grid-template-columns:1fr 1fr}}.telehydro-station-link{border:1px solid var(--line);color:var(--blue);background:#f8fbfc;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:9px 12px;font-size:.73rem;font-weight:750;transition:background .15s,border-color .15s;display:flex}.telehydro-station-link:hover{background:#e8f4f7;border-color:#a9cfd8}.telehydro-station-link svg{width:14px;height:14px}.data-linked-label{color:var(--muted);text-align:right;font-size:.7rem}.source-links{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.source-links a{color:var(--blue);background:#e8f4f7;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:.68rem;font-weight:750;display:inline-flex}.source-links a:hover{background:#d8edf2}.source-links a svg{width:12px;height:12px}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.source-grid>div{grid-template-columns:36px minmax(0,1fr);align-content:start;overflow:hidden}.source-grid>div>div{min-width:0}.source-grid>div>div>strong{overflow-wrap:anywhere;line-height:1.4;display:block}.source-grid .updated{border-top:1px solid var(--line);white-space:normal;overflow-wrap:anywhere;flex-wrap:wrap;grid-column:1/-1;width:100%;min-width:0;padding-top:10px;font-size:.7rem;display:flex}.source-grid .updated svg{flex:none}@media (width<=900px){.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.source-grid{grid-template-columns:1fr}}.turnstile-gate{background:#f4f8f9;border:1px solid #b8cbd4;border-radius:10px;margin-top:16px;padding:16px}.turnstile-gate.verified{background:#eef9f4;border-color:#8bc8ae}.turnstile-gate-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.turnstile-gate-head>svg{width:22px;color:var(--blue)}.turnstile-gate-head strong,.turnstile-gate-head span{display:block}.turnstile-gate-head strong{color:var(--navy);font-size:.86rem}.turnstile-gate-head span{color:var(--muted);font-size:.72rem}.turnstile-gate-head b{color:var(--normal);white-space:nowrap;align-items:center;gap:4px;font-size:.74rem;display:flex}.turnstile-gate-head b svg{width:16px}.turnstile-gate .turnstile-box{min-height:68px;margin-top:12px;overflow:hidden}.report-submit:disabled{cursor:not-allowed;color:#eef3f5;opacity:1;background:#8fa7b3}@media (width<=480px){.turnstile-gate{padding:12px}.turnstile-gate-head{grid-template-columns:auto 1fr}.turnstile-gate-head b{grid-column:2}.turnstile-gate .turnstile-box{transform-origin:0 0;justify-content:flex-start;max-width:100%}}.report-intro{background:radial-gradient(circle at 85% 20%,#24b6c84d 0 13%,#0000 14%),linear-gradient(120deg,#082f4a 0%,#0b5f78 64%,#087f96 100%);padding:54px 0 48px;position:relative;overflow:hidden}.report-intro:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-150px;right:-90px;box-shadow:0 0 0 55px #ffffff0a,0 0 0 110px #ffffff08}.report-intro .page-width{z-index:1;position:relative}.report-intro h1{letter-spacing:-.035em;max-width:760px;margin:9px 0 5px;font-size:clamp(2.2rem,5vw,3.6rem)}.report-intro>div>p{color:#d3e8ee;max-width:720px;font-size:.98rem}.report-intro-meta{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.page-intro .report-intro-meta span{color:#e3f4f7;letter-spacing:0;background:#ffffff10;border:1px solid #ffffff28;border-radius:100px;align-items:center;gap:6px;padding:7px 10px;font-size:.7rem;font-weight:650;display:flex}.report-intro-meta svg{width:14px;height:14px}.report-page{padding-top:28px}.report-page .emergency-notice{background:#fff8e7;border:0;border-left:4px solid #d58a00;border-radius:9px;padding:15px 18px 15px 22px;position:relative;box-shadow:0 4px 18px #73510b0d}.report-page .emergency-notice strong{font-size:.85rem}.report-page .emergency-notice span{color:#795e25}.report-steps{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;margin:18px 0 22px;padding:14px 18px;box-shadow:0 5px 22px #123b5908}.report-steps span{color:#506b79;font-weight:650}.report-steps b{color:#fff;background:linear-gradient(145deg,#0a87ad,#0d6687);width:28px;height:28px;box-shadow:0 3px 8px #087ca72b}.report-steps svg{color:#a4b6bf}.crowd-form{grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);align-items:start;gap:22px}.report-form-main,.report-form-side{align-content:start;gap:22px;min-width:0;display:grid}.crowd-form section{background:#fff;border:1px solid #dbe6ea;border-radius:16px;padding:25px;position:relative;overflow:hidden;box-shadow:0 8px 30px #123b590a}.crowd-form section:before{content:"";background:linear-gradient(90deg,var(--blue),var(--cyan));height:4px;position:absolute;top:0;left:0;right:0}.report-form-side section:before{background:linear-gradient(90deg,#6d43b8,#9b6ddb)}.form-title{align-items:center;margin-bottom:22px}.form-title>svg{width:40px;height:40px;color:var(--blue);background:#e9f6f8;border-radius:11px;padding:9px}.report-form-side .form-title>svg{color:#7043b3;background:#f1ebfb}.form-title h2{font-size:1.25rem;line-height:1.25}.form-title span{margin-bottom:3px;display:block}.form-grid{gap:16px}.form-grid label{color:#345363;font-size:.78rem}.form-grid input,.form-grid select,.form-grid textarea{background:#fbfdfe;border-color:#c8d8df;width:100%;min-width:0;transition:border-color .15s,box-shadow .15s,background .15s}.form-grid input,.form-grid select{min-height:44px}.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover{border-color:#8fbac6}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #0c8db214}.province-field{background:#f5fafb;border:1px solid #dce8ec}.location-actions{background:#f5f9fa;border-radius:9px;margin:17px 0 12px;padding:11px 12px}.location-actions button{min-height:40px}.location-map{border-radius:12px;height:330px}.photo-upload{background:linear-gradient(145deg,#f8fcfd,#eef8fa);border-color:#93bdca;min-height:180px}.photo-upload:hover{border-color:var(--blue);background:#eaf7fa}.photo-upload>svg{background:#fff;border-radius:10px;width:34px;height:34px;padding:7px;box-shadow:0 3px 12px #123b5912}.report-preview{background:#f7f3fc;border-top:4px solid #7c56bd;border-left:0}.privacy-summary{border:1px solid #d6e7e1}.consent{background:#f7fafb;border:1px solid #d8e4e8}.report-submit{border-radius:10px;min-height:48px;box-shadow:0 6px 18px #087ca72c}.draft-note{line-height:1.5}.report-success{border-radius:18px;box-shadow:0 12px 40px #123b5912}@media (width<=980px){.crowd-form{grid-template-columns:1fr}.report-form-main,.report-form-side{gap:18px}.report-form-side{grid-template-columns:1fr 1fr}.report-form-side section{min-width:0}}@media (width<=720px){.report-intro{padding:38px 0 34px}.report-intro h1{font-size:2.15rem}.report-intro-meta{grid-template-columns:1fr;display:grid}.page-intro .report-intro-meta span{width:max-content;max-width:100%}.report-steps{grid-template-columns:repeat(3,1fr);gap:9px;padding:12px;display:grid}.report-steps span{justify-content:flex-start}.report-steps svg{display:none}.report-form-side{grid-template-columns:1fr}.crowd-form section{padding:19px}.location-map{height:290px}.form-title>svg{width:36px;height:36px}.report-page .emergency-notice{padding:13px 14px 13px 18px}}@media (width<=420px){.report-steps{grid-template-columns:repeat(2,1fr)}.report-steps span{font-size:.67rem}.crowd-form section{border-radius:13px;padding:16px}.location-map{height:260px}.report-intro h1{font-size:1.9rem}}.google-location-picker{background:#e8f1f4;border:1px solid #c9dbe2;border-radius:12px;position:relative;overflow:hidden}.google-location-canvas{width:100%;height:330px}.google-location-hint{z-index:2;color:#284c60;pointer-events:none;background:#fffffff2;border-radius:8px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:8px 10px;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 3px 14px #102f4026}.google-location-hint svg{width:16px;color:var(--blue);flex:none}.google-location-footer{color:var(--muted);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.7rem;display:flex}.google-location-footer a{color:var(--blue);white-space:nowrap;align-items:center;gap:4px;font-weight:750;display:flex}.google-location-footer svg{width:13px}.google-location-state{height:330px;color:var(--muted);background:linear-gradient(145deg,#edf6f8,#dcebee);border:1px solid #c9dbe2;border-radius:12px;align-content:center;place-items:center;gap:4px;font-size:.8rem;display:grid}.google-location-state strong,.google-location-state span{display:block}.google-location-state.error{color:#8f2d35;background:#fff1f2}.google-location-state.error span{color:#81555a}@media (width<=720px){.google-location-canvas,.google-location-state{height:290px}.google-location-footer{flex-direction:column;align-items:flex-start}.google-location-hint{font-size:.68rem}}@media (width<=420px){.google-location-canvas,.google-location-state{height:260px}}.facebook-live-field{background:#faf7ff;border:1px solid #d6c9f3;border-radius:10px;gap:7px;margin-top:14px;padding:14px;display:grid}.facebook-live-field>span{color:#5b21b6;align-items:center;gap:7px;font-weight:750;display:flex}.facebook-live-field svg{width:18px}.facebook-live-field input{box-sizing:border-box;width:100%}.facebook-live-field small{color:var(--muted);font-size:.72rem}.facebook-live-link{color:#6525bd;background:#eee6ff;border-radius:7px;align-items:center;gap:6px;width:fit-content;margin:6px 0 10px;padding:7px 10px;font-size:.76rem;font-weight:750;display:inline-flex}.facebook-live-link svg{width:16px}.facebook-live-callout{color:#405d6d;background:#faf7ff;border:1px solid #d6c9f3;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:16px 0;padding:14px;display:grid}.facebook-live-callout>svg{color:#7c3aed}.facebook-live-callout strong,.facebook-live-callout span{display:block}.facebook-live-callout span{color:var(--muted);font-size:.74rem}.facebook-live-callout a{color:#fff;white-space:nowrap;background:#7c3aed;border-radius:7px;padding:8px 11px;font-weight:750}@media (width<=640px){.facebook-live-callout{grid-template-columns:auto 1fr}.facebook-live-callout a{text-align:center;grid-column:1/-1}}.app-error-page{color:#123b59;background:#f2f7fa;place-items:center;min-height:100vh;padding:24px;display:grid}.app-error-card{background:#fff;border:1px solid #c8dce8;border-radius:18px;width:min(560px,100%);padding:32px;box-shadow:0 18px 50px #123b591f}.app-error-card>span{letter-spacing:.08em;color:#bd2d36;font-size:.82rem;font-weight:800}.app-error-card h1{margin:10px 0 6px;font-size:clamp(1.6rem,4vw,2.25rem)}.app-error-card p{color:#526b7b;margin:0}.app-error-card div{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.app-error-card button,.app-error-card a{min-height:44px;font:inherit;cursor:pointer;border:1px solid #123b59;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-weight:700;display:inline-flex}.app-error-card button{color:#fff;background:#123b59}.app-error-card a{color:#123b59;background:#fff;text-decoration:none}.totp-setup{text-align:left;background:#edf8fa;border:1px solid #bddde5;border-radius:10px;gap:8px;margin:16px 0;padding:16px;display:grid}.totp-setup small{color:var(--muted)}.totp-setup code{color:var(--navy);letter-spacing:.08em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;border-radius:7px;padding:10px;font-size:1rem;font-weight:800;display:block}.totp-setup a{color:var(--blue);font-weight:700;text-decoration:underline}.login-card input[inputmode=numeric]{text-align:center;letter-spacing:.3em;font-size:1.45rem;font-weight:800}.login-card button:disabled{opacity:.6;cursor:wait}.admin-list-panel{margin-top:18px}.admin-record-list{gap:8px;display:grid}.admin-record-list article{border:1px solid var(--line);background:#f8fbfc;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:13px;display:flex}.admin-record-list strong,.admin-record-list small{display:block}.admin-record-list small{color:var(--muted);margin-top:4px}.admin-record-list article>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.admin-record-list button{color:var(--navy);background:#fff;border:1px solid #b8ccd5;border-radius:6px;padding:7px 10px;font-weight:700}@media (width<=640px){.admin-record-list article{flex-direction:column;align-items:stretch}.admin-record-list article>div:last-child{grid-template-columns:1fr 1fr;display:grid}}.access-entry-button{border:1px solid var(--blue);min-height:44px;color:var(--blue);background:#eaf8fa;border-radius:8px;justify-content:center;align-items:center;margin:14px 0;font-weight:800;display:flex}.access-entry-button:hover{background:#d9f0f5}.report-card-gallery{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.report-photo-button{cursor:zoom-in;background:#e7eef1;border:0;border-radius:9px;padding:0;position:relative;overflow:hidden}.report-photo-button img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .2s;display:block}.report-photo-button:hover img,.report-photo-button:focus-visible img{transform:scale(1.03)}.report-photo-button:focus-visible{outline-offset:2px;outline:3px solid #2a7b91}.photo-lightbox{z-index:2000;cursor:zoom-out;background:#061a27ed;place-items:center;padding:56px 20px 44px;display:grid;position:fixed;inset:0}.photo-lightbox>img{object-fit:contain;cursor:default;border-radius:8px;max-width:min(1100px,100%);max-height:calc(100vh - 110px);box-shadow:0 20px 70px #0008}.photo-lightbox>span{color:#fff;font-weight:700;position:absolute;bottom:15px}.photo-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff6;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:16px;right:18px}.photo-lightbox-close svg{width:24px}.windy-map-placeholder{text-align:center;border-block:1px solid var(--line);min-height:260px;color:var(--navy);background:linear-gradient(135deg,#e9f6f8,#d5e9ef);align-content:center;place-items:center;gap:8px;padding:28px;display:grid}.windy-map-placeholder>svg{width:42px;height:42px;color:var(--blue)}.windy-map-placeholder>strong{font-size:1.05rem}.windy-map-placeholder>span{max-width:620px;color:var(--muted);font-size:.8rem}.windy-map-placeholder>.button{cursor:pointer;border:0;margin-top:8px}@media (width<=640px){.report-nav-label{display:none}.report-nav-short{display:inline}.report-nav{border-radius:10px;gap:6px;padding:6px 10px 6px 6px;font-size:.76rem}.report-nav-icon{width:28px;height:28px}.header-inner{gap:8px}.brand{min-width:0}.brand small{display:none}}.admin-user-list{gap:14px;display:grid}.admin-user-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:18px}.admin-user-head{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.admin-user-head strong,.admin-user-head small{display:block}.admin-user-head small{color:var(--muted);font-size:.7rem}.user-active,.user-inactive{border-radius:30px;align-self:start;padding:4px 8px;font-size:.68rem;font-weight:750}.user-active{color:#0d6b49;background:#def4e9}.user-inactive{color:#96262e;background:#ffe4e5}.admin-user-card>label{gap:5px;font-size:.76rem;display:grid}.permission-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.permission-grid label{background:#f2f7f8;border-radius:7px;align-items:center;gap:7px;padding:9px;font-size:.74rem;display:flex}.permission-grid input,.admin-user-controls input{width:16px;height:16px}.admin-user-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-user-controls label{align-items:center;gap:6px;font-size:.76rem;display:flex}.admin-user-controls .button{border:0;margin-left:auto}.field-label{font-size:.76rem;font-weight:650;display:block}@media (width<=640px){.permission-grid{grid-template-columns:1fr 1fr}.admin-user-controls .button{width:100%;margin-left:0}}.admin-login-form{gap:12px;margin-top:18px;display:grid}.admin-login-form label{text-align:left;gap:6px;display:grid}.admin-login-form .access-entry-button{width:100%;margin:4px 0 0}.admin-login-divider{color:var(--muted);align-items:center;gap:10px;margin:20px 0 8px;font-size:.72rem;display:flex}.admin-login-divider:before,.admin-login-divider:after{content:"";background:var(--line);flex:1;height:1px}.access-entry-button.secondary{color:var(--navy);background:#fff;border-color:#b9ced7}.access-entry-button.secondary:hover{background:#f1f7f9}.access-entry-button:disabled{opacity:.65;cursor:wait}.admin-dashboard{gap:18px;display:grid}.database-health{background:linear-gradient(120deg,#f7fcfd,#e8f6f8);border:1px solid #b9dce3;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:4px 18px;padding:18px 20px;display:grid}.database-health>div{align-items:center;gap:12px;display:flex}.database-health svg{color:var(--blue)}.database-health strong,.database-health small{display:block}.database-health>small{color:var(--muted);grid-column:1/-1;padding-left:36px}.db-online,.db-offline,.integration-current,.integration-stale{border-radius:999px;align-items:center;padding:4px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.db-online,.integration-current{color:#08704b;background:#dff5eb}.db-offline,.integration-stale{color:#8a5700;background:#fff0d4}.admin-dashboard .admin-stats{grid-template-columns:repeat(3,1fr)}.integration-panel{gap:16px;display:grid}.dashboard-section-head{justify-content:space-between;align-items:end;gap:14px;display:flex}.dashboard-section-head span{letter-spacing:.12em;color:var(--blue);font-size:.66rem;font-weight:800}.dashboard-section-head h2{margin:2px 0 0!important}.dashboard-section-head>small{color:var(--muted)}.integration-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.integration-grid article{border:1px solid var(--line);background:#f8fbfc;border-radius:9px;gap:4px;padding:15px;display:grid}.integration-grid article>div{justify-content:space-between;align-items:start;gap:10px;display:flex}.integration-grid article>b{color:var(--navy);font-size:1.25rem}.integration-grid article>small{color:var(--muted)}.dashboard-two-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dashboard-two-columns>.admin-panel{align-content:start;gap:14px;display:grid}.dashboard-feed{gap:7px;display:grid}.dashboard-feed article{border:1px solid var(--line);background:#f8fbfc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.dashboard-feed strong,.dashboard-feed span,.dashboard-feed small{display:block}.dashboard-feed span,.dashboard-feed small{color:var(--muted);font-size:.72rem}.dashboard-feed article>div:last-child{text-align:right}.dashboard-feed b{color:var(--blue);font-size:.72rem}@media (width<=900px){.admin-dashboard .admin-stats,.integration-grid,.dashboard-two-columns{grid-template-columns:1fr 1fr}}@media (width<=620px){.admin-dashboard .admin-stats,.integration-grid,.dashboard-two-columns,.database-health{grid-template-columns:1fr}.database-health>small{padding-left:0}.dashboard-section-head{flex-direction:column;align-items:start}}.photo-source-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.photo-source-actions .photo-upload{text-align:center;min-height:150px;margin-top:0;padding:16px}.photo-source-actions .photo-camera{color:#7043b3;background:linear-gradient(145deg,#fbf9fe,#f2edfa);border-color:#b8a6d8}.photo-source-actions .photo-camera:hover{background:#eee7f8;border-color:#7043b3}.photo-source-actions .photo-camera>svg{color:#7043b3}.photo-upload-hint{text-align:center;color:var(--muted);margin:9px 0 0;font-size:.72rem}@media (width<=520px){.photo-source-actions{grid-template-columns:1fr}.photo-source-actions .photo-upload{min-height:125px}}.thaiwater-card{border-top:1px solid #b9dfe5}.thaiwater-card .telehydro-head span{color:#087b8c}.thaiwater-agency{border-top:1px solid var(--line);color:var(--muted);margin:12px 0 0;padding-top:10px;font-size:.68rem}.thaiwater-source a{color:var(--blue);align-items:center;gap:4px;font-weight:700;display:inline-flex}.thaiwater-source svg{width:13px;height:13px}.citizen-list{flex-direction:column;gap:10px;display:flex}.citizen-card.report-row{grid-template-columns:minmax(220px,.85fr) minmax(300px,1.5fr) minmax(150px,.55fr);align-items:center;gap:22px;padding:16px 18px;display:grid}.report-row .citizen-card-head{justify-items:start;gap:7px;display:grid}.report-row .citizen-card-head .citizen-badge{white-space:normal}.report-row h2{margin:8px 0 3px;font-size:1.05rem}.report-row .report-location{margin:0;font-size:.78rem}.report-row-content>p{color:#405d6d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0;font-size:.8rem;display:-webkit-box;overflow:hidden}.report-row .report-facts,.report-row .community-counts{margin:5px 0}.report-row-actions{text-align:right;color:var(--muted);justify-items:stretch;gap:5px;display:grid}.report-row-actions>span,.report-row-actions>small{font-size:.68rem}.report-row-actions>a{border:1px solid var(--line);color:var(--blue);background:#f8fbfc;border-radius:8px;justify-content:center;padding:8px 10px;font-size:.75rem;font-weight:750;display:inline-flex}.report-images-trigger{color:#6525bd;cursor:pointer;background:#f3edff;border:1px solid #bba5e8;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 11px;font-size:.75rem;font-weight:750;display:flex}.report-images-trigger:hover{background:#e9ddff}.report-images-trigger svg{width:17px}.report-pagination{justify-content:center;align-items:center;gap:12px;margin:22px 0 4px;display:flex}.report-pagination button{color:var(--blue);background:#fff;border:1px solid #b9cdd5;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-weight:750;display:flex}.report-pagination button:disabled{opacity:.45;cursor:not-allowed}.report-pagination svg{width:17px}.report-pagination span{color:var(--muted);font-size:.75rem}.photo-lightbox-nav{z-index:1;color:#fff;cursor:pointer;background:#061a2799;border:1px solid #fff6;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.photo-lightbox-nav.previous{left:18px}.photo-lightbox-nav.next{right:18px}.photo-lightbox-nav svg{width:25px}@media (width<=900px){.citizen-card.report-row{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.4fr)}.report-row-actions{text-align:left;grid-column:1/-1;grid-template-columns:auto 1fr auto auto;align-items:center}.report-row-actions>a{justify-self:end}}@media (width<=640px){.citizen-card.report-row{grid-template-columns:1fr;gap:10px}.report-row-actions{grid-column:auto;grid-template-columns:1fr 1fr}.report-row-actions>span,.report-row-actions>small{display:none}.report-row-actions>a{justify-self:stretch}.report-pagination{justify-content:space-between}.report-pagination span{text-align:center;font-size:.68rem}.photo-lightbox-nav{width:40px;height:40px}.photo-lightbox-nav.previous{left:8px}.photo-lightbox-nav.next{right:8px}}.home-thaiwater-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.home-thaiwater-card{border:1px solid var(--line);border-top:4px solid var(--normal);background:#fff;border-radius:11px;gap:4px;min-width:0;padding:15px;display:grid}.home-thaiwater-card.warning{border-top-color:var(--warning)}.home-thaiwater-card.critical{border-top-color:var(--emergency)}.home-thaiwater-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #123b5912}.home-thaiwater-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.home-thaiwater-head>span{color:var(--blue);font-size:.68rem;font-weight:800}.home-thaiwater-head>b{color:var(--normal);background:#e1f5ed;border-radius:20px;padding:4px 7px;font-size:.65rem}.home-thaiwater-card.warning .home-thaiwater-head>b{color:#9e3e00;background:#ffe5d1}.home-thaiwater-card.critical .home-thaiwater-head>b{color:#9d2028;background:#ffe0e2}.home-thaiwater-card h3{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:.94rem;overflow:hidden}.home-thaiwater-card>small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.home-thaiwater-level{margin:10px 0 6px}.home-thaiwater-level strong,.home-thaiwater-level span{display:block}.home-thaiwater-level strong{color:var(--navy);font-size:1.28rem}.home-thaiwater-level span{color:var(--muted);font-size:.65rem}.home-thaiwater-facts{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:8px;padding-top:8px;font-size:.66rem;display:flex}@media (width<=980px){.home-thaiwater-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.home-thaiwater-grid{grid-template-columns:1fr}}@media (width<=640px){.report-detail-images{padding:13px}.report-detail-images-head{grid-template-columns:auto 1fr}.report-detail-images-head>b{grid-column:2}.report-detail-images .report-gallery{grid-template-columns:1fr}}.situation-map-legend{grid-template-columns:repeat(2,auto);max-width:270px}.situation-map-legend>b{border-top:1px solid var(--line);color:var(--navy);grid-column:1/-1;margin-top:3px;padding-top:6px;font-size:.68rem}.situation-flag{--situation-color:#64748b;border-left:2px solid #52616a;flex:none;width:14px;height:16px;position:relative;display:inline-block!important}.situation-flag:after{content:"";background:var(--situation-color);clip-path:polygon(0 0,100% 20%,0 100%);width:11px;height:8px;position:absolute;top:1px;left:0}.situation-flag.emergency{--situation-color:#bd2d36}.situation-flag.warning{--situation-color:#d95700}.situation-flag.watch{--situation-color:#c78300}.situation-flag.improving{--situation-color:#16805a}.google-map-popup-level{color:var(--situation-color);border-left:4px solid var(--situation-color);background:#f2f5f6;border-radius:20px;justify-self:start;padding:3px 7px;font-size:.68rem}.map-linked-situation{align-items:center;gap:5px;font-weight:800;color:var(--situation-color)!important;display:inline-flex!important}.map-linked-situation .situation-flag{--situation-color:inherit}.admin-reports-page{gap:14px;display:grid}.admin-report-summary{color:#fff;background:linear-gradient(115deg,#0c4666,#087ca7);border-radius:13px;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.admin-report-summary span{letter-spacing:.12em;color:#9ee8f1;font-size:.68rem;font-weight:800}.admin-report-summary h2{margin:3px 0;font-size:1.35rem}.admin-report-summary p{color:#d1e8ee;margin:0;font-size:.78rem}.admin-report-summary>strong{white-space:nowrap;font-size:2rem}.admin-report-summary>strong small{font-size:.72rem}.admin-report-filters{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(145px,1fr)) auto;align-items:end;gap:10px;padding:15px;display:grid}.admin-report-filters label{gap:5px;display:grid}.admin-report-filters label>span{color:var(--muted);font-size:.68rem;font-weight:750}.admin-report-filters input,.admin-report-filters select{background:#fff;border:1px solid #bfd0d7;border-radius:7px;width:100%;min-height:40px;padding:7px 9px}.admin-report-search>div{grid-template-columns:1fr auto;display:grid}.admin-report-search input{border-radius:7px 0 0 7px}.admin-report-search button,.admin-filter-clear{background:var(--blue);color:#fff;border:0;border-radius:0 7px 7px 0;padding:7px 13px;font-weight:750}.admin-filter-clear{color:var(--navy);background:#e8eff2;border-radius:7px;min-height:40px}.admin-report-list{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.admin-report-list-head,.admin-report-row{grid-template-columns:minmax(150px,.8fr) minmax(250px,1.7fr) minmax(155px,.9fr) minmax(120px,.7fr) minmax(125px,.65fr);align-items:center;gap:14px;display:grid}.admin-report-list-head{color:#526b78;background:#eaf1f4;padding:10px 16px;font-size:.67rem;font-weight:800}.admin-report-list article{border-top:1px solid var(--line)}.admin-report-list article:first-of-type{border-top:0}.admin-report-row{padding:14px 16px}.admin-report-row>div{gap:3px;min-width:0;display:grid}.admin-report-row strong{color:var(--navy);overflow-wrap:anywhere;font-size:.78rem}.admin-report-row span,.admin-report-row small{color:var(--muted);font-size:.68rem}.admin-report-row .report-status{white-space:normal;justify-self:start}.admin-report-row>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.admin-report-row button,.admin-report-row a{color:var(--blue);background:#edf8fa;border:1px solid #a9cbd5;border-radius:6px;padding:6px 8px;font-size:.67rem;font-weight:750}.admin-report-row a{background:#fff}.admin-report-list article.expanded{background:#fbfdfe}.admin-report-expanded{border-top:1px dashed #c5d5dc;padding:2px 16px 16px}.admin-report-expanded>p{color:#3e5968;font-size:.78rem}.admin-report-detail-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.admin-report-detail-grid>div{background:#edf3f5;border-radius:7px;padding:9px 11px;display:grid}.admin-report-detail-grid span{color:var(--muted);font-size:.65rem}.admin-report-detail-grid strong{font-size:.75rem}.admin-report-pagination{justify-content:center;align-items:center;gap:16px;padding:10px;display:flex}.admin-report-pagination button{color:var(--blue);background:#fff;border:1px solid #a9cbd5;border-radius:7px;padding:7px 13px;font-weight:750}.admin-report-pagination button:disabled{opacity:.45;cursor:not-allowed}.admin-report-pagination span{color:var(--muted);font-size:.72rem}@media (width<=1100px){.admin-report-filters{grid-template-columns:repeat(2,1fr)}.admin-report-search{grid-column:1/-1}.admin-report-list-head{display:none}.admin-report-row{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-report-row>div:nth-child(2){grid-area:1/1/auto/-1}.admin-report-row>div:last-child{justify-content:flex-end}}@media (width<=640px){.admin-report-summary{align-items:start}.admin-report-summary p{display:none}.admin-report-summary>strong{font-size:1.5rem}.admin-report-filters{grid-template-columns:1fr}.admin-report-search{grid-column:auto}.admin-report-row{grid-template-columns:1fr}.admin-report-row>div:nth-child(2){grid-area:auto}.admin-report-row>div:last-child{justify-content:stretch}.admin-report-row button,.admin-report-row a{text-align:center;flex:1}.admin-report-detail-grid{grid-template-columns:1fr}.admin-report-pagination{justify-content:space-between;gap:6px}.admin-report-pagination span{text-align:center;font-size:.64rem}}.report-status.unverified{color:#825600;background:#fff0c7}.report-status.disputed{color:#96262e;background:#ffe4e5}.report-status.community_supported{color:#5041a8;background:#e7e8ff}.report-status.official_verified{color:#0d6b49;background:#def4e9}.latest-cbs-archive .alert-card{border-width:2px;box-shadow:0 8px 28px #0a385318}.latest-cbs-archive .section-heading h2{font-size:1.7rem}.home-latest-cbs .alert-strip{border-width:0 0 0 5px;box-shadow:0 8px 28px #0a38531c}.home-latest-cbs .section-heading h2{font-size:1.7rem}.water-overview{border:1px solid #b9d9df;border-top:6px solid var(--normal);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 28px #0a385310}.water-overview.warning{border-top-color:var(--warning)}.water-overview.critical{border-top-color:var(--emergency)}.water-overview-title{align-items:flex-start;gap:16px;padding:22px 24px 17px;display:flex}.water-overview-title>span{height:46px;color:var(--blue);background:#e4f3f7;border-radius:13px;flex:0 0 46px;place-items:center;display:grid}.water-overview.critical .water-overview-title>span{color:var(--emergency);background:#ffe7e9}.water-overview-title svg{width:25px}.water-overview-title small{color:var(--muted);font-size:.72rem}.water-overview-title h2{color:var(--navy);margin:2px 0;font-size:1.6rem}.water-overview-title p{color:var(--muted);margin:3px 0 0;font-size:.82rem}.water-overview-stats{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.water-overview-stats>div{border-right:1px solid var(--line);padding:14px 20px}.water-overview-stats>div:last-child{border:0}.water-overview-stats span,.water-overview-stats small{color:var(--muted);font-size:.7rem;display:block}.water-overview-stats strong{color:var(--navy);font-size:1.75rem}.water-overview-stats .critical strong{color:var(--emergency)}.water-overview-stats .warning strong{color:var(--warning)}.water-overview-stats .normal strong{color:var(--normal)}.water-overview-footer{background:#f8fbfc;justify-content:space-between;align-items:center;gap:16px;padding:13px 20px;display:flex}.water-overview-footer nav{flex-wrap:wrap;gap:8px;display:flex}.water-overview-footer nav a{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:7px;padding:6px 10px;font-size:.72rem;font-weight:700}.section-block.compact{padding-top:30px}.rid-data-notice{color:var(--navy);background:#eef7f9;border:1px solid #c5dce3;border-radius:10px;gap:12px;padding:16px 18px;display:flex}.rid-data-notice>svg{color:var(--blue);flex:0 0 23px}.rid-data-notice p{color:var(--muted);margin:3px 0 0;font-size:.78rem}@media (width<=700px){.water-overview-title{padding:18px}.water-overview-stats{grid-template-columns:1fr 1fr}.water-overview-stats>div:nth-child(2){border-right:0}.water-overview-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.water-overview-footer{display:block}.water-overview-footer nav{margin-top:10px}.water-overview-footer nav a{text-align:center;flex:1}.water-overview-title h2{font-size:1.35rem}}.cbs-import-panel{border-top:5px solid var(--blue);margin-bottom:22px}.cbs-import-panel>p{color:var(--muted);font-size:.82rem}.csv-file-picker{background:#f4fafb;border:1px dashed #9dbcc7;border-radius:10px;gap:8px;padding:17px;font-size:.78rem;font-weight:700;display:grid}.csv-file-picker input{width:100%}.cbs-import-panel>small{color:var(--muted);margin:8px 0;display:block}.csv-preview{margin:15px 0}.csv-preview>strong{color:var(--navy);margin-bottom:8px;display:block}.csv-preview table{min-width:760px}.csv-preview>small{color:var(--muted);margin-top:7px;display:block}