@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{--bg: #f5f7f5;--card: #ffffff;--card2: #eef1ee;--border: #d4ddd4;--t1: #1a2e1a;--t2: #4a6350;--t3: #7a9080;--green: #2d8a56;--blue: #4a7c8a;--amber: #b8860b;--red: #c0392b;--purple: #6a5acd;--cyan: #2e8b7a;--font: "IBM Plex Sans Thai", 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}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#b8c8b8;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(--green)}.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:#e8f5ec;color:var(--green);font-weight:600}.province-option.all{background:#eef6f0;color:var(--t1);font-weight:600;margin-bottom:2px}.province-option.all.selected{background:#d9edde;color:var(--green)}.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(--green)}.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:8px;padding:5px 8px 5px 18px;border-radius:6px;cursor:pointer;transition:background .15s;margin-bottom:2px;position:relative}.ly:before{content:"";position:absolute;left:6px;top:0;width:8px;height:50%;border-left:1.5px solid var(--border);border-bottom:1.5px solid var(--border);border-radius:0 0 0 4px}.ly:after{content:"";position:absolute;left:6px;top:0;bottom:0;border-left:1.5px solid var(--border)}.ly:last-child:after{height:50%}.ly:hover{background:var(--card)}.ly-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.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:11px;flex:1}.ly-t{width:28px;height:15px;border-radius:8px;background:#b8c8b8;position:relative;transition:background .2s;flex-shrink:0}.ly-t.on{background:var(--green)}.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(--green);box-shadow:0 3px 12px #2d8a5614}.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}.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 #eef1ee}.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(--green);background:#4caf500f;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:#e8f0e8;color:var(--t1);border-color:var(--green)}.bdg{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:3px 10px;font-size:10px;color:#d4ecd4;display:flex;align-items:center;gap:5px}.bdg .dot{width:5px;height:5px;border-radius:50%;background:#5cb85c;box-shadow:0 0 6px #5cb85c}@media (max-width: 1200px){.app-layout{grid-template-columns:240px 1fr 260px!important}}@media (max-width: 900px){body{height:auto;overflow:auto}.app-layout{display:flex!important;flex-direction:column;height:auto;min-height:100vh}.app-layout .sidebar-left{order:1;max-height:0;padding:0;border:none;overflow:hidden;transition:all .3s ease}.app-layout .sidebar-left.mobile-open{max-height:2000px;padding:12px;border-bottom:1px solid var(--border)}.app-layout .map-area{order:2;height:60vh;min-height:320px}.app-layout .sidebar-right{order:3}}.partner-fab[data-v-773bc2c8]{position:fixed;bottom:16px;right:16px;z-index:1000;background:#fff;border:1px solid var(--border, #d4ddd4);color:var(--t1, #1a2e1a);padding:8px 18px;border-radius:24px;font-size:12px;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 4px 14px #0000001f;transition:box-shadow .15s,background .15s,color .15s;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.partner-fab-icon[data-v-773bc2c8]{width:16px;height:16px;flex-shrink:0}.partner-fab[data-v-773bc2c8]:hover{background:#f7faf7;color:var(--green, #2d8a56);box-shadow:0 6px 20px #00000029}.partner-fab.dragging[data-v-773bc2c8]{cursor:grabbing;box-shadow:0 10px 28px #00000038}.partner-overlay[data-v-773bc2c8]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.partner-modal[data-v-773bc2c8]{background:#fff;border-radius:16px;padding:28px 32px 24px;max-width:880px;width:100%;max-height:88vh;overflow-y:auto;position:relative;box-shadow:0 12px 48px #00000040;font-family:inherit}.partner-close[data-v-773bc2c8]{position:absolute;top:12px;right:14px;width:32px;height:32px;border:none;background:#0000000a;color:var(--t2, #4a6350);font-size:16px;border-radius:50%;cursor:pointer;transition:background .15s}.partner-close[data-v-773bc2c8]:hover{background:#0000001f}.partner-head[data-v-773bc2c8]{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.partner-title[data-v-773bc2c8]{font-size:18px;font-weight:700;color:var(--t1, #1a2e1a);display:inline-flex;align-items:center;gap:8px}.partner-title-icon[data-v-773bc2c8]{width:22px;height:22px;color:var(--green, #2d8a56);flex-shrink:0}.partner-sub[data-v-773bc2c8]{font-size:11px;color:var(--t3, #7a9080);margin-top:4px}.partner-grid[data-v-773bc2c8]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.partner-cell[data-v-773bc2c8]{background:#f9fafb;border:1px solid rgba(0,0,0,.06);border-radius:10px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:12px;transition:transform .2s,border-color .2s,box-shadow .2s}.partner-cell[data-v-773bc2c8]:hover{transform:translateY(-3px) scale(1.03);border-color:var(--green, #2d8a56);box-shadow:0 6px 18px #0000001a;z-index:1}.partner-cell img[data-v-773bc2c8]{max-width:100%;max-height:100%;object-fit:contain}.partner-cell[data-v-773bc2c8]:nth-child(-n+6){animation:partnerBreathOdd-773bc2c8 3.6s ease-in-out 2s infinite}.partner-cell[data-v-773bc2c8]:nth-child(n+7){animation:partnerBreathEven-773bc2c8 3.6s ease-in-out 3.8s infinite}@keyframes partnerBreathOdd-773bc2c8{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.72;transform:translateY(-2px)}}@keyframes partnerBreathEven-773bc2c8{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.72;transform:translateY(2px)}}.partner-cell[data-v-773bc2c8]:hover{animation-play-state:paused}.partner-fade-enter-active[data-v-773bc2c8],.partner-fade-leave-active[data-v-773bc2c8]{transition:opacity .35s cubic-bezier(.4,0,.2,1)}.partner-fade-enter-from[data-v-773bc2c8],.partner-fade-leave-to[data-v-773bc2c8]{opacity:0}.partner-fade-enter-active .partner-modal[data-v-773bc2c8]{transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s ease-out}.partner-fade-leave-active .partner-modal[data-v-773bc2c8]{transition:transform .25s cubic-bezier(.4,0,1,1),opacity .2s ease-in}.partner-fade-enter-from .partner-modal[data-v-773bc2c8]{transform:translateY(40px) scale(.96);opacity:0}.partner-fade-leave-to .partner-modal[data-v-773bc2c8]{transform:translateY(20px) scale(.98);opacity:0}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(-n+6){animation:partnerEnterTop-773bc2c8 .55s cubic-bezier(.16,1,.3,1) backwards}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(n+7){animation:partnerEnterBottom-773bc2c8 .55s cubic-bezier(.16,1,.3,1) backwards}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(1){animation-delay:.05s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(2){animation-delay:.12s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(3){animation-delay:.19s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(4){animation-delay:.26s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(5){animation-delay:.33s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(6){animation-delay:.4s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(7){animation-delay:.47s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(8){animation-delay:.54s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(9){animation-delay:.61s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(10){animation-delay:.68s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(11){animation-delay:.75s}.partner-fade-enter-active .partner-cell[data-v-773bc2c8]:nth-child(12){animation-delay:.82s}@keyframes partnerEnterTop-773bc2c8{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes partnerEnterBottom-773bc2c8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.partner-modal[data-v-773bc2c8]{padding:24px 16px 18px}.partner-grid[data-v-773bc2c8]{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}}