@font-face{font-family:"Prompt";src:url("/assets/fonts/Prompt-Regular-thai.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Prompt";src:url("/assets/fonts/Prompt-SemiBold-thai.woff2") format("woff2");font-weight:600;font-display:swap}
*{box-sizing:border-box}html{background:#edf8f6}body{margin:0;color:#213442;font-family:"Prompt",system-ui,"Noto Sans Thai",sans-serif;background:linear-gradient(145deg,#e6faf5,#f6f9f9);min-height:100vh}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.wrap{width:min(1100px,calc(100% - 28px));margin:auto}.top{position:sticky;top:0;z-index:5;border-bottom:1px solid #d9ebe7;background:rgba(245,252,250,.88);backdrop-filter:blur(18px)}.bar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#fff;font-weight:600;background:linear-gradient(135deg,#4ed0bd,#0c8786)}.brand b,.brand small{display:block}.brand small{color:#72858c;font-size:9px}nav{display:flex;gap:6px;overflow:auto}nav a{padding:9px 11px;border-radius:11px;color:#567078;font-size:12px}nav a:hover{background:#def4ef}main{padding:30px 0 100px}.eyebrow{color:#0d8986;font-size:10px;font-weight:600;letter-spacing:.15em}h1{margin:5px 0 22px;font-size:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article,.card,.list{border:1px solid #fff;border-radius:22px;background:rgba(255,255,255,.84);box-shadow:0 12px 35px rgba(33,91,91,.08)}.stats article{padding:24px}.stats b,.stats span{display:block}.stats b{color:#108c89;font-size:34px}.stats span{color:#71838a;font-size:11px}.head{display:flex;align-items:center;justify-content:space-between}.btn,button{padding:11px 16px;border:0;border-radius:13px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#3bc5b3,#087f80)}.card{padding:20px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.row{display:flex;align-items:end;gap:12px}label{display:block;color:#60737c;font-size:11px}input,select{width:100%;margin-top:5px;padding:10px 11px;border:1px solid #cfe2df;border-radius:11px;background:#fff}.grid button{align-self:end}.list{overflow:hidden}.list>a,.list>div{display:block;padding:14px 18px;border-bottom:1px solid #e3efed}.list>a:last-child,.list>div:last-child{border:0}.list b,.list span{display:block}.list span{margin-top:3px;color:#76888f;font-size:10px}.empty{padding:25px;color:#74868d;text-align:center}.flash{padding:12px 14px;margin-bottom:16px;border-radius:13px}.bad{color:#9b2c2c;background:#fdeaea}.ok{color:#126b56;background:#dcf6ed}@media(max-width:760px){.bar{align-items:flex-start;flex-direction:column;padding:10px 0 7px;gap:6px}nav{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.row{align-items:stretch;flex-direction:column}.head{align-items:flex-start;gap:10px;flex-direction:column;margin-bottom:16px}main{padding-top:20px}}