body{background:linear-gradient(135deg,#f8fafc,#f1f5f9 25%,#e2e8f0 50%,#cbd5e1 75%,#94a3b8)!important;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,#ff3366 0,transparent 25%),radial-gradient(circle at 85% 15%,#00ff88 0,transparent 25%),radial-gradient(circle at 35% 75%,#3366ff 0,transparent 25%),radial-gradient(circle at 95% 85%,#ff8800 0,transparent 25%),radial-gradient(circle at 5% 95%,#cc00ff 0,transparent 25%);opacity:.08;pointer-events:none;z-index:-1;animation:colorShift 10s ease-in-out infinite}@keyframes colorShift{0%,to{opacity:.08}50%{opacity:.12}}.glass-card,.glass-chart-container,.glass-metric-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.9))!important;border:1.5px solid rgba(96,165,250,.4)!important;color:#1e293b!important;text-shadow:none;box-shadow:0 4px 12px rgba(51,102,255,.1),0 0 8px rgba(204,0,255,.05)!important;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover,.glass-chart-container:hover,.glass-metric-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95))!important;border-color:rgba(255,107,157,.6)!important;transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px rgba(255,51,102,.15),0 0 12px rgba(0,255,136,.1)!important}:root{--neon-pink:#ff6b9d;--neon-green:#4ade80;--electric-blue:#60a5fa;--bright-orange:#fb923c;--vivid-purple:#a855f7;--lime-green:#a3e635;--hot-pink:#f472b6;--cyan-blue:#22d3ee;--card-bg-primary:rgba(51,102,255,0.9);--card-bg-success:rgba(0,255,136,0.9);--card-bg-warning:rgba(255,136,0,0.9);--card-bg-error:rgba(255,51,102,0.9);--card-bg-purple:rgba(204,0,255,0.9);--card-bg-cyan:rgba(0,255,255,0.9);--border-primary:#3366ff;--border-success:#00ff88;--border-warning:#ff8800;--border-error:#ff3366;--border-purple:#cc00ff;--border-cyan:#00ffff;--glass-blur-sm:blur(8px);--glass-blur-md:blur(12px);--glass-blur-lg:blur(16px);--glass-blur-xl:blur(20px);--glass-shadow-sm:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--glass-shadow-md:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--glass-shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--glass-shadow-xl:0 25px 50px -12px rgba(0,0,0,0.25);--glass-gradient-primary:linear-gradient(135deg,rgba(120,119,198,0.15),rgba(162,155,254,0.15));--glass-gradient-success:linear-gradient(135deg,rgba(0,184,148,0.15),rgba(85,239,196,0.15));--glass-gradient-warning:linear-gradient(135deg,rgba(255,206,84,0.15),rgba(255,159,67,0.15));--glass-gradient-error:linear-gradient(135deg,rgba(255,118,117,0.15),rgba(253,121,168,0.15));--glass-gradient-info:linear-gradient(135deg,rgba(74,144,226,0.15),rgba(116,185,255,0.15));--glass-bg-primary-dark:rgba(0,0,0,0.2);--glass-bg-secondary-dark:rgba(0,0,0,0.1);--glass-border-dark:rgba(255,255,255,0.1)}.glass{background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){background:rgba(255,255,255,.2)}}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){background:rgba(255,255,255,.2)}background:rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:white}.glass-card:hover{background:var(--glass-bg-secondary);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.glass-sm{backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);box-shadow:var(--glass-shadow-sm)}.glass-md{backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);box-shadow:var(--glass-shadow-md)}.glass-lg{backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);box-shadow:var(--glass-shadow-lg)}.glass-xl{backdrop-filter:var(--glass-blur-xl);-webkit-backdrop-filter:var(--glass-blur-xl);box-shadow:var(--glass-shadow-xl)}.glass-accent{background:var(--glass-bg-accent);border-color:var(--glass-border-accent)}.glass-success{background:var(--glass-bg-success);border-color:var(--glass-border-success)}.glass-warning{background:var(--glass-bg-warning);border-color:var(--glass-border-warning)}.glass-error{background:var(--glass-bg-error);border-color:var(--glass-border-error)}.glass-gradient-primary{background:var(--glass-gradient-primary)}.glass-gradient-success{background:var(--glass-gradient-success)}.glass-gradient-warning{background:var(--glass-gradient-warning)}.glass-gradient-error{background:var(--glass-gradient-error)}.glass-dashboard-bg{background:linear-gradient(135deg,#f8fafc,#f1f5f9 25%,#e2e8f0 50%,#cbd5e1 75%,#94a3b8)!important;min-height:100vh!important;position:relative;color:#1e293b!important}.glass-dashboard-bg:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,var(--neon-pink) 0,transparent 30%),radial-gradient(circle at 90% 10%,var(--neon-green) 0,transparent 30%),radial-gradient(circle at 30% 80%,var(--electric-blue) 0,transparent 30%),radial-gradient(circle at 80% 90%,var(--bright-orange) 0,transparent 30%),radial-gradient(circle at 20% 60%,var(--vivid-purple) 0,transparent 30%);opacity:.12;pointer-events:none;z-index:-1;animation:vibrantPulse 8s ease-in-out infinite}@keyframes vibrantPulse{0%,to{opacity:.12}33%{opacity:.18}66%{opacity:.15}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--electric-blue),0 0 20px var(--electric-blue),0 0 30px var(--electric-blue)}33%{box-shadow:0 0 15px var(--neon-pink),0 0 25px var(--neon-pink),0 0 35px var(--neon-pink)}66%{box-shadow:0 0 15px var(--neon-green),0 0 25px var(--neon-green),0 0 35px var(--neon-green)}}.glass-dashboard-bg:after{content:"";position:fixed;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--neon-pink) 0,transparent 70%);top:15%;right:8%;animation:float 8s ease-in-out infinite,colorCycle 6s linear infinite;opacity:.15;pointer-events:none;z-index:-1;filter:blur(2px)}@keyframes colorCycle{0%{background:radial-gradient(circle,var(--neon-pink) 0,transparent 70%)}20%{background:radial-gradient(circle,var(--electric-blue) 0,transparent 70%)}40%{background:radial-gradient(circle,var(--neon-green) 0,transparent 70%)}60%{background:radial-gradient(circle,var(--bright-orange) 0,transparent 70%)}80%{background:radial-gradient(circle,var(--vivid-purple) 0,transparent 70%)}to{background:radial-gradient(circle,var(--neon-pink) 0,transparent 70%)}}.glass-navbar{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(248,250,252,.95));border-bottom:2px solid var(--electric-blue);box-shadow:0 4px 20px rgba(51,102,255,.4)}.glass-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,252,.95));border-right:2px solid var(--vivid-purple);color:#1e293b;box-shadow:4px 0 20px rgba(204,0,255,.3)}.glass-metric-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.9));border:1.5px solid rgba(96,165,250,.4);color:#1e293b;text-shadow:none;box-shadow:0 4px 12px rgba(51,102,255,.1),0 0 8px rgba(204,0,255,.05);border-radius:16px}.glass-metric-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));border-color:rgba(255,107,157,.6);transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px rgba(255,51,102,.15),0 0 12px rgba(0,255,136,.1)}.glass-metric-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){background:rgba(255,255,255,.2)}background:rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:white}.glass-metric-card:hover{background:var(--glass-bg-secondary);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.glass-metric-card{padding:1rem}}.glass-metric-card{background:rgba(255,255,255,.12);position:relative;overflow:hidden}.glass-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(96,165,250,.6),rgba(168,85,247,.6));border-radius:16px 16px 0 0;box-shadow:0 0 6px rgba(96,165,250,.2)}.glass-metric-card.success:before{background:linear-gradient(90deg,rgba(74,222,128,.6),rgba(163,230,53,.6));box-shadow:0 0 6px rgba(74,222,128,.2)}.glass-metric-card.warning:before{background:linear-gradient(90deg,rgba(251,146,60,.6),rgba(251,191,36,.6));box-shadow:0 0 6px rgba(251,146,60,.2)}.glass-metric-card.error:before{background:linear-gradient(90deg,rgba(255,107,157,.6),rgba(244,114,182,.6));box-shadow:0 0 6px rgba(255,107,157,.2)}.glass-chart-container{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.9));border:1.5px solid rgba(96,165,250,.4);color:#1e293b;text-shadow:none;box-shadow:0 4px 12px rgba(51,102,255,.1),0 0 8px rgba(204,0,255,.05);border-radius:16px}.glass-chart-container:hover{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));border-color:rgba(255,107,157,.6);transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px rgba(255,51,102,.15),0 0 12px rgba(0,255,136,.1)}.glass-chart-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){background:rgba(255,255,255,.2)}border-radius:.75rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:white}.glass-chart-container:hover{background:var(--glass-bg-secondary);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.glass-chart-container{padding:1rem}}.glass-chart-container{background:rgba(255,255,255,.1);padding:2rem}.glass-chart-header{display:flex;justify-content:between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(96,165,250,.2)}.glass-button{background:linear-gradient(135deg,var(--electric-blue),var(--vivid-purple));border:2px solid var(--neon-pink);border-radius:12px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:white;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(51,102,255,.5)}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s}.glass-button:hover:before{left:100%}.glass-button:hover{background:linear-gradient(135deg,var(--neon-pink),var(--bright-orange));border-color:var(--neon-green);box-shadow:0 0 30px rgba(255,51,102,.7);transform:translateY(-3px) scale(1.05)}.glass-button:active{transform:translateY(-1px) scale(1.02)}.glass-button-primary{background:linear-gradient(135deg,var(--neon-green),var(--cyan-blue));border-color:var(--lime-green);box-shadow:0 0 25px rgba(0,255,136,.6)}.glass-button-primary:hover{background:linear-gradient(135deg,var(--lime-green),var(--neon-green));box-shadow:0 0 35px rgba(136,255,0,.8)}.glass-input{background:var(--glass-bg-secondary);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:.5rem;padding:.75rem 1rem;color:rgba(255,255,255,.9);transition:all .3s ease}.glass-input:focus{outline:none;border-color:var(--glass-border-accent);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.glass-input::-moz-placeholder{color:rgba(255,255,255,.5)}.glass-input::placeholder{color:rgba(255,255,255,.5)}@keyframes glass-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.glass-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:1000px 100%;animation:glass-shimmer 2s infinite}@keyframes glass-pulse{0%,to{opacity:1}50%{opacity:.8}}.glass-pulse{animation:glass-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:768px){.glass-card{padding:1rem}.glass-chart-container{padding:1.5rem}.glass-navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media (prefers-color-scheme:dark){:root{--glass-bg-primary:var(--glass-bg-primary-dark);--glass-bg-secondary:var(--glass-bg-secondary-dark);--glass-border:var(--glass-border-dark)}}[data-theme=dark]{--glass-bg-primary:var(--glass-bg-primary-dark);--glass-bg-secondary:var(--glass-bg-secondary-dark);--glass-border:var(--glass-border-dark)}.glass-nav-item{position:relative;overflow:hidden;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(120,119,198,.2),transparent);transition:left .6s;z-index:0}.glass-nav-item:hover:before{left:100%}.glass-nav-item:hover{background:rgba(255,255,255,.1);border-left:3px solid var(--primary-purple);box-shadow:0 4px 15px rgba(120,119,198,.3)}.glass-glow{animation:glow 3s ease-in-out infinite}.glass-premium{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.9) 25%,rgba(241,245,249,.9) 50%,rgba(226,232,240,.9) 75%,rgba(203,213,225,.9));border:3px solid;-o-border-image:linear-gradient(45deg,var(--electric-blue),var(--neon-pink),var(--bright-orange),var(--neon-green),var(--vivid-purple)) 1;border-image:linear-gradient(45deg,var(--electric-blue),var(--neon-pink),var(--bright-orange),var(--neon-green),var(--vivid-purple)) 1;position:relative;overflow:hidden;color:#1e293b;box-shadow:0 0 30px rgba(51,102,255,.5),0 0 60px rgba(255,51,102,.3),inset 0 0 20px rgba(255,255,255,.1)}.glass-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.glass-floating{animation:float 4s ease-in-out infinite}.glass-interactive{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-interactive:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px 0 rgba(31,38,135,.4),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2)}.glass-rounded-sm{border-radius:.25rem}.glass-rounded{border-radius:.5rem}.glass-rounded-md{border-radius:.75rem}.glass-rounded-lg{border-radius:1rem}.glass-rounded-xl{border-radius:1.25rem}.glass-rounded-2xl{border-radius:1.5rem}.glass-border-0{border:none}.glass-border{border:1px solid var(--glass-border)}.glass-border-2{border:2px solid var(--glass-border)}.glass-shadow-none{box-shadow:none}.glass-shadow-sm{box-shadow:var(--glass-shadow-sm)}.glass-shadow{box-shadow:var(--glass-shadow-md)}.glass-shadow-lg{box-shadow:var(--glass-shadow-lg)}.glass-shadow-xl{box-shadow:var(--glass-shadow-xl)}