.background-img{background-image:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:24px;width:24px;border-radius:50%;background:linear-gradient(135deg,#06f,#00d4aa);cursor:pointer;box-shadow:0 4px 8px #0066ff4d}.slider::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:linear-gradient(135deg,#06f,#00d4aa);cursor:pointer;border:none;box-shadow:0 4px 8px #0066ff4d}.slider::-webkit-slider-track{background:#e2e8f0;border-radius:8px;height:12px}.slider::-moz-range-track{background:#e2e8f0;border-radius:8px;height:12px;border:none}.bg-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-pulse-soft{animation:pulseSoft 3s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-3d{0%,to{transform:translateY(0) rotateX(5deg) rotateY(5deg)}50%{transform:translateY(-20px) rotateX(-5deg) rotateY(-5deg)}}@keyframes float-3d-enhanced{0%,to{transform:translateY(0) rotateX(8deg) rotateY(8deg) scale(1)}25%{transform:translateY(-15px) rotateX(-4deg) rotateY(12deg) scale(1.02)}50%{transform:translateY(-25px) rotateX(-8deg) rotateY(-8deg) scale(1)}75%{transform:translateY(-10px) rotateX(4deg) rotateY(-12deg) scale(1.02)}}@keyframes holographic-pulse{0%,to{opacity:.3;transform:scale(1) rotate(0)}25%{opacity:.6;transform:scale(1.05) rotate(1deg)}50%{opacity:.4;transform:scale(1.1) rotate(-1deg)}75%{opacity:.7;transform:scale(1.03) rotate(.5deg)}}@keyframes color-shift{0%,to{background:linear-gradient(135deg,#06b6d41a,#3b82f61a,#14b8a61a)}33%{background:linear-gradient(135deg,#14b8a61a,#22c55e1a,#06b6d41a)}66%{background:linear-gradient(135deg,#22c55e1a,#06b6d41a,#3b82f61a)}}@keyframes float-orbit-1{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-15px,-20px) rotate(5deg) scale(1.1)}50%{transform:translate(-5px,-35px) rotate(-5deg) scale(1)}75%{transform:translate(10px,-15px) rotate(3deg) scale(1.05)}}@keyframes float-orbit-2{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(20px,-10px) rotate(-3deg) scale(1.05)}50%{transform:translate(5px,-25px) rotate(5deg) scale(1.1)}75%{transform:translate(-10px,-20px) rotate(-2deg) scale(1)}}@keyframes float-orbit-3{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-8px,-15px) rotate(4deg) scale(1.03)}50%{transform:translate(12px,-30px) rotate(-4deg) scale(1.08)}75%{transform:translate(-5px,-10px) rotate(2deg) scale(1)}}@keyframes float-orbit-4{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(15px,-12px) rotate(-5deg) scale(1.1)}50%{transform:translate(-10px,-20px) rotate(3deg) scale(1)}75%{transform:translate(8px,-8px) rotate(-2deg) scale(1.05)}}@keyframes float-orbit-5{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-12px,-18px) rotate(6deg) scale(1.08)}50%{transform:translate(15px,-5px) rotate(-4deg) scale(1)}75%{transform:translate(-5px,-25px) rotate(2deg) scale(1.03)}}@keyframes dashboard-particle-float{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.6}33%{transform:translateY(-20px) translate(10px) scale(1.2);opacity:1}66%{transform:translateY(10px) translate(-15px) scale(.8);opacity:.4}}@keyframes progress-94{0%{width:0%}to{width:94%}}@keyframes progress-87{0%{width:0%}to{width:87%}}@keyframes progress-91{0%{width:0%}to{width:91%}}@keyframes floating-1{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-10px,-15px) rotate(5deg)}66%{transform:translate(10px,-5px) rotate(-5deg)}}@keyframes floating-2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(15px,-10px) rotate(-5deg)}66%{transform:translate(-5px,-20px) rotate(5deg)}}@keyframes floating-3{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-5px,-12px) rotate(3deg)}66%{transform:translate(8px,-8px) rotate(-3deg)}}.animate-gradient-shift{background-size:400% 400%;animation:gradient-shift 8s ease infinite}.animate-gradient-flow{animation:gradient-flow 3s ease infinite}.bg-300\%{background-size:300%}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-bounce-gentle{animation:bounce-gentle 3s ease-in-out infinite}.animate-float-3d{animation:float-3d 6s ease-in-out infinite;transform-style:preserve-3d}.animate-float-3d-enhanced{animation:float-3d-enhanced 8s ease-in-out infinite;transform-style:preserve-3d}.animate-holographic-pulse{animation:holographic-pulse 4s ease-in-out infinite}.animate-color-shift{animation:color-shift 6s ease-in-out infinite}.animate-float-orbit-1{animation:float-orbit-1 10s ease-in-out infinite}.animate-float-orbit-2{animation:float-orbit-2 8s ease-in-out infinite;animation-delay:-2s}.animate-float-orbit-3{animation:float-orbit-3 9s ease-in-out infinite;animation-delay:-4s}.animate-float-orbit-4{animation:float-orbit-4 7s ease-in-out infinite;animation-delay:-1s}.animate-float-orbit-5{animation:float-orbit-5 11s ease-in-out infinite;animation-delay:-3s}.animate-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-progress-94{animation:progress-94 2s ease-out forwards;animation-delay:1s;width:0%}.animate-progress-87{animation:progress-87 2s ease-out forwards;animation-delay:1.2s;width:0%}.animate-progress-91{animation:progress-91 2s ease-out forwards;animation-delay:1.4s;width:0%}.glow-blue{box-shadow:0 0 20px #3b82f680,0 0 40px #3b82f64d,0 0 60px #3b82f61a}.glow-teal{box-shadow:0 0 20px #14b8a680,0 0 40px #14b8a64d,0 0 60px #14b8a61a}.glow-green{box-shadow:0 0 20px #22c55e80,0 0 40px #22c55e4d,0 0 60px #22c55e1a}.glow-blue-strong{box-shadow:0 0 30px #3b82f6b3,0 0 60px #3b82f680,0 0 90px #3b82f64d}.glow-teal-strong{box-shadow:0 0 30px #14b8a6b3,0 0 60px #14b8a680,0 0 90px #14b8a64d}.glow-green-strong{box-shadow:0 0 30px #22c55eb3,0 0 60px #22c55e80,0 0 90px #22c55e4d}.dashboard-container{position:relative;perspective:1000px}.dashboard-card{transform:rotateX(5deg) rotateY(5deg);transition:transform .3s ease}.dashboard-card:hover{transform:rotateX(0) rotateY(0) scale(1.02)}.floating-element{position:absolute;pointer-events:none}.floating-element-1{top:-10px;right:-20px;animation:floating-1 8s ease-in-out infinite}.floating-element-2{bottom:-15px;left:-15px;animation:floating-2 6s ease-in-out infinite;animation-delay:-2s}.floating-element-3{top:50%;right:-30px;animation:floating-3 7s ease-in-out infinite;animation-delay:-4s}.particle{position:absolute;background:radial-gradient(circle,rgba(59,130,246,.6) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 15s infinite ease-in-out}.particle-1{width:4px;height:4px;top:20%;left:10%;animation-delay:0s;background:radial-gradient(circle,rgba(34,197,94,.8) 0%,transparent 70%)}.particle-2{width:6px;height:6px;top:60%;left:80%;animation-delay:-5s;background:radial-gradient(circle,rgba(20,184,166,.8) 0%,transparent 70%)}.particle-3{width:3px;height:3px;top:40%;left:20%;animation-delay:-10s;background:radial-gradient(circle,rgba(59,130,246,.8) 0%,transparent 70%)}.particle-4{width:5px;height:5px;top:80%;left:60%;animation-delay:-3s;background:radial-gradient(circle,rgba(6,182,212,.8) 0%,transparent 70%)}.particle-5{width:4px;height:4px;top:15%;left:70%;animation-delay:-8s;background:radial-gradient(circle,rgba(14,165,233,.8) 0%,transparent 70%)}.particle-6{width:3px;height:3px;top:70%;left:30%;animation-delay:-12s;background:radial-gradient(circle,rgba(34,197,94,.8) 0%,transparent 70%)}.animate-fade-in{animation:fadeIn 1s ease-out forwards}.animate-slide-up{animation:slideUp 1s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.dashboard-container{max-width:300px;margin:0 auto}}