:root{--bg: #faf8f3;--surface: #ffffff;--surface-alt: #fbfaf7;--line: #e7e0d4;--line-soft: #f1ece3;--ink: #23262b;--ink-soft: #5c6269;--ink-faint: #8a9099;--navy: #1b2a5b;--navy-soft: #35467d;--gold: #a98341;--crimson: #c0352b;--ok: #1b7a3e;--ok-bg: #eef8f1;--warn: #8a6d00;--warn-bg: #fff8e1;--stop: #b00020;--stop-bg: #fdecee;--info: #0b57d0;--info-bg: #eef3fd;--r: 10px;--r-sm: 6px;--shadow: 0 1px 2px rgba(27, 42, 91, .06), 0 1px 10px rgba(27, 42, 91, .04);font-family:Sarabun,IBM Plex Sans Thai,Segoe UI,system-ui,sans-serif;font-size:15px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}table{font-variant-numeric:tabular-nums}h1,h2,h3,h4{color:var(--navy);font-weight:700;letter-spacing:-.01em}h1{font-size:20px;margin:0}h2{font-size:17px}h3{font-size:15px}h4{font-size:14px}button{font-family:inherit;font-size:14px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-sm);padding:6px 14px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:var(--surface-alt);border-color:#d8cfbe}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--navy);border-color:var(--navy);color:#fff}button.primary:hover:not(:disabled){background:var(--navy-soft);border-color:var(--navy-soft)}button.link{border:none;background:none;color:var(--navy);text-decoration:underline;padding:0}input,select{font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:5px 8px}input:focus,select:focus{outline:2px solid rgba(27,42,91,.25);outline-offset:-1px;border-color:var(--navy-soft)}input[readonly]{background:var(--surface-alt);color:var(--ink-soft)}table.data{border-collapse:collapse;width:100%}table.data thead th{text-align:center;font-size:12.5px;font-weight:600;color:var(--ink-soft);text-transform:none;background:var(--surface-alt);border-bottom:1px solid var(--line);padding:8px 10px;white-space:nowrap}table.data tbody td{padding:8px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--surface-alt)}td.num,th.num{text-align:right;white-space:nowrap}table.data.compact{border-collapse:separate;border-spacing:0}table.data.compact thead th{padding:6px 10px;position:sticky;top:0;z-index:1;background:var(--surface-alt);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}table.data.compact tbody td{padding:3px 10px;font-size:12.5px;border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft)}table.data.compact thead th:last-child,table.data.compact tbody td:last-child{border-right:none}table.data.compact tbody tr:last-child td{border-bottom:none}table.data.compact tbody tr:nth-child(2n){background:#fbfaf7}table.data.compact tbody tr:hover{background:var(--info-bg)}.scroll{overflow:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}table.kv td{padding:2px 0;vertical-align:top;font-size:13px}table.kv td:first-child{padding-right:14px;color:var(--ink-soft);white-space:nowrap}