@import url("https://fonts.googleapis.com/css2?family=Anuphan:wght@100;200;300;400;500;600;700&display=swap");:root{--header-height:70px;--transition-speed:0.3s;--primary-color:#1e3a8a;--secondary-color:#6d28d9;--text-color:#1f2937;--text-muted:#64748b;--bg-color:#fff;--admin-bg:#f3f4f6;--white:#fff;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-700:#374151;--card-bg:#fff;--card-border:#e5e7eb;--input-bg:#fff;--nav-bg:#1e293b;--nav-text:#cbd5e1;--nav-hover:#334155;--border-color:#e2e8f0}[data-theme=dark]{--primary-color:#38bdf8;--secondary-color:#a78bfa;--text-color:#f1f5f9;--text-muted:#cbd5e1;--bg-color:#0f172a;--admin-bg:#020617;--white:#1e293b;--gray-100:#1e293b;--gray-200:#334155;--gray-700:#e2e8f0;--card-bg:#1e293b;--card-border:#334155;--input-bg:#0f172a;--nav-bg:#020617;--nav-text:#94a3b8;--nav-hover:#1e293b;--border-color:#334155}[data-color-preset=indigo-night]{--primary-color:#4f46e5;--secondary-color:#818cf8}[data-theme=dark][data-color-preset=indigo-night]{--primary-color:#818cf8;--secondary-color:#a5b4fc}[data-color-preset=emerald-forest]{--primary-color:#059669;--secondary-color:#34d399}[data-theme=dark][data-color-preset=emerald-forest]{--primary-color:#34d399;--secondary-color:#6ee7b7}[data-color-preset=deep-rose]{--primary-color:#e11d48;--secondary-color:#fb7185}[data-theme=dark][data-color-preset=deep-rose]{--primary-color:#fb7185;--secondary-color:#fda4af}[data-color-preset=sunset-amber]{--primary-color:#d97706;--secondary-color:#fbbf24}[data-theme=dark][data-color-preset=sunset-amber]{--primary-color:#fbbf24;--secondary-color:#fcd34d}[data-color-preset=slate-modern]{--primary-color:#334155;--secondary-color:#94a3b8}[data-theme=dark][data-color-preset=slate-modern]{--primary-color:#94a3b8;--secondary-color:#cbd5e1}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden;font-family:Anuphan,sans-serif;color:var(--text-color);background:var(--bg-color);line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.admin-card{background:var(--white);padding:20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}select option{background-color:var(--card-bg);color:var(--text-color)}