@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped:wght@300;400;500;600;700&display=swap";:root{--primary: #3355a8;--primary-dark: #1f3a7a;--primary-light: #e9eef9;--primary-rgb: 51, 85, 168;--accent: #0aa5e8;--hdr-bg: linear-gradient(135deg, #1f3a7a, #3355a8);--hdr-text: #dce5f7;--hdr-muted: #b3c3e6;--bg: #f4f6fa;--card: #ffffff;--card2: #edf0f6;--border: #d5dbe6;--t1: #1a2333;--t2: #4a5670;--t3: #7a8599;--green: #2d8a56;--blue: #4a7c8a;--amber: #b8860b;--red: #c0392b;--purple: #6a5acd;--cyan: #2e8b7a;--font: "Noto Sans Thai Looped", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--t1);height:100vh;overflow:hidden}#app{width:100%;height:100vh}h1>.app-icon,h2>.app-icon,h3>.app-icon{width:.85em!important;height:.85em!important;margin-right:.15em}.swal2-popup{font-family:var(--font)}.swal2-container .swal2-popup .swal2-styled.swal2-confirm{background-color:var(--primary)}.swal2-container .swal2-popup .swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.35)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#b8c2d4;border-radius:2px}.btn{padding:5px 14px;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--t1);font-family:var(--font);transition:all .2s}.btn:hover{background:var(--card2)}.sel{width:100%;padding:7px 10px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--t1);font-size:11px;font-family:var(--font);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%2364748b' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.sel:focus{border-color:var(--primary)}.province-picker{margin-bottom:10px}.province-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--t3);margin-bottom:8px}.province-list{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px}.province-option{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:12px;font-weight:500;color:var(--t1);cursor:pointer;transition:background .15s}.province-option:hover{background:var(--card2)}.province-option.selected{background:var(--primary-light);color:var(--primary);font-weight:600}.province-option.all{background:#eef6f0;color:var(--t1);font-weight:600;margin-bottom:2px}.province-option.all.selected{background:var(--primary-light);color:var(--primary)}.province-option-icon{width:18px;height:18px;color:var(--t3);flex-shrink:0}.province-option.selected .province-option-icon,.province-option.all .province-option-icon{color:var(--primary)}.stit{font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.flab{font-size:10px;color:var(--t3);margin-bottom:3px}.ly{display:flex;align-items:center;gap:9px;padding:7px 9px 7px 11px;border-radius:9px;cursor:pointer;margin-bottom:3px;position:relative;border:1px solid transparent;transition:background .15s,border-color .15s}.ly:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:0 3px 3px 0;background:var(--primary);transform:translateY(-50%);transition:height .18s ease}.ly:hover{background:var(--card);border-color:var(--border)}.ly:has(.ly-t.on){background:color-mix(in srgb,var(--primary) 7%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}.ly:has(.ly-t.on):before{height:62%}.ly-dot{width:11px;height:11px;border-radius:4px;flex-shrink:0;box-shadow:0 0 0 1px #ffffffd9,0 0 0 2px #0000001a;opacity:.45;transition:opacity .15s}.ly:has(.ly-t.on) .ly-dot,.ly:hover .ly-dot{opacity:1}.ly-icon-sm{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.ly-n{font-size:11.5px;flex:1;line-height:1.4}.ly:has(.ly-t.on) .ly-n{font-weight:600}.ly-t{width:28px;height:15px;border-radius:8px;background:#b8c2d4;position:relative;transition:background .2s;flex-shrink:0}.ly-t.on{background:var(--primary)}.ly-t:after{content:"";position:absolute;width:11px;height:11px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.ly-t.on:after{transform:translate(13px)}.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.st-c{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;transition:all .2s}.st-c:hover{border-color:var(--primary);box-shadow:0 3px 12px rgba(var(--primary-rgb),.08)}.st-v{font-size:20px;font-weight:700;margin:2px 0 1px}.st-l{font-size:10px;color:var(--t3)}.ch-box{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px}.ch-t{font-size:11px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:5px}.ch-t .app-icon{color:var(--primary)}.bar-r{display:flex;align-items:center;gap:6px;margin-bottom:4px}.bar-l{font-size:9px;color:var(--t3);width:68px;text-align:right;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-tk{flex:1;height:14px;background:#e8ede8;border-radius:3px;overflow:hidden}.bar-f{height:100%;border-radius:3px;display:flex;align-items:center;padding-left:6px;font-size:8px;font-weight:600;color:#fff;transition:width .8s ease}.bar-v{font-size:9px;color:var(--t2);width:40px;text-align:right;flex-shrink:0}.dn-w{display:flex;align-items:center;gap:12px}.dn-svg{width:80px;height:80px;flex-shrink:0}.dn-lg{flex:1}.dn-i{display:flex;align-items:center;gap:5px;margin-bottom:3px;font-size:10px;color:var(--t2)}.dn-d{width:7px;height:7px;border-radius:2px;flex-shrink:0}.leaflet-popup-content-wrapper{background:#fff!important;color:var(--t1)!important;border-radius:10px!important;border:1px solid var(--border)!important;box-shadow:0 6px 24px #0000001f!important;font-family:var(--font)!important}.leaflet-popup-tip{background:#fff!important}.leaflet-control-zoom a{background:#fff!important;color:var(--t1)!important;border-color:var(--border)!important;width:34px!important;height:34px!important;line-height:34px!important;font-size:18px!important}.leaflet-control-zoom{border:none!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 2px 8px #0000001f!important}.popup-title{font-weight:600;font-size:13px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.popup-title .dot{width:10px;height:10px;border-radius:3px}.popup-row{display:flex;justify-content:space-between;font-size:11px;padding:2px 0;border-bottom:1px solid #edf0f6}.popup-row:last-child{border:none}.popup-row .k{color:var(--t3)}.popup-row .v{font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fu{animation:fadeUp .35s ease both}.export-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.export-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--t2);margin-bottom:8px}.ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ex-b{padding:10px 8px;background:var(--card);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;text-align:center;transition:all .2s;font-family:var(--font);color:var(--t1);display:flex;flex-direction:column;align-items:center;gap:4px}.ex-b:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.06);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.ex-icon{width:22px;height:22px}.ex-excel{color:#217346}.ex-pdf{color:#d32f2f}.ex-geo{color:#1565c0}.ex-png{color:#7b1fa2}.ex-kml{color:#ef6c00}.ex-b .l{font-size:10px;font-weight:500;color:var(--t3)}.m-btn{width:30px;height:30px;border-radius:7px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--t2);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 2px 6px #00000014}.m-btn:hover{background:var(--primary-light);color:var(--t1);border-color:var(--primary)}.bdg{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:3px 10px;font-size:10px;color:var(--hdr-text);display:flex;align-items:center;gap:5px}.bdg .dot{width:6px;height:6px;border-radius:50%;background:#5cb85c}@media (max-width: 1200px) and (min-width: 769px){.app-layout{grid-template-columns:240px 1fr 260px!important}}:root{--mbar: 0px}@media (max-width: 768px){:root{--sheet-h: min(68dvh, calc(100dvh - 132px) )}body.has-mbar{--mbar: 56px}.app-layout{grid-template-columns:1fr!important;grid-template-rows:52px 1fr 56px!important;height:100dvh!important}.app-layout>.map-area{grid-row:2!important;grid-column:1!important}.app-layout .sb-r-toggle{display:none!important}.app-layout .sb-l,.app-layout .sb-r{position:fixed;z-index:1300;min-width:0!important;opacity:1!important;box-shadow:0 8px 32px #0f1e4638;transition:transform .25s ease;pointer-events:none}.app-layout .sb-l{top:52px;bottom:56px;left:0;width:min(88vw,340px)!important;transform:translate(-102%)}.app-layout .sb-r{left:0;right:0;bottom:56px;width:auto!important;height:var(--sheet-h);border-left:none!important;border-top:1px solid var(--border);border-radius:14px 14px 0 0;padding-bottom:24px!important;transform:translateY(102%)}.app-layout.m-left-open .sb-l,.app-layout.m-right-open .sb-r{transform:none;pointer-events:auto}.m-backdrop{position:fixed;top:52px;left:0;right:0;bottom:56px;z-index:1250;background:#0f193259}}.tam-pin{background:none!important;border:none!important}.tam-pin-dot{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;transform:translate(-50%,-50%);border-radius:999px;border:2px solid #fff;color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px #0f1e4659;cursor:pointer}.leaflet-container.pins-compact .tam-pin-n{display:none}.tam-pin-cluster{min-width:34px;height:34px;font-size:13px;box-shadow:0 0 0 5px #ffffff73,0 2px 10px #0f1e4659}.tam-pin-n{position:absolute;top:15px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10.5px;font-weight:600;color:#1f2d3d;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;pointer-events:none}.tv-village-pin{background:none;border:none;cursor:pointer}.tv-village-pin span{display:block;width:14px;height:14px;border-radius:50%;background:#f57c00;border:2.5px solid #fff;box-shadow:0 1px 4px #0006;transition:transform .12s}.tv-village-pin:hover span{transform:scale(1.25)}