:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-surface-50: #f8fafc;--color-surface-100: #f1f5f9;--color-surface-200: #e2e8f0;--color-surface-300: #cbd5e1;--color-surface-400: #94a3b8;--color-surface-500: #64748b;--color-surface-600: #475569;--color-surface-700: #334155;--color-surface-800: #1e293b;--color-surface-900: #0f172a;--color-surface-card: #ffffff}[data-theme=dark]{--color-surface-50: #020617;--color-surface-100: #0f172a;--color-surface-200: #334155;--color-surface-300: #475569;--color-surface-400: #64748b;--color-surface-500: #94a3b8;--color-surface-600: #cbd5e1;--color-surface-700: #e2e8f0;--color-surface-800: #f1f5f9;--color-surface-900: #f8fafc;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #0f172a;--color-surface-card: #1e293b}[data-theme=ocean]{--color-primary-50: #f0fdfa;--color-primary-100: #ccfbf1;--color-primary-200: #99f6e4;--color-primary-300: #5eead4;--color-primary-400: #2dd4bf;--color-primary-500: #14b8a6;--color-primary-600: #0d9488;--color-primary-700: #0f766e;--color-primary-800: #115e59;--color-primary-900: #134e4a;--color-surface-50: #f8fafc;--color-surface-100: #f1f5f9;--color-surface-200: #e2e8f0;--color-surface-300: #cbd5e1;--color-surface-400: #94a3b8;--color-surface-500: #64748b;--color-surface-600: #475569;--color-surface-700: #334155;--color-surface-800: #1e293b;--color-surface-900: #0f172a;--color-surface-card: #ffffff}[data-theme=sunset]{--color-primary-50: #fff1f2;--color-primary-100: #ffe4e6;--color-primary-200: #fecdd3;--color-primary-300: #fda4af;--color-primary-400: #fb7185;--color-primary-500: #f43f5e;--color-primary-600: #e11d48;--color-primary-700: #be123c;--color-primary-800: #9f1239;--color-primary-900: #881337;--color-surface-50: #fff7ed;--color-surface-100: #ffedd5;--color-surface-200: #fed7aa;--color-surface-300: #fdba74;--color-surface-400: #fb923c;--color-surface-500: #f97316;--color-surface-600: #ea580c;--color-surface-700: #c2410c;--color-surface-800: #9a3412;--color-surface-900: #431407;--color-surface-card: #ffffff}[data-theme=forest]{--color-primary-50: #ecfdf5;--color-primary-100: #d1fae5;--color-primary-200: #a7f3d0;--color-primary-300: #6ee7b7;--color-primary-400: #34d399;--color-primary-500: #10b981;--color-primary-600: #059669;--color-primary-700: #047857;--color-primary-800: #065f46;--color-primary-900: #064e3b;--color-surface-50: #f0fdf4;--color-surface-100: #dcfce7;--color-surface-200: #bbf7d0;--color-surface-300: #86efac;--color-surface-400: #4ade80;--color-surface-500: #22c55e;--color-surface-600: #16a34a;--color-surface-700: #15803d;--color-surface-800: #166534;--color-surface-900: #14532d;--color-surface-card: #ffffff}input,select,textarea{background-color:var(--color-surface-card);color:var(--color-surface-800)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-surface-300);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--color-surface-400)}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-300) transparent}