:root{--brand-red: #d60000;--brand-red-hover: #b80000;--brand-red-tint: #fff1f1;--brand-red-border: #f5b8b8;--text-primary: #111111;--text-secondary: #737373;--text-disabled: #a2a2a2;--text-on-dark: #ffffff;--bg-page: #f5f5f3;--bg-card: #ffffff;--bg-soft: #f0f0ee;--bg-dark: #111111;--border-default: #e7e7e4;--border-strong: #d4d4d0;--success-fg: #177a45;--success-bg: #ecf7f0;--warning-fg: #a96400;--warning-bg: #fdf6ec;--error-fg: #d60000;--error-bg: #fff1f1;--skeleton-base: #ebebe8;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--shadow-card: 0 2px 6px -1px rgba(17, 17, 17, .04), 0 1px 2px 0 rgba(17, 17, 17, .04);--shadow-pop: 0 8px 24px rgba(17, 17, 17, .1);--sidebar-w: 248px;--topbar-h: 64px;--font-th: "Noto Sans Thai", system-ui, sans-serif;--font-en: "Inter", system-ui, sans-serif;--fs-kpi: 34px;--ls-kpi: -1.2px;--fs-kpi-sm: 24px;--ls-kpi-sm: -.6px;--fs-num-lg: 20px;--ls-num-lg: -.3px;--fs-h1: 20px;--ls-h1: -.2px;--fs-h2: 15px;--ls-h2: -.1px;--fs-body: 14px;--fs-body-sm: 13px;--fs-label: 12px;--fs-tiny: 11px;--lh-body: 1.55;--lh-heading: 1.45;--text-on-dark-soft: rgba(255, 255, 255, .75);--text-on-dark-dim: rgba(255, 255, 255, .6);--success-fg-hover: #126036;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-th),var(--font-en);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}.num,.money{font-family:var(--font-en);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--brand-red);outline-offset:2px;border-radius:var(--r-sm)}.t-kpi{font-family:var(--font-en);font-variant-numeric:tabular-nums;font-size:var(--fs-kpi);letter-spacing:var(--ls-kpi);font-weight:600;line-height:1.2}.t-kpi-sm{font-family:var(--font-en);font-variant-numeric:tabular-nums;font-size:var(--fs-kpi-sm);letter-spacing:var(--ls-kpi-sm);font-weight:600;line-height:1.25}.t-num-lg{font-family:var(--font-en);font-variant-numeric:tabular-nums;font-size:var(--fs-num-lg);letter-spacing:var(--ls-num-lg);font-weight:600;line-height:1.3}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-xl);box-shadow:var(--shadow-card)}.eyebrow{font-family:var(--font-en);font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-disabled)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:500;background:var(--bg-soft);color:var(--text-secondary)}.badge--success{background:var(--success-bg);color:var(--success-fg)}.badge--warning{background:var(--warning-bg);color:var(--warning-fg)}.badge--error{background:var(--error-bg);color:var(--error-fg)}.badge--info{background:var(--bg-soft);color:var(--text-primary)}.badge--closed{background:var(--bg-dark);color:var(--text-on-dark)}.badge .dot{background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);font-weight:500;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--bg-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-red);border-color:var(--brand-red);color:var(--text-on-dark)}.btn--primary:hover{background:var(--brand-red-hover)}.skeleton{background:var(--skeleton-base);border-radius:var(--r-sm);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}