:root,[data-theme=light]{--bg-primary: #F8FAFC;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-input: #F1F5F9;--bg-hover: #F8FAFC;--accent: #6366F1;--accent2: #818CF8;--accent-light: #EEF2FF;--accent-glow: rgba(99,102,241,.1);--green: #10B981;--green-light: #D1FAE5;--red: #EF4444;--red-light: #FEE2E2;--yellow: #F59E0B;--yellow-light: #FEF3C7;--blue: #0EA5E9;--blue-light: #DBEAFE;--purple: #8B5CF6;--purple-light: #EDE9FE;--text-primary: #1E293B;--text-secondary: #475569;--text-muted: #94A3B8;--border: #E2E8F0;--border-active: rgba(99,102,241,.4);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--radius: 12px;--font: "IBM Plex Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace}[data-theme=dark]{--bg-primary: #0F172A;--bg-card: #1E293B;--bg-sidebar: #1E293B;--bg-input: #334155;--bg-hover: #334155;--accent: #818CF8;--accent2: #A5B4FC;--accent-light: rgba(99,102,241,.15);--accent-glow: rgba(129,140,248,.15);--green: #34D399;--green-light: rgba(52,211,153,.15);--red: #F87171;--red-light: rgba(248,113,113,.15);--yellow: #FBBF24;--yellow-light: rgba(251,191,36,.15);--blue: #38BDF8;--blue-light: rgba(56,189,248,.15);--purple: #A78BFA;--purple-light: rgba(167,139,250,.15);--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #64748B;--border: #334155;--border-active: rgba(129,140,248,.5);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.4);--shadow-lg: 0 10px 25px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background .3s,color .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}select,input,textarea{color-scheme:light}[data-theme=dark] select,[data-theme=dark] input,[data-theme=dark] textarea{color-scheme:dark}[data-theme=dark] select option,[data-theme=dark] select optgroup{background:var(--bg-card);color:var(--text-primary)}[data-theme=dark] select optgroup{font-weight:700;color:var(--text-muted)}