:root{font-family:Sarabun,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);transition:background .3s ease,color .3s ease}body.theme-dark{--bg: #0b1021;--surface: rgba(255, 255, 255, .04);--surface-subtle: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--text: #e2e8f0;--text-muted: #94a3b8;--sidebar-bg: linear-gradient(180deg, #0f172a 0%, #111827 60%, #0b1021 100%);--nav-hover: rgba(255, 255, 255, .06);--nav-active-bg: linear-gradient(135deg, rgba(0, 212, 255, .2), rgba(0, 119, 255, .2));--nav-active-border: rgba(0, 212, 255, .25);--icon-bg: rgba(255, 255, 255, .05);--profile-bg: rgba(0, 212, 255, .08);--logout-bg: rgba(255, 255, 255, .12);--logout-hover: rgba(255, 255, 255, .18);--shadow: 0 12px 30px rgba(0, 0, 0, .2);--accent: #00d4ff;color-scheme:dark}body.theme-light{--bg: #f6f8fc;--surface: #ffffff;--surface-subtle: #eef2ff;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-muted: #475569;--sidebar-bg: linear-gradient(180deg, #ffffff 0%, #eef2ff 100%);--nav-hover: rgba(0, 0, 0, .05);--nav-active-bg: linear-gradient(135deg, rgba(37, 99, 235, .12), rgba(14, 165, 233, .12));--nav-active-border: rgba(37, 99, 235, .35);--icon-bg: rgba(15, 23, 42, .06);--profile-bg: rgba(37, 99, 235, .08);--logout-bg: rgba(15, 23, 42, .06);--logout-hover: rgba(15, 23, 42, .1);--shadow: 0 12px 30px rgba(15, 23, 42, .08);--accent: #2563eb;color-scheme:light}body:not(.theme-light):not(.theme-dark){--bg: #0b1021;--surface: rgba(255, 255, 255, .04);--surface-subtle: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--text: #e2e8f0;--text-muted: #94a3b8;--sidebar-bg: linear-gradient(180deg, #0f172a 0%, #111827 60%, #0b1021 100%);--nav-hover: rgba(255, 255, 255, .06);--nav-active-bg: linear-gradient(135deg, rgba(0, 212, 255, .2), rgba(0, 119, 255, .2));--nav-active-border: rgba(0, 212, 255, .25);--icon-bg: rgba(255, 255, 255, .05);--profile-bg: rgba(0, 212, 255, .08);--logout-bg: rgba(255, 255, 255, .12);--logout-hover: rgba(255, 255, 255, .18);--shadow: 0 12px 30px rgba(0, 0, 0, .2);--accent: #00d4ff;color-scheme:dark}button,input{font-family:inherit}