*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#c2bfb8;color:#111827}body.dark{background-color:#0b1120;color:#e2e8f0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f11f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6366f140}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient-bg{background:linear-gradient(-45deg,#0b1120,#111827,#151e2e,#1a1040);background-size:400% 400%;animation:gradientShift 20s ease infinite}.noise-overlay:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;z-index:1}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.pulse-dot{animation:pulseDot 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.04),transparent);animation:shimmer 2.5s ease-in-out infinite}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation:staggerFadeUp .5s .05s cubic-bezier(.16,1,.3,1) both}.stagger-2{animation:staggerFadeUp .5s .1s cubic-bezier(.16,1,.3,1) both}.stagger-3{animation:staggerFadeUp .5s .15s cubic-bezier(.16,1,.3,1) both}.stagger-4{animation:staggerFadeUp .5s .2s cubic-bezier(.16,1,.3,1) both}.stagger-5{animation:staggerFadeUp .5s .25s cubic-bezier(.16,1,.3,1) both}.stagger-6{animation:staggerFadeUp .5s .3s cubic-bezier(.16,1,.3,1) both}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.count-up{animation:countUp .6s cubic-bezier(.16,1,.3,1) forwards}.radial-glow{position:relative}.radial-glow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(99,102,241,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.table-glass{background:linear-gradient(135deg,#151e2e99,#11182766);border:1px solid rgba(99,102,241,.08);border-radius:1.25rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}body:not(.dark) .table-glass{background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a05}@keyframes progressGrow{0%{width:0}}.progress-animated{animation:progressGrow 1.2s cubic-bezier(.22,1,.36,1) forwards}@keyframes ringDraw{0%{stroke-dashoffset:282.7}}.ring-animated{animation:ringDraw 1.5s cubic-bezier(.22,1,.36,1) forwards}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-2px)}@keyframes badgePulse{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 4px #6366f100}}.badge-pulse{animation:badgePulse 2s ease-in-out infinite}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bar-animated{transform-origin:left;animation:barGrow 1s cubic-bezier(.22,1,.36,1) forwards}.micro-bounce{transition:transform .15s cubic-bezier(.4,0,.2,1)}.micro-bounce:active{transform:scale(.97)}.glow-border{position:relative}.glow-border:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(99,102,241,.15),transparent,rgba(139,92,246,.1));z-index:-1;opacity:0;transition:opacity .3s ease}.glow-border:hover:after{opacity:1}.stat-accent-line{position:relative}.stat-accent-line:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),transparent);border-radius:1px;opacity:0;transition:opacity .3s ease}.stat-accent-line:hover:before{opacity:1}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-scale-in{animation:fadeScaleIn .25s cubic-bezier(.2,.8,.2,1) forwards}.breadcrumb-separator:after{content:"/";margin:0 .5rem;color:#64748b66}.tooltip-wrapper{position:relative}.tooltip-wrapper .tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95);opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:50;white-space:nowrap;padding:.375rem .75rem;font-size:.7rem;border-radius:.5rem;background:#1e293b;color:#e2e8f0;box-shadow:0 4px 12px #0000004d}.tooltip-wrapper:hover .tooltip-content{opacity:1;transform:translate(-50%) scale(1)}@keyframes loginAuroraDrift{0%{transform:translate3d(-6%,0,0) rotate(0) scale(1)}50%{transform:translate3d(6%,-4%,0) rotate(10deg) scale(1.06)}to{transform:translate3d(-4%,3%,0) rotate(-6deg) scale(1)}}@keyframes loginWaveFlow{0%{transform:translate(-8%) translateY(0) rotate(0)}50%{transform:translate(8%) translateY(-3%) rotate(2deg)}to{transform:translate(-8%) translateY(0) rotate(0)}}@keyframes loginParticleDrift{0%{background-position:0 0,0 0;opacity:.45}50%{background-position:-140px -90px,120px 70px;opacity:.75}to{background-position:-260px -150px,220px 120px;opacity:.45}}@keyframes meteor{0%{opacity:var(--meteor-opacity, .85);transform:rotate(var(--angle)) translate(0)}70%{opacity:var(--meteor-opacity, .85)}to{opacity:0;transform:rotate(var(--angle)) translate(calc(var(--meteor-distance) * -1))}}.login-cosmic-bg{background:radial-gradient(circle at 12% 12%,#196fff33,#196fff00 34%),radial-gradient(circle at 80% 12%,#6d46ff3d,#6d46ff00 40%),radial-gradient(circle at 74% 78%,#17c6ff33,#17c6ff00 44%),linear-gradient(124deg,#030716,#070a22 42%,#090c28)}.login-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(112,121,255,.06),transparent 45%),linear-gradient(to right,rgba(23,198,255,.06),transparent 42%);mix-blend-mode:screen}.login-aurora{position:absolute;filter:blur(74px);animation:loginAuroraDrift 17s ease-in-out infinite;border-radius:999px}.login-aurora-one{width:min(860px,76vw);height:min(480px,46vh);top:-8%;left:-6%;background:radial-gradient(circle,#2c8dff4d,#2c8dff00 66%)}.login-aurora-two{width:min(920px,82vw);height:min(500px,44vh);right:-10%;bottom:-14%;background:radial-gradient(circle,#6a3eff57,#6a3eff00 68%);animation-delay:-6.5s}.login-wave{position:absolute;left:-16%;right:-16%;bottom:-20%;height:56%;background:radial-gradient(120% 90% at 18% 100%,#1296f56b,#1296f500 65%),radial-gradient(80% 75% at 72% 94%,#7646ff70,#7646ff00 68%),radial-gradient(70% 75% at 52% 100%,#1cd0ff2e,#1cd0ff00 70%);filter:blur(8px);opacity:.85;animation:loginWaveFlow 14s ease-in-out infinite}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(47,218,255,.56) 1px,transparent 1px),radial-gradient(rgba(120,136,255,.5) 1px,transparent 1px);background-size:72px 72px,110px 110px;animation:loginParticleDrift 24s linear infinite;opacity:.52}.magicui-meteor{--meteor-opacity: .5;position:absolute;width:3px;height:3px;border-radius:999px;background:#c7ecff;opacity:0;box-shadow:0 0 0 1px #fff3,0 0 14px #60d0ffe6,0 0 24px #6982ff8c;transform:rotate(var(--angle));animation:meteor 5s linear infinite;will-change:transform,opacity;pointer-events:none}.magicui-meteor-tail{position:absolute;top:50%;left:50%;height:1.5px;width:90px;transform:translateY(-50%);background:linear-gradient(90deg,#c7ecffe6,#c7ecff00)}.magicui-meteor-back{--meteor-opacity: .4}.magicui-meteor-front{--meteor-opacity: .2;filter:saturate(1.12)}.magicui-meteor-front .magicui-meteor-tail{width:74px;background:linear-gradient(90deg,#dcf4ff73,#dcf4ff00)}.login-particles-canvas{width:100%;height:100%;display:block;opacity:.52;mix-blend-mode:screen}.login-card-glass{border:1px solid rgba(117,149,255,.24);background:linear-gradient(148deg,#0c1337c7,#080e28d6);box-shadow:0 24px 90px #050a2abd,inset 0 1px #a7bfff2b,inset 0 0 0 1px #355cd429;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-accent-text{background:linear-gradient(96deg,#45d7ff,#5f97ff 48%,#7f6dff);-webkit-background-clip:text;background-clip:text;color:transparent}.login-input-field{width:100%;border-radius:.8rem;border:1px solid rgba(160,186,255,.16);background:linear-gradient(95deg,#14204e9e,#16183ab8);color:#f4f7fff2;padding:.74rem 2.85rem .74rem 2.2rem;font-size:.95rem;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.login-input-field::placeholder{color:#bac6f27a}.login-input-field:focus{outline:none;border-color:#6bcaff9e;box-shadow:0 0 0 4px #4993ff33;background:linear-gradient(95deg,#172454b8,#181c42d1)}.login-submit-btn{width:100%;margin-top:.25rem;border:0;border-radius:.8rem;display:flex;align-items:center;justify-content:center;gap:.42rem;font-weight:600;letter-spacing:.01em;padding:.78rem 1rem;transition:transform .2s ease,box-shadow .25s ease,filter .25s ease}.login-submit-btn.is-active{color:#f7fbff;cursor:pointer;background:linear-gradient(96deg,#4a8cff,#5d6cff,#6d42ff);box-shadow:0 14px 34px #545dff5c}.login-submit-btn.is-active:hover{transform:translateY(-1px);filter:brightness(1.08)}.login-submit-btn.is-active:active{transform:translateY(0)}.login-submit-btn.is-disabled{cursor:not-allowed;color:#ced8ff94;background:#6c85d642}@media(max-width:1023px){.login-card-glass{max-width:540px}}@media(max-width:639px){.login-cosmic-bg{background:radial-gradient(circle at 8% 10%,#196fff3d,#196fff00 34%),radial-gradient(circle at 88% 10%,#6d46ff52,#6d46ff00 40%),linear-gradient(124deg,#030716,#070a22 42%,#090c28)}.login-wave{height:46%;bottom:-16%}}