:root{--font: "IBM Plex Sans Thai", system-ui, sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 30px;--brand: #ff751f;--brand-ink: #cc4e06;--brand-tint: #fff2ea;--brand-line: #ffd6b8;--ink: #14161a;--ink-soft: #5b6270;--ink-faint: #8a909c;--bg: #ffffff;--surface: #ffffff;--surface-2: #f7f8fa;--line: #ecedf0;--line-strong: #dfe1e6;--ok: #12805c;--ok-tint: #e7f6f0;--warn: #a05a00;--warn-tint: #fff4e2;--danger: #c02b1d;--danger-tint: #fdeceb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius: 12px;--radius-sm: 8px;--radius-full: 999px;--shadow: 0 1px 2px rgba(20, 22, 26, .04);--shadow-lift: 0 10px 32px rgba(20, 22, 26, .12);--tap-min: 40px;--sidebar-w: 236px;--sidebar-w-min: 64px;--topbar-h: 56px}html{-webkit-text-size-adjust:100%}body{margin:0;background:#fff;font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}button{font-family:inherit;-webkit-tap-highlight-color:transparent}input::-moz-placeholder{color:var(--ink-faint)}input::placeholder{color:var(--ink-faint)}.num{font-variant-numeric:tabular-nums}.hscroll{scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}