:root{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-tertiary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--border-color: #cbd5e1;--border-light: #e2e8f0;--accent: #2563eb;--accent-light: #dbeafe}body:not(.dark){background-color:var(--bg-primary)}body:not(.dark) h1,body:not(.dark) h2,body:not(.dark) h3,body:not(.dark) .text-shadow-light{text-shadow:0 1px 2px rgba(0,0,0,.05)}body:not(.dark) button{box-shadow:0 1px 2px #00000014}body:not(.dark) button:hover{box-shadow:0 2px 4px #0000001f}.dark{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #1e293b;--border-light: #334155;--accent: #8b5cf6;--accent-light: #4c1d95;color-scheme:dark}.dark ::-webkit-scrollbar-track{background:var(--bg-primary)}.dark ::-webkit-scrollbar-thumb{background:var(--border-light)}.dark ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.theme-gradient-bg{background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0%,rgba(139,92,246,.15) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:0 0,0 0,0 0}body.dark{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 50% 0%,rgba(139,92,246,.15) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:0 0,0 0,0 0;background-attachment:fixed}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:#0003}.dark ::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dark .glass-panel{background-color:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.dark .glass-modal{background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0%,rgba(139,92,246,.25) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 100%,30px 30px,30px 30px;background-position:0 0,0 0,0 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.3);box-shadow:0 0 40px #8b5cf626,0 25px 50px -12px #00000080}.dark .glass-input{background-color:#0000004d;border-color:#ffffff1a;color:#f1f5f9}.dark .glass-input:focus{border-color:#8b5cf680;background-color:#00000080}.glass-btn{background-color:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);transition:all .3s ease}.glass-btn:hover{background-color:#f8fafc1a;border-color:#fff3;color:var(--text-primary);transform:translateY(-1px)}.glass-btn-active{background:linear-gradient(135deg,#8b5cf666,#2563eb66);border:1px solid rgba(139,92,246,.5);box-shadow:0 0 15px #8b5cf64d,inset 0 0 10px #8b5cf633;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.glass-btn-secondary{background-color:transparent;border:1px solid rgba(255,255,255,.05);color:var(--text-muted)}.glass-btn-secondary:hover{background-color:#ffffff0d;color:var(--text-secondary)}.glass-btn-primary-purple{background:linear-gradient(135deg,#8b5cf659,#6366f159);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.5);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 0 15px #8b5cf666,inset 0 0 12px #8b5cf626;transition:all .3s ease}.glass-btn-primary-purple:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf680,#6366f180);border-color:#8b5cf6b3;box-shadow:0 0 25px #8b5cf680,inset 0 0 15px #8b5cf633;transform:translateY(-2px)}.glass-btn-primary-green{background:linear-gradient(135deg,#22c55e33,#14b8a633);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(34,197,94,.3);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 0 20px #22c55e33;transition:all .3s ease}.glass-btn-primary-green:hover:not(:disabled){background:linear-gradient(135deg,#22c55e59,#14b8a659);border-color:#22c55e80;box-shadow:0 0 30px #22c55e66,inset 0 0 15px #22c55e1a;transform:translateY(-1px)}.glass-btn-primary-pink{background:linear-gradient(135deg,#06b6d459,#8b5cf659);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(6,182,212,.5);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 0 18px #06b6d466,0 0 35px #8b5cf633,inset 0 0 12px #06b6d426;transition:all .3s ease}.glass-btn-primary-pink:hover:not(:disabled){background:linear-gradient(135deg,#06b6d480,#8b5cf680);border-color:#06b6d4b3;box-shadow:0 0 28px #06b6d480,0 0 50px #8b5cf640,inset 0 0 15px #06b6d433;transform:translateY(-2px)}.glass-btn-primary-purple:disabled,.glass-btn-primary-green:disabled,.glass-btn-primary-pink:disabled{background:#ffffff0d;border-color:#ffffff1a;box-shadow:none;color:#ffffff4d;cursor:not-allowed}.dark select option,.dark select optgroup{background-color:var(--bg-primary);color:var(--text-primary)}.dark select optgroup{color:var(--text-muted);font-weight:600;font-style:normal}.theme-toggle-icon{transition:transform .3s ease-in-out}.theme-toggle-icon:hover{transform:rotate(15deg)}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}button:active,.no-transition{transition:none!important}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}