:root{--green:#216e0a;--green-dark:#164b08;--cream:#f7f4ec;--ink:#1f241d;--muted:#6b7268;--line:#dddcd5;--danger:#b8322b;--warn:#b47600;--ok:#237a36;--white:#fff;--shadow:0 12px 35px rgba(20,35,15,.10);font-family:"Noto Sans Thai","Tahoma","Arial",sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.money{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-host{position:fixed;z-index:10000;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#171a16;color:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.2s ease}.toast.show{opacity:1;transform:none}.toast.error{background:#8f2722}.toast.success{background:#1d6d31}.net-dot{width:9px;height:9px;border-radius:50%;background:#999;display:inline-block}html[data-net=online] .net-dot{background:#32a852}html[data-net=offline] .net-dot{background:#d4423a}.btn{border:0;background:var(--green);color:#fff;padding:11px 16px;border-radius:10px;font-weight:700;min-height:42px}.btn.secondary{background:#ecece7;color:#242822}.btn.outline{background:#fff;border:1px solid #c9ccc4;color:#273026}.btn.danger{background:var(--danger)}.btn.warn{background:#8a6200}.btn.big{min-height:52px;font-size:18px}.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:700;color:#4f574d}.field input,.field select,.field textarea{border:1px solid #cfd2ca;background:#fff;border-radius:8px;padding:10px 11px;min-height:42px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(33,110,10,.1)}.modal-backdrop{position:fixed;z-index:9000;inset:0;background:rgba(0,0,0,.44);display:grid;place-items:center;padding:18px}.modal{background:#fff;width:min(560px,100%);max-height:92vh;overflow:auto;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-body{padding:18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#eceee9}.badge.ok{background:#e3f4e6;color:#176227}.badge.warn{background:#fff1ca;color:#805900}.badge.danger{background:#fde6e4;color:#922b25}.badge.info{background:#e7efff;color:#31558b}.empty{padding:30px;text-align:center;color:var(--muted)}

.fa-icon{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-.125em;flex:0 0 auto}