.glass-morphism{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);border-radius:12px}.glass-morphism-light{background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.05);border-radius:12px}.gradient-text{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0));background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glow-blue{box-shadow:0 0 20px rgba(59,130,246,.3);transition:box-shadow .3s ease}.glow-blue:hover{box-shadow:0 0 30px rgba(59,130,246,.5)}.glow-green{box-shadow:0 0 20px rgba(34,197,94,.3);transition:box-shadow .3s ease}.glow-green:hover{box-shadow:0 0 30px rgba(34,197,94,.5)}.glow-red{box-shadow:0 0 20px rgba(239,68,68,.3);transition:box-shadow .3s ease}.glow-red:hover{box-shadow:0 0 30px rgba(239,68,68,.5)}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px)}.hover-scale{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.particles{position:relative;overflow:hidden}.particles:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.3) 2px,transparent 0),radial-gradient(circle at 80% 20%,rgba(34,197,94,.3) 2px,transparent 0),radial-gradient(circle at 40% 40%,rgba(168,85,247,.3) 2px,transparent 0);background-size:100px 100px,150px 150px,80px 80px;animation:particles 10s linear infinite;pointer-events:none}@keyframes particles{0%{transform:translate(0)}to{transform:translate(-100px,-100px)}}.skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.chart-container{position:relative;overflow:hidden}.chart-container:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);animation:chartSweep 3s ease-in-out}@keyframes chartSweep{0%{left:-100%}to{left:100%}}.status-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.status-dot.online,.status-dot.online:after{background-color:#10b981}.status-dot.warning,.status-dot.warning:after{background-color:#f59e0b}.status-dot.error,.status-dot.error:after{background-color:#ef4444}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@media (max-width:768px){.glass-morphism,.glass-morphism-light{backdrop-filter:blur(10px)}.hover-lift:hover{transform:translateY(-4px)}}@media (prefers-color-scheme:dark){.glass-morphism-light{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1)}.gradient-text{background:linear-gradient(45deg,#60a5fa,#34d399,#a78bfa,#fb7185);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@media print{.glass-morphism,.glass-morphism-light{background:#fff!important;backdrop-filter:none!important;border:1px solid #e5e7eb!important;box-shadow:none!important}.floating,.pulse-slow,.shimmer{animation:none!important}}*{box-sizing:border-box}.animate-gpu{transform:translateZ(0);will-change:transform}.optimized-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.custom-scrollbar,.optimized-scroll{overflow-y:auto;overflow-x:hidden}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}[data-mui-color-scheme=dark] .custom-scrollbar::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}[data-mui-color-scheme=dark] .custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.3)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}[data-mui-color-scheme=dark] .custom-scrollbar{scrollbar-color:hsla(0,0%,100%,.2) transparent}.contain-layout{contain:layout style paint}.optimize-text{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fast-hover:hover{opacity:.8;transition:opacity .2s ease}.virtual-list-item{contain:strict;transform:translateZ(0)}@media (max-width:768px){.glass-effect{backdrop-filter:none!important;background:hsla(0,0%,100%,.9)!important}[data-mui-color-scheme=dark] .glass-effect{background:rgba(0,0,0,.9)!important}}