:root,[data-theme=light]{--brand-primary:#0f4c5c;--brand-accent:#2a9d8f;--link:var(--brand-primary);--bg-canvas:#f6f8fa;--surface:#fff;--surface-muted:#eef2f6;--text-primary:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--focus-ring:#0f4c5c;--sev-0:#16a34a;--sev-1:#eab308;--sev-2:#f97316;--sev-3:#dc2626;--sev-none:#9ca3af;--on-fill-light:#fff;--on-fill-dark:#111827;--hazard-flood:#2563eb;--hazard-storm:#7c3aed;--hazard-fire:#ea580c;--hazard-epidemic:#db2777;--hazard-drought:#a16207;--hazard-haze:#4b5563;--hazard-accident:#0891b2;--hazard-other:#64748b;--overlay-flood:#3b82f659}[data-theme=dark]{--link:var(--brand-accent);--bg-canvas:#0b1220;--surface:#111a2e;--surface-muted:#1a2540;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--border:#26334d;--focus-ring:#4fd1c0;--hazard-haze:#94a3b8}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 3px #0f172a1a, 0 1px 2px #0f172a0f;--shadow-popup:0 8px 24px #0f172a2e;--shadow-sheet:0 -8px 24px #0f172a2e;--font-sans:"IBM Plex Sans Thai", "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--font-doc:"TH Sarabun New", "Sarabun", "Times New Roman", serif}.kpi{font:700 36px/44px var(--font-sans)}.kpi-kiosk{font:700 64px/72px var(--font-sans)}.title{font:600 20px/32px var(--font-sans)}.heading{font:600 16px/26px var(--font-sans)}.body{font:400 15px/24px var(--font-sans)}.label{font:500 14px/22px var(--font-sans)}.caption{font:400 13px/21px var(--font-sans)}.doc-body{font:400 21px/1.6 var(--font-doc)}.sk-root{font-family:var(--font-sans);color:var(--text-primary)}.sk-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);font:500 14px/22px var(--font-sans);cursor:pointer;border:1px solid #0000;display:inline-flex}.sk-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sk-btn--primary{background:var(--brand-primary);color:var(--on-fill-light)}.sk-btn--secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.sk-btn--danger{background:var(--sev-3);color:var(--on-fill-light)}.sk-btn--ghost{color:var(--link);background:0 0}.sk-btn--lg{min-height:52px;padding:0 var(--space-6);font-size:16px}.sk-btn svg{flex:none}.sk-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4);min-width:150px}.sk-kpi__label{font:400 13px/21px var(--font-sans);color:var(--text-secondary)}.sk-kpi__row{align-items:flex-end;gap:var(--space-2);display:flex}.sk-kpi__value{font:700 36px/44px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--text-primary)}.sk-kpi__unit{font:400 15px/24px var(--font-sans);color:var(--text-secondary);padding-bottom:6px}.sk-kpi__delta{font:500 13px/21px var(--font-sans);align-items:center;gap:2px;padding-bottom:8px;display:inline-flex}.sk-kpi__delta--up{color:var(--sev-3)}.sk-kpi__delta--down{color:var(--sev-0)}.sk-kpi__spark{margin-top:var(--space-1);display:block}.sk-sev{align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);font:500 14px/22px var(--font-sans);font-variant-numeric:tabular-nums;display:inline-flex}.sk-sev--0{background:var(--sev-0);color:var(--on-fill-light)}.sk-sev--1{background:var(--sev-1);color:var(--on-fill-dark)}.sk-sev--2{background:var(--sev-2);color:var(--on-fill-dark)}.sk-sev--3{background:var(--sev-3);color:var(--on-fill-light)}.sk-sev--none{background:var(--sev-none);color:var(--on-fill-dark)}.sk-sev--unverified{background:color-mix(in srgb, var(--sev-2) 32%, transparent);color:var(--text-primary);border:2px dashed var(--sev-2)}.sk-seg{gap:var(--space-2);display:flex}.sk-seg__btn{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface);min-height:64px;color:var(--text-primary);font:500 14px/22px var(--font-sans);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.sk-seg__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sk-seg__num{font:700 20px/24px var(--font-sans)}.sk-seg__btn[aria-pressed=true].sk-seg--0{background:var(--sev-0);border-color:var(--sev-0);color:var(--on-fill-light)}.sk-seg__btn[aria-pressed=true].sk-seg--1{background:var(--sev-1);border-color:var(--sev-1);color:var(--on-fill-dark)}.sk-seg__btn[aria-pressed=true].sk-seg--2{background:var(--sev-2);border-color:var(--sev-2);color:var(--on-fill-dark)}.sk-seg__btn[aria-pressed=true].sk-seg--3{background:var(--sev-3);border-color:var(--sev-3);color:var(--on-fill-light)}.sk-hazard{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);justify-content:center;align-items:center;gap:var(--space-1);width:76px;min-height:76px;font:500 12px/16px var(--font-sans);color:var(--text-primary);cursor:pointer;flex-direction:column;display:flex}.sk-hazard:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sk-hazard[aria-pressed=true]{border:2px solid var(--brand-primary);background:color-mix(in srgb, var(--brand-accent) 12%, var(--surface))}.sk-pin{border:2px solid var(--surface);width:30px;height:30px;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.sk-pin--lg{width:36px;height:36px}.sk-pin--0{background:var(--sev-0);color:var(--on-fill-light)}.sk-pin--1{background:var(--sev-1);color:var(--on-fill-dark)}.sk-pin--2{background:var(--sev-2);color:var(--on-fill-dark)}.sk-pin--3{background:var(--sev-3);color:var(--on-fill-light)}.sk-pin--none{background:var(--sev-none);color:var(--on-fill-dark)}.sk-pin--unverified{box-shadow:none;border:2px dashed}.sk-pin--unverified.sk-pin--3{background:color-mix(in srgb, var(--sev-3) 40%, transparent);color:var(--sev-3)}.sk-pin--unverified.sk-pin--2{background:color-mix(in srgb, var(--sev-2) 40%, transparent);color:var(--sev-2)}.sk-pin--unverified.sk-pin--1{background:color-mix(in srgb, var(--sev-1) 40%, transparent);color:var(--sev-1)}.sk-pin--pulse{animation:1s ease-out 2 sk-pulse}@keyframes sk-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 45%, transparent)}to{box-shadow:0 0 0 14px #0000}}.sk-cluster{border:2px solid var(--surface);width:40px;height:40px;box-shadow:var(--shadow-card);font:700 15px/1 var(--font-sans);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;display:flex}.sk-popup{background:var(--surface);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-popup);overflow:hidden}.sk-popup__body{padding:var(--space-4)}.sk-popup__facts{gap:var(--space-4);padding:var(--space-2) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:var(--space-3) 0;display:flex}.sk-popup__fact b{font:600 16px/26px var(--font-sans);font-variant-numeric:tabular-nums;display:block}.sk-popup__photos{gap:var(--space-1);display:flex}.sk-popup__photo{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--surface-muted);flex:1}.sk-item{align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border-left:none;display:flex}.sk-item__dot{border-radius:50%;flex:none;width:12px;height:12px}.sk-item__main{flex:1;min-width:0}.sk-item__title{font:600 15px/24px var(--font-sans)}.sk-item__sub{font:400 13px/21px var(--font-sans);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sk-item__call{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--brand-primary);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex}.sk-item__call:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sk-ring{align-items:center;gap:var(--space-3);display:inline-flex}.sk-ring__circle{background:conic-gradient(var(--brand-accent) var(--pct,75%), var(--surface-muted) 0);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.sk-ring__hole{background:var(--surface);width:42px;height:42px;font:700 13px/1 var(--font-sans);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;display:flex}.sk-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.sk-fchip{align-items:center;gap:var(--space-1);height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);font:500 14px/22px var(--font-sans);color:var(--text-primary);cursor:pointer;display:inline-flex}.sk-fchip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sk-fchip[aria-pressed=true]{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--on-fill-light)}.sk-table{border-collapse:collapse;background:var(--surface);width:100%;font:400 14px/22px var(--font-sans)}.sk-table th{text-align:left;font:500 13px/21px var(--font-sans);color:var(--text-secondary);background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3);position:sticky;top:0}.sk-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.sk-table tr:hover td{background:var(--surface-muted)}.sk-table .num{text-align:right}.sk-dot{border-radius:50%;width:10px;height:10px;margin-right:2px;display:inline-block}.sk-timeline{margin:0;padding:0;list-style:none;position:relative}.sk-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.sk-titem{padding:0 0 var(--space-4) var(--space-6);position:relative}.sk-titem:last-child{padding-bottom:0}.sk-titem__dot{border:3px solid var(--surface);border-radius:50%;width:16px;height:16px;position:absolute;top:5px;left:0}.sk-titem__time{font:400 13px/21px var(--font-sans);color:var(--text-secondary)}.sk-titem__text{font:400 15px/24px var(--font-sans)}.sk-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font:400 15px/24px var(--font-sans);display:flex}.sk-banner__bar{border-radius:2px;flex:none;align-self:stretch;width:4px}.sk-banner--offline .sk-banner__bar{background:var(--sev-1)}.sk-banner--error .sk-banner__bar{background:var(--sev-3)}.sk-banner--empty{color:var(--text-secondary);border-style:dashed;justify-content:center}.sk-toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--text-primary);color:var(--surface);font:500 14px/22px var(--font-sans);box-shadow:var(--shadow-popup);display:inline-flex}.sk-sheet{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sheet);padding:var(--space-2) var(--space-4) var(--space-4)}.sk-sheet__grip{background:var(--border);width:40px;height:4px;margin:0 auto var(--space-3);border-radius:2px}.sk-shots{gap:var(--space-2);display:flex}.sk-shots__add{border-radius:var(--radius-md);border:2px dashed var(--border);background:var(--surface);width:76px;height:76px;color:var(--brand-primary);font:500 12px/16px var(--font-sans);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.sk-shots__add:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sk-shots__thumb{border-radius:var(--radius-md);background:var(--surface-muted);width:76px;height:76px;position:relative}.sk-shots__del{border:2px solid var(--surface);background:var(--text-primary);width:22px;height:22px;color:var(--surface);font:700 12px/1 var(--font-sans);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.sk-kiosk{background:var(--bg-canvas);border-radius:var(--radius-lg);padding:var(--space-8);gap:var(--space-12);display:flex}.sk-kiosk__label{font:500 16px/26px var(--font-sans);color:var(--text-secondary)}.sk-kiosk__value{font:700 64px/72px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--text-primary)}@font-face{font-family:IBM Plex Sans Thai;font-weight:400;font-display:swap;src:url(/assets/IBMPlexSansThai-Regular-BUdyUcZN.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-weight:500;font-display:swap;src:url(/assets/IBMPlexSansThai-Medium-ByVi4pvz.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-weight:600;font-display:swap;src:url(/assets/IBMPlexSansThai-SemiBold-D-1eSGl3.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-weight:700;font-display:swap;src:url(/assets/IBMPlexSansThai-Bold-MF31bVZy.woff2)format("woff2")}body{background:var(--bg-canvas);margin:0}.topbar{align-items:center;gap:var(--space-3);height:60px;padding:0 var(--space-4);background:var(--surface);color:var(--text-primary);border-bottom:1px solid var(--border);display:flex}.page{max-width:960px;padding:var(--space-4);gap:var(--space-4);margin:0 auto;display:grid}.legend{gap:var(--space-2);flex-wrap:wrap;display:flex}.boot{padding:var(--space-4);color:var(--text-secondary)}