:root{--green: #4caf50;--green-dark: #388e3c;--green-darker: #2e7d32;--brown: #3e2723;--brown-soft: #5d4037;--offwhite: #fafafa;--bg: #f4f6f3;--surface: #ffffff;--border: #e2e6e0;--text: #2b2b2b;--muted: #6b726c;--danger: #c62828;--warn: #ef6c00;--ok: #2e7d32;--info: #1565c0;--radius: 12px;--shadow: 0 1px 3px rgba(62, 39, 35, .08), 0 1px 2px rgba(62, 39, 35, .06);--shadow-lg: 0 8px 24px rgba(62, 39, 35, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Sarabun,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--green-dark);text-decoration:none}h1,h2,h3,h4{color:var(--brown);margin:0 0 .5rem;font-weight:600}.btn{display:inline-flex;align-items:center;gap:.4rem;justify-content:center;background:var(--green);color:#fff;border:none;border-radius:10px;padding:.6rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;min-height:42px;transition:background .15s,transform .05s}.btn:hover{background:var(--green-dark)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--brown);border:1px solid var(--border)}.btn.secondary:hover{background:#f3f3f1}.btn.danger{background:var(--danger)}.btn.small{min-height:34px;padding:.35rem .7rem;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card h3{margin-top:0}label.field{display:block;margin-bottom:.85rem}label.field>span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem;font-weight:500}input,select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;font:inherit;background:#fff;color:var(--text);min-height:42px}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);border-color:var(--green)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--border);white-space:nowrap}th{background:#f0f3ee;color:var(--brown);font-weight:600;position:sticky;top:0}tbody tr:hover{background:#f7f9f6}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600}.badge.ok{background:#e8f5e9;color:var(--ok)}.badge.warn{background:#fff3e0;color:var(--warn)}.badge.danger{background:#ffebee;color:var(--danger)}.badge.info{background:#e3f2fd;color:var(--info)}.badge.muted{background:#eceff1;color:var(--muted)}.row{display:flex;gap:1rem;flex-wrap:wrap}.grid{display:grid;gap:1rem}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.88rem}.spacer{flex:1}.mt{margin-top:1rem}.center{display:flex;align-items:center;justify-content:center}