:root{--navy-900:#0b1f3a;--navy-700:#16335c;--navy-100:#e6ecf5;--bg:#f6f8fb;--surface:#fff;--text:#1a2433;--muted:#5b6678;--border:#d9e0ea;--accent:#1f6feb;--danger:#b42318;--rag-green:#12805c;--rag-yellow:#b7791f;--rag-red:#b42318;--radius:8px;--font:"Noto Sans Thai", "Sarabun", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;padding:0;font-size:15px;line-height:1.55}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,input{font:inherit}.btn{border-radius:var(--radius);border:1px solid var(--navy-700);background:var(--navy-700);color:#fff;cursor:pointer;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;display:inline-flex}.btn-ghost{color:var(--navy-700);background:0 0}.field{gap:4px;display:grid}.field input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:9px 12px}.error{color:var(--danger)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}table tbody:empty:after{content:"ยังไม่มีข้อมูล";color:var(--muted);padding:14px 8px;font-size:.9rem;display:block}@media (max-width:767px){main table{display:block;overflow-x:auto}}