[data-radix-popper-content-wrapper]{transition:none!important}:root{--primary-color:#6b4de6;--secondary-color:#4facfe;--accent-color:#9f2bc1;--background-color:#1a1b2e;--text-color:#e2e8f0;--muted-text:#a0aec0;--background:0 0% 100%;--muted-foreground:220 9% 46%;--border:229 231 235;--magical-gradient:linear-gradient(135deg,#6b4de6,#4facfe);--mystical-gradient:linear-gradient(135deg,#9f2bc1,#6b4de6);--magical-shadow:0 4px 20px rgba(107,77,230,0.15);--mystical-glow:0 0 15px rgba(79,172,254,0.3)}.dark{--background:224 71% 4%;--foreground:210 40% 98%;--card:224 71% 4%;--card-foreground:210 40% 98%;--popover:224 71% 4%;--popover-foreground:210 40% 98%;--primary:266 89% 60%;--primary-foreground:210 40% 98%;--secondary:215 28% 17%;--secondary-foreground:210 40% 98%;--muted:215 28% 17%;--muted-foreground:217 10% 64%;--accent:266 89% 60%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:215 28% 17%;--input:215 28% 17%;--ring:266 89% 60%}*{transition:all .3s ease-in-out}.magical-btn{background:linear-gradient(90deg,rgb(147,51,234),rgb(236,72,153))!important;border:none;border-radius:8px;color:white;padding:12px 24px;cursor:pointer;box-shadow:var(--magical-shadow);transition:all .2s ease!important}.magical-btn:hover{background:linear-gradient(90deg,rgb(126,34,206),rgb(219,39,119))!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(139,92,246,.3)!important}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.magical-card{background:rgba(26,27,46,.8);border-radius:16px;backdrop-filter:blur(12px);border:1px solid rgba(107,77,230,.1);box-shadow:var(--magical-shadow)}.magical-card:hover{border-color:rgba(107,77,230,.3);box-shadow:var(--mystical-glow)}.magical-text{background:linear-gradient(90deg,rgb(192,132,252),rgb(251,113,133));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.login-page-bg{background:linear-gradient(to bottom right,rgb(30,27,75),rgb(58,18,85) 50%,rgb(107,13,47));position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.login-page-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.08) 0,rgba(236,72,153,.04) 50%,rgba(0,0,0,0) 100%)}.login-container{background:rgba(17,24,39,.7);backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.2);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.4),inset 0 0 30px rgba(139,92,246,.05)}.login-container input{background:rgba(17,24,39,.6)!important;border-color:rgba(139,92,246,.3)!important;color:#e2e8f0!important;backdrop-filter:blur(5px)}.login-container input::placeholder{color:rgba(226,232,240,.6)!important}.login-container input:focus{background:rgba(17,24,39,.7)!important;border-color:rgba(139,92,246,.5)!important;box-shadow:0 0 0 2px rgba(139,92,246,.2)!important}.login-container label{font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.login-container .text-gray-300,.login-container label{color:rgb(226,232,240)!important}.login-container .text-purple-300{color:rgb(216,180,254)!important}.login-container .text-purple-300:hover{color:rgb(233,213,255)!important}.login-container button.magical-btn{background:linear-gradient(135deg,rgba(139,92,246,.9),rgba(236,72,153,.9));color:white;border:none;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}.login-container button.magical-btn:hover{background:linear-gradient(135deg,rgba(139,92,246,1),rgba(236,72,153,1));transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.login-container .error-message{color:#fca5a5;font-size:.875rem;margin-top:.25rem}