@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Mitr:wght@400;500;600&display=swap";*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#173042;font-family:IBM Plex Sans Thai,sans-serif}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#0c2940;color:#d9e7ee;padding:26px 18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:35px}.brand b{display:block;font-family:Mitr;font-weight:500}.brand small{opacity:.7}.mark{width:48px;height:48px;border-radius:14px;background:#16a6a1;display:grid;place-items:center;font-family:Mitr;font-weight:600;color:#fff}nav{display:grid;gap:7px}nav span{padding:12px 14px;border-radius:9px}nav .active{background:#123d58;color:#fff;border-left:3px solid #28c4bd}main{padding:32px;min-width:0}header{display:flex;justify-content:space-between;align-items:center}header p{margin:0;color:#168a88;font-weight:700}h1{font-family:Mitr;font-weight:500;margin:3px 0;font-size:28px}header button,.print{border:1px solid #d6e0e5;background:#fff;border-radius:9px;padding:9px 14px;display:flex;gap:7px;align-items:center}.cards{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin:25px 0}.cards article{background:#fff;border:1px solid #e3e9ed;border-radius:14px;padding:20px;display:flex;gap:14px;align-items:center}.cards article svg{color:#168a88}.cards b{display:block;font-size:27px}.cards span{color:#647785}.cards .warn{background:#fffaf0}.cards .warn svg{color:#c58a16}.panel{background:#fff;border:1px solid #e1e8ec;border-radius:15px;overflow:hidden}.toolbar,.tablehead{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f3}.toolbar h2{font-family:Mitr;font-weight:500;margin:0}.toolbar p{margin:2px 0;color:#70818d}.search{display:flex;align-items:center;gap:8px;border:1px solid #dce4e8;border-radius:9px;padding:8px 11px}.search input{border:0;outline:0;width:260px}.groups{display:flex;gap:8px;padding:14px 20px;overflow:auto;border-bottom:1px solid #edf1f3}.groups button{white-space:nowrap;border:1px solid #dce4e8;background:#fff;border-radius:20px;padding:7px 12px;display:flex;gap:8px}.groups button.selected{background:#e6f7f6;border-color:#16a6a1;color:#08736f}.groups button.waiting{background:#fff8e8}.tablehead span{margin-left:10px;color:#71818d}.print{background:#0f7f7c;color:#fff;border:0}.print:disabled{opacity:.35}.tablewrap{overflow:auto;max-height:60vh}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:10px;border-bottom:1px solid #edf1f3;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#f8fafb;z-index:1}.check{white-space:nowrap}.loading,.error{padding:25px}.error{background:#fff1f1;color:#9b2c2c;margin-bottom:15px}@media(max-width:900px){.app{grid-template-columns:1fr}aside{display:none}main{padding:16px}.cards{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.search,.search input{width:100%}}@media print{aside,header,.cards,.toolbar,.groups,.tablehead .print{display:none!important}main{padding:0}.panel{border:0}.tablehead{padding:0 0 12px}.tablewrap{max-height:none;overflow:visible}table{font-family:TH Sarabun New,Sarabun,sans-serif;font-size:12pt}th{position:static}th,td{padding:5px;border:1px solid #333}.app{display:block}body{background:#fff}@page{size:A4 landscape;margin:10mm}}