:root{--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-400:#60a5fa;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-sky-500:#0ea5e9;--color-emerald-50:#ecfdf5;--color-emerald-100:#d1fae5;--color-emerald-200:#a7f3d0;--color-emerald-600:#059669;--color-emerald-700:#047857;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-200:#fecdd3;--color-rose-600:#e11d48;--color-rose-700:#be123c;--color-violet-50:#f5f3ff;--color-violet-100:#ede9fe;--color-violet-200:#ddd6fe;--color-violet-600:#7c3aed;--color-violet-700:#6d28d9;--bg-page:var(--color-slate-100);--bg-surface:#ffffff;--bg-surface-subtle:var(--color-slate-50);--text-primary:var(--color-slate-800);--text-secondary:var(--color-slate-700);--text-muted:var(--color-slate-500);--text-placeholder:var(--color-slate-400);--text-inverse:#ffffff;--border-default:var(--color-slate-200);--border-strong:var(--color-slate-300);--border-focus:var(--color-blue-400);--action-primary:var(--color-blue-600);--action-primary-hover:var(--color-blue-700);--action-primary-soft:var(--color-blue-50);--status-success:var(--color-emerald-600);--status-warning:var(--color-amber-600);--status-danger:var(--color-rose-600);--status-info:var(--color-sky-500);--font-sans:"IBM Plex Sans Thai","Inter",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-xs:12px;--lh-xs:16px;--text-sm:14px;--lh-sm:20px;--text-md:14px;--lh-md:20px;--text-table-header:11px;--lh-table-header:20px;--heading-sm:16px;--lh-h-sm:24px;--heading-md:18px;--lh-h-md:28px;--heading-lg:24px;--lh-h-lg:32px;--control-sm:32px;--control-md:40px;--control-lg:44px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-modal:24px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-xs:0 1px 0 rgba(15,23,42,0.04);--shadow-sm:0 1px 2px rgba(15,23,42,0.05);--shadow-md:0 4px 12px -2px rgba(15,23,42,0.08),0 2px 4px rgba(15,23,42,0.04);--shadow-overlay:0 20px 48px rgba(15,23,42,0.24);--navbar-height:64px;--sidebar-expanded:240px;--sidebar-collapsed:72px;--sidebar-mobile:256px;--content-offset-top:64px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--lh-md)}a{color:var(--action-primary)}button,input{font-family:inherit;font-size:var(--text-md)}