:root{--bg-primary: #F8FAFC;--bg-card: #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}*,*: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}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@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}