@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap";
:root{--brand-yellow:#f4b400;--charcoal:#2b2b2b;--bar-charcoal:#232323;--steel:#3e4a5a;--steel-rule:#7c8fa5;--page:#f4f5f7;--surface:#fff;--line:#e1e4e8;--row-line:#eef0f3;--control-line:#727f94;--meta:#5f6b76;--muted:#616d7a;--nav-label:#4a545e;--on-dark-muted:#bac0c7;--free-ink:#1f6b44;--free-bg:#e6f4ec;--out-ink:#3e4a5a;--out-bg:#e4e9ef;--broken-ink:#b02a20;--broken-bg:#fbeae7;--warn-ink:#a8430a;--warn-bg:#fdefe3;--unverified-bg:#f1f3f5;--manager-tag-bg:#fdf3d6;--manager-tag-ink:#8a6400;--page-deep:#eceef1;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-control:12px;--r-card:16px;--r-sheet:22px;--shadow-card:0 1px 2px #2323230d, 0 6px 16px #23232312;--shadow-sheet:0 -4px 32px #23232338;--st-pending-bg:var(--manager-tag-bg);--st-pending-ink:var(--manager-tag-ink);--st-active-bg:var(--free-bg);--st-active-ink:var(--free-ink);--st-owed-bg:var(--warn-bg);--st-owed-ink:var(--warn-ink);--st-closed-bg:var(--out-bg);--st-closed-ink:var(--out-ink)}*{box-sizing:border-box}html,body{background:var(--page);color:var(--charcoal);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Sarabun,Leelawadee UI,Tahoma,system-ui,sans-serif;font-size:14px}a{color:var(--warn-ink);text-decoration:none}a:hover{color:#7a3007}table{border-collapse:collapse}.num{font-variant-numeric:tabular-nums}button,input,select{font-family:inherit;font-size:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--warn-ink);outline-offset:2px}dialog.yard-sheet-backdrop::backdrop{background:#23232370}.ro-scroll{overflow-x:auto}@media screen and (max-width:520px){.ro-scroll th,.ro-scroll td{padding-left:4px!important;padding-right:4px!important}.ro-scroll th{font-size:11px!important}.ro-scroll table{font-size:12.5px!important}}