:root{color-scheme:light;--bg: #eef1f6;--surface: #ffffff;--surface-2: #f7f9fc;--surface-3: #eef2f8;--sidebar-bg: #12161f;--sidebar-bg-2: #1a2029;--sidebar-fg: #9aa6b8;--sidebar-fg-active: #ffffff;--sidebar-active-bg: rgba(59, 130, 246, .16);--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-border: rgba(255, 255, 255, .07);--sidebar-section: #5b6675;--ink: #131a24;--ink-2: #3d4757;--ink-3: #536074;--muted: #6b7688;--faint: #657286;--brand: #2f6fed;--brand-strong: #1f5ad6;--brand-soft: #e7f0ff;--brand-ink: #1b4bb0;--on-brand: #ffffff;--success: #16a24a;--success-soft: #e4f7ec;--success-ink: #0f7a37;--on-success: #ffffff;--danger: #e03449;--danger-soft: #fdeaec;--danger-ink: #b21f31;--on-danger: #ffffff;--warn: #e08a00;--warn-soft: #fdf1dd;--warn-ink: #a45f00;--warning-ink: var(--warn-ink);--on-warn: #271700;--info: #0e8fbf;--info-soft: #e2f4fb;--info-ink: #0a6b90;--on-info: #ffffff;--neutral: #6b7688;--neutral-soft: #eef1f6;--border: #e2e7ef;--border-2: #d3dae5;--line: var(--border);--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(17, 26, 40, .06);--shadow: 0 4px 16px rgba(17, 26, 40, .08);--shadow-lg: 0 18px 48px rgba(17, 26, 40, .18);--ring: 0 0 0 3px rgba(47, 111, 237, .18);--overlay: rgba(17, 26, 40, .52);--control-bg: #ffffff;--control-placeholder: var(--faint);--chart-withdraw: #657286;--login-bg-a: #1c2740;--login-bg-b: #2a1f4a;--sidebar-w: 248px;--topbar-h: 60px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1218;--surface: #171c24;--surface-2: #1d2430;--surface-3: #273140;--sidebar-bg: #0b0e13;--sidebar-bg-2: #141922;--sidebar-fg: #aab5c5;--sidebar-fg-active: #ffffff;--sidebar-active-bg: rgba(110, 161, 255, .2);--sidebar-hover-bg: rgba(255, 255, 255, .07);--sidebar-border: rgba(255, 255, 255, .09);--sidebar-section: #8793a5;--ink: #f3f6fa;--ink-2: #d1d8e2;--ink-3: #b7c1cf;--muted: #a6b1c0;--faint: #92a0b3;--brand: #4f84e6;--brand-strong: #6ea1ff;--brand-soft: #223757;--brand-ink: #c5d8ff;--on-brand: #ffffff;--success: #48c77a;--success-soft: #173625;--success-ink: #8fe3ae;--on-success: #071b10;--danger: #d64556;--danger-soft: #412128;--danger-ink: #ffb0ba;--on-danger: #ffffff;--warn: #f3b64d;--warn-soft: #3d3018;--warn-ink: #ffd48b;--warning-ink: var(--warn-ink);--on-warn: #271800;--info: #57b9dc;--info-soft: #173541;--info-ink: #9bdcf2;--on-info: #071d25;--neutral: #9ca9ba;--neutral-soft: #29313d;--border: #2d3745;--border-2: #3c4859;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow: 0 5px 18px rgba(0, 0, 0, .28);--shadow-lg: 0 20px 52px rgba(0, 0, 0, .45);--ring: 0 0 0 3px rgba(110, 161, 255, .28);--overlay: rgba(0, 0, 0, .68);--control-bg: #171c24;--control-placeholder: #92a0b3;--chart-withdraw: #aab5c5;--login-bg-a: #121b2d;--login-bg-b: #211936}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}input,select,textarea,button{color-scheme:inherit}textarea,select{background-color:var(--control-bg);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--control-placeholder)}a{color:inherit}::selection{background:var(--brand-soft);color:var(--brand-ink)}.page-title{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.stub-note{color:var(--muted);font-size:13.5px;margin:0}.bo-page{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;max-width:1200px;color:var(--ink);font-size:13.5px;line-height:1.55}.bo-page-head{min-width:0}.bo-page-head h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.4;overflow-wrap:anywhere}.bo-page-head p{margin:4px 0 0;color:var(--muted)}.bo-card{display:grid;gap:14px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.bo-card>h2,.bo-card>h3{margin:0;font-size:15.5px;line-height:1.4}.bo-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));min-width:0}.bo-muted{color:var(--muted)}.bo-ok{color:var(--success-ink)}.bo-bad{color:var(--danger-ink)}.bo-actionbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0}.bo-actionbar>.bo-msg{flex:1 1 200px;min-width:0}.bo-field{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--ink-2);font-size:12.5px}.bo-label{font-weight:600;color:var(--ink-2);overflow-wrap:anywhere}.bo-req{margin-inline-start:3px;color:var(--danger-ink)}.bo-help{margin:0;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.bo-error{margin:0;color:var(--danger-ink);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.bo-input,.bo-select,.bo-textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:40px;padding:9px 12px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--ink);font:inherit;font-size:13.5px}.bo-textarea{resize:vertical;min-height:84px}.bo-input:focus-visible,.bo-select:focus-visible,.bo-textarea:focus-visible{outline:2px solid var(--brand);outline-offset:1px;box-shadow:var(--ring)}.bo-input:disabled,.bo-select:disabled,.bo-textarea:disabled{opacity:.55;cursor:not-allowed}.bo-input[aria-invalid=true],.bo-select[aria-invalid=true],.bo-textarea[aria-invalid=true]{border-color:var(--danger)}.bo-money{position:relative;display:flex;align-items:stretch;min-width:0}.bo-money>.bo-money-sym{display:inline-flex;align-items:center;padding:0 11px;border:1px solid var(--border-2);border-inline-end:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--surface-3);color:var(--ink-3);font-weight:700}.bo-money>.bo-input{border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-align:right;font-variant-numeric:tabular-nums}.bo-toggle{display:inline-flex;align-items:center;gap:10px;min-height:40px;color:var(--ink-2);font-size:13.5px;cursor:pointer}.bo-toggle>input{position:absolute;opacity:0;width:1px;height:1px}.bo-toggle-track{position:relative;flex:0 0 auto;width:42px;height:24px;border-radius:999px;background:var(--border-2);transition:background .15s}.bo-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .15s}.bo-toggle>input:checked+.bo-toggle-track{background:var(--brand)}.bo-toggle>input:checked+.bo-toggle-track:after{transform:translate(18px)}.bo-toggle>input:focus-visible+.bo-toggle-track{outline:2px solid var(--brand);outline-offset:2px}.bo-toggle>input:disabled+.bo-toggle-track{opacity:.5}.bo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:40px;padding:9px 16px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-2);font:inherit;font-size:13.5px;font-weight:600;line-height:1.3;cursor:pointer}.bo-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--brand)}.bo-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.bo-btn:disabled{opacity:.5;cursor:not-allowed}.bo-btn--primary{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.bo-btn--primary:hover:not(:disabled){background:var(--brand-strong)}.bo-btn--danger{border-color:var(--danger);color:var(--danger-ink)}.bo-btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.bo-btn--sm{min-height:32px;padding:5px 10px;font-size:12.5px}.bo-msg{margin:0;padding:10px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);overflow-wrap:anywhere}.bo-msg--bad{border-color:var(--danger);background:var(--danger-soft);color:var(--danger-ink)}.bo-msg--ok{border-color:var(--success);background:var(--success-soft);color:var(--success-ink)}.bo-msg--warn{border-color:var(--warn);background:var(--warn-soft);color:var(--warn-ink)}.bo-summary{display:grid;gap:8px;margin:0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);font-size:13px}.bo-summary>div{display:flex;justify-content:space-between;gap:12px;min-width:0}.bo-summary dt{color:var(--muted)}.bo-summary dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bo-table-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.bo-table-scroll:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.bo-table{width:max-content;min-width:100%;border-collapse:collapse;color:var(--ink-2);font-size:13.5px}.bo-table th,.bo-table td{padding:10px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.bo-table th{background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.bo-table tbody tr:last-child td{border-bottom:0}.bo-table td.bo-num,.bo-table th.bo-num{text-align:right;font-variant-numeric:tabular-nums}.bo-table .bo-sticky-first{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border)}.bo-table th.bo-sticky-first{background:var(--surface-2);z-index:2}.bo-table .bo-sticky-last{position:sticky;right:0;z-index:1;background:var(--surface);box-shadow:-1px 0 0 var(--border);white-space:nowrap}.bo-table th.bo-sticky-last{background:var(--surface-2);z-index:2}.bo-table td input,.bo-table td select{min-width:96px}.bo-dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:16px;background:var(--overlay);overscroll-behavior:contain}.bo-dialog{--bo-dialog-w: 560px;display:flex;flex-direction:column;box-sizing:border-box;width:min(var(--bo-dialog-w),100%);max-height:calc(100dvh - 32px);min-width:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);font-size:13.5px;line-height:1.55}.bo-dialog[data-size=sm]{--bo-dialog-w: 420px}.bo-dialog[data-size=lg]{--bo-dialog-w: 760px}.bo-dialog[data-size=xl]{--bo-dialog-w: 1040px}.bo-dialog-mask[data-layer=over]{z-index:1300}.bo-dialog-head{flex:0 0 auto;padding:16px 20px 12px;min-width:0}.bo-dialog-head h2,.bo-dialog-head h3{margin:0;font-size:17px;line-height:1.4;overflow-wrap:anywhere}.bo-dialog-head p{margin:4px 0 0;color:var(--muted);font-size:12.5px}.bo-dialog-actions{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.bo-dialog-body p{margin:0}.bo-dialog-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:14px;padding:16px 20px 20px;overflow-y:auto;overscroll-behavior:contain}@media (max-width: 640px){.bo-dialog-mask{padding:0;place-items:stretch}.bo-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.bo-dialog-head{padding:14px 14px 10px}.bo-dialog-actions{gap:8px;padding:12px 14px max(12px,env(safe-area-inset-bottom))}.bo-dialog-actions>.bo-btn{flex:1 1 0;min-width:min(120px,100%)}.bo-dialog-body{padding:14px 14px max(20px,env(safe-area-inset-bottom))}}@media (max-height: 300px){.bo-dialog-mask{display:block;overflow-y:auto}.bo-dialog{max-height:none;height:auto;margin-inline:auto}.bo-dialog-body{overflow:visible}}@media (max-width: 640px){.bo-table .bo-sticky-last{position:static;box-shadow:none}}@media (max-width: 720px){.bo-input,.bo-select,.bo-btn,.bo-toggle,.bo-btn--sm{min-height:44px}.bo-card{padding:14px}.bo-actionbar{padding:8px 10px}.bo-actionbar>.bo-btn{flex:1 1 auto}.bo-table th,.bo-table td{padding:9px 12px}.bo-page-head h1{font-size:20px}}@media (max-width: 720px){:is(.content,.modal-mask,.bo-dialog-mask) :is(input:not([type=checkbox],[type=radio],[type=file],[type=range],[type=hidden],[type=color]),select,textarea){min-height:44px}:is(.content,.modal-mask,.bo-dialog-mask) button:not(.bo-keep-size){min-height:44px}}