@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#13191f;--panel:#202832;--line:#35414f;--gold:#c8a870;--muted:#9bacc0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e7edf4;font:14px 'Noto Sans Thai',Tahoma,sans-serif}aside{position:fixed;width:242px;inset:0 auto 0 0;background:#0e141a;border-right:1px solid var(--line);padding:27px 20px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:21px;letter-spacing:.03em}.brand small{display:block;color:var(--muted);font-size:11px}.shield{background:var(--gold);color:#22232a;clip-path:polygon(50% 0,100% 18%,90% 75%,50% 100%,10% 75%,0 18%);padding:7px 12px;font-size:24px}.nav-label{color:var(--muted);font-size:11px;margin:45px 10px 16px}.nav{display:block;width:100%;text-align:left;margin:7px 0;padding:15px;border:0;background:transparent;color:#c1cede}.nav.active{background:#402a35;color:#ead0a1;border-left:3px solid var(--gold)}.sidebar-bottom{position:absolute;bottom:28px;color:var(--muted);line-height:2;font-size:11px}main{margin-left:242px}header{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:var(--muted);font-size:12px}.dot{color:var(--gold)}.content{padding:28px 30px}.title{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.06em;margin:0 0 8px}h1{font-size:30px;margin:0 0 8px;font-weight:600}p{color:var(--muted);font-size:13px}button,select,input{font:inherit}button{border:1px solid #4b5766;background:#29333f;color:#e3eaf3;border-radius:5px;padding:10px 14px;cursor:pointer}button:hover{border-color:var(--gold)}.actions{display:flex;gap:8px;flex-wrap:wrap}.filters{display:flex;gap:18px;align-items:end;border:1px solid var(--line);background:#1b232c;border-radius:5px;padding:16px;margin:25px 0 15px}.filters label{flex:1;font-size:11px;color:var(--muted)}select,input{display:block;width:100%;margin-top:7px;background:#18212b;border:1px solid #425064;color:#e7edf4;border-radius:4px;padding:10px;min-width:110px}#notice{font-size:12px;color:var(--gold);margin:12px 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:5px;background:#1d2630;margin:20px 0}.kpis>div{padding:20px 24px;border-right:1px solid var(--line)}.kpis span,.kpis small{display:block;color:var(--muted);font-size:12px}.kpis strong{display:block;font-size:37px;font-weight:500;margin:8px 0}.kpis small{font-size:11px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:23px;margin-bottom:22px}h2{font-size:17px;margin:0 0 8px}h3{font-size:14px;color:#d5bc91;margin-top:28px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:20px}.map-panel{padding:0;overflow:hidden}.panel-title{padding:18px 22px;display:flex;align-items:center;gap:14px}.panel-title h2{margin:0}.panel-title span{font-size:11px;color:var(--muted)}.panel-title button{margin-left:auto;font-size:11px}#map{height:calc(100vh - 260px);min-height:540px;background:#0b1015}.leaflet-container{font-family:'Noto Sans Thai',Tahoma,sans-serif}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#26313f;color:#e8edf4}.leaflet-popup-content{line-height:1.9}.pin{width:27px;height:34px}.pin svg{filter:drop-shadow(0 2px 3px #0009)}.area-label{background:#202b36;border:1px solid #aa8d56;color:#efd9ad;border-radius:3px;box-shadow:none;font-size:12px}.area-label:before{display:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.bar-row{margin:18px 0}.bar-info{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:6px}.bar-track{background:#111b25;height:9px;border-radius:4px;overflow:hidden}.bar-fill{background:var(--gold);height:100%;min-width:2px}.empty{color:var(--muted);padding:55px 8px;text-align:center;font-size:13px}.recent{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.recent small{color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--gold)}.table-wrap{overflow:auto}.footnote{font-size:11px}body.present aside,body.present header{display:none}body.present main{margin-left:0}body.present #map{height:70vh}body.present .content{padding:24px 36px}[hidden]{display:none!important}@media(max-width:1100px){aside{width:190px}main{margin-left:190px}.title{display:block}.actions{margin-top:15px}.filters{flex-wrap:wrap}.map-layout{grid-template-columns:1fr}.summary{display:none}}@media(max-width:700px){aside{position:static;width:auto;padding:15px}.brand{margin-bottom:10px}.nav{display:inline-block;width:auto}.nav-label,.sidebar-bottom{display:none}main{margin:0}header{display:none}.content{padding:20px 14px}.kpis{grid-template-columns:1fr 1fr}.kpis>div{padding:15px}.kpis strong{font-size:29px}.stats-grid{grid-template-columns:1fr}#map{min-height:450px}.panel-title{flex-wrap:wrap}.filters{gap:10px}h1{font-size:25px}}@media print{aside,header,.actions,.filters,#notice{display:none!important}main{margin:0}.content{padding:0}.panel,.kpis{break-inside:avoid}body{background:white;color:black}.panel,.kpis{background:white}#map{height:500px}*{print-color-adjust:exact}}