:root{color:#243630;background:#f3f6f5;font-family:Inter,Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#183f36;padding:30px 22px}aside h2{margin:0 0 34px}nav{gap:6px;display:grid}nav>*{color:#b8d2ca;border-radius:9px;padding:11px 13px;font-weight:500}nav b{color:#fff;background:#ffffff18}main{padding:34px;overflow:auto}header{justify-content:space-between;align-items:center;display:flex}header small{letter-spacing:.13em;color:#73837e;font-weight:700}h1{margin:5px 0 0}.ok{color:#16775a;background:#daf3e9;border-radius:16px;padding:7px 11px}.summary{grid-template-columns:repeat(3,minmax(140px,230px));gap:12px;margin:25px 0;display:grid}.summary article{background:#fff;border:1px solid #e1e7e5;border-radius:14px;padding:18px}.summary strong,.summary span{display:block}.summary strong{font-size:28px}.summary span{color:#71807c;font-size:13px}.table{background:#fff;border:1px solid #e0e7e5;border-radius:16px;overflow:hidden}.tableHead{justify-content:space-between;align-items:center;padding:20px;display:flex}.tableHead h3,.tableHead p{margin:0}.tableHead p{color:#7d8b87;margin-top:4px}.tableHead button,.map{color:#fff;background:#186c58;border:0;border-radius:9px;padding:10px 14px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid #e7ecea;padding:14px 20px;font-size:13px}th{color:#72817c;background:#f8faf9}.pill{color:#9b6912;background:#fff1cc;border-radius:20px;padding:6px 9px;font-size:11px}.map{color:#14634f;background:#e0f1ec;padding:7px 10px}@media (width<=800px){.layout{grid-template-columns:1fr}aside{display:none}main{padding:18px}.summary{grid-template-columns:repeat(3,1fr)}th,td{padding:12px}.table{overflow:auto}}