*,:before,:after{box-sizing:border-box}body{color:#e2e8f0;background:#04050f;min-height:100vh;margin:0;font-family:Fira Sans,sans-serif;overflow-x:hidden}.scene{z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.b1{background:radial-gradient(circle,#6d28d9,#4f46e5);width:520px;height:520px;animation:18s ease-in-out infinite drift1;top:-120px;left:-100px}.b2{background:radial-gradient(circle,#0ea5e9,#06b6d4);width:480px;height:480px;animation:22s ease-in-out infinite drift2;top:30%;right:-120px}.b3{background:radial-gradient(circle,#ec4899,#f43f5e);width:420px;height:420px;animation:19s ease-in-out infinite drift3;bottom:-80px;left:20%}.b4{background:radial-gradient(circle,#f59e0b,#f97316);width:360px;height:360px;animation:24s ease-in-out infinite drift4;bottom:10%;right:15%}.b5{background:radial-gradient(circle,#10b981,#059669);width:280px;height:280px;animation:16s ease-in-out infinite drift5;top:45%;left:40%}@keyframes drift1{0%,to{transform:translate(0)scale(1)}40%{transform:translate(60px,80px)scale(1.08)}70%{transform:translate(-40px,40px)scale(.95)}}@keyframes drift2{0%,to{transform:translate(0)scale(1)}30%{transform:translate(-80px,60px)scale(1.1)}65%{transform:translate(30px,-50px)scale(.92)}}@keyframes drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(70px,-60px)scale(1.05)}80%{transform:translate(-30px,30px)scale(1.02)}}@keyframes drift4{0%,to{transform:translate(0)scale(1)}35%{transform:translate(-50px,-40px)scale(.9)}70%{transform:translate(40px,60px)scale(1.08)}}@keyframes drift5{0%,to{transform:translate(0)scale(1)}45%{transform:translate(-60px,40px)scale(1.12)}75%{transform:translate(50px,-30px)scale(.94)}}@media (prefers-reduced-motion:reduce){.blob{animation:none}}.glass{-webkit-backdrop-filter:blur(22px)saturate(1.6);background:#ffffff12;border:1px solid #ffffff1f;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.glass-strong{-webkit-backdrop-filter:blur(30px)saturate(1.8);background:#ffffff1c;border:1px solid #ffffff2e;box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff26}.glass-blue{background:#6366f11f;border-color:#6366f14d;box-shadow:0 8px 32px #6366f126,inset 0 1px #a5b4fc26}.glass-cyan{background:#06b6d41a;border-color:#06b6d447;box-shadow:0 8px 32px #06b6d41f,inset 0 1px #67e8f926}.glass-rose{background:#f43f5e1a;border-color:#f43f5e47;box-shadow:0 8px 32px #f43f5e1f,inset 0 1px #fda4af26}.glass-amber{background:#f59e0b1a;border-color:#f59e0b47;box-shadow:0 8px 32px #f59e0b1f,inset 0 1px #fcd34d26}.glass-green{background:#10b9811a;border-color:#10b98147;box-shadow:0 8px 32px #10b9811f,inset 0 1px #6ee7b726}.glass:after,.glass-strong:after,.glass-blue:after,.glass-cyan:after,.glass-rose:after,.glass-amber:after,.glass-green:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0f,#0000);height:40%;position:absolute;top:0;left:0;right:0}.glow-blue{text-shadow:0 0 20px #6366f1cc,0 0 40px #6366f166}.glow-cyan{text-shadow:0 0 20px #06b6d4e6,0 0 40px #06b6d480}.glow-rose{text-shadow:0 0 20px #f43f5ee6,0 0 40px #f43f5e80}.glow-amber{text-shadow:0 0 20px #f59e0be6,0 0 40px #f59e0b80}.glow-green{text-shadow:0 0 20px #10b981e6,0 0 40px #10b98180}@keyframes border-glow{0%,to{box-shadow:0 0 8px #f43f5e66,0 8px 32px #0006}50%{box-shadow:0 0 22px #f43f5ecc,0 8px 32px #0006}}.alert-critical{animation:2s ease-in-out infinite border-glow}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.ping{animation:1.2s cubic-bezier(0,0,.2,1) infinite ping}@keyframes bar-grow{0%{width:0}}.bar-grow{animation:1.2s cubic-bezier(.4,0,.2,1) forwards bar-grow}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.alert-item{animation:.4s forwards slide-in}.counter{font-family:Fira Code,monospace}.label{letter-spacing:.06em;text-transform:uppercase;opacity:.5;font-family:Fira Code,monospace;font-size:10px}.ring-track{fill:none;stroke:#ffffff14}.ring-fill{fill:none;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1);transform:rotate(-90deg)}.sparkline{overflow:visible}.card-lift{cursor:default;transition:transform .25s,box-shadow .25s}.card-lift:hover{transform:translateY(-4px)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}
