@layer base{*{border-color:#ffffff14}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#07080c;color:#f8fafc;overflow-x:hidden;font-feature-settings:"cv02","cv03","cv04","cv11"}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff59}.text-gradient-white{background:linear-gradient(180deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-indigo{background:linear-gradient(135deg,#fff,#a5b4fc,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-gold{background:linear-gradient(135deg,#fef08a,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-flow{background-size:200% 200%;animation:gradient-flow 8s ease infinite}.glass-reflection{position:relative;overflow:hidden}.glass-reflection:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.03) 40%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.03) 60%,transparent 100%);transform:rotate(30deg) translateY(-100%);transition:transform .8s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:10}.glass-reflection:hover:before{transform:rotate(30deg) translateY(100%)}.shimmer-border{position:relative;background:#0d101abf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;box-shadow:0 20px 50px -10px #0009}.shimmer-border:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:21px;padding:1px;background:linear-gradient(135deg,#ffffff40,#6366f166,#ffffff0d);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .4s ease}.shimmer-border:hover:after{background:linear-gradient(135deg,#ffffff73,#a855f799,#38bdf866)}.glass-card-premium{background:linear-gradient(180deg,#141826b3,#0b0d16e0);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px -10px #0009,inset 0 1px #ffffff26;border-radius:24px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease;will-change:transform}.glass-card-premium:hover{transform:translateY(-5px);border-color:#ffffff38;box-shadow:0 30px 70px -15px #000000d9,0 0 35px #6366f12e,inset 0 1px #ffffff40}.floating-sidebar-shell{margin:1.25rem;height:calc(100vh - 2.5rem);background:linear-gradient(180deg,#0e111be6,#090b12f5);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 25px 60px -15px #000c,inset 0 1px #ffffff26}.floating-header-shell{margin-top:1.25rem;margin-right:1.25rem;background:linear-gradient(180deg,#0e111bc7,#090b12e0);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 15px 40px -10px #0009,inset 0 1px #ffffff26}.nav-item-active{background:linear-gradient(90deg,#6366f133,#a855f71a);color:#fff;font-weight:700;border-left:3px solid #6366f1;box-shadow:0 0 25px #6366f14d,inset 0 1px #ffffff26;border-radius:14px}.nav-item-inactive{color:#94a3b8;font-weight:600;border-radius:14px;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-item-inactive:hover{background:#ffffff0f;color:#fff;transform:translate(3px)}.btn-magnetic-primary{position:relative;background:linear-gradient(180deg,#fff,#e2e8f0);color:#0f172a;font-weight:800;border-radius:14px;box-shadow:0 4px 20px #fff3,inset 0 1px #fffc;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;will-change:transform}.btn-magnetic-primary:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 8px 30px #fff6,0 0 20px #fff3,inset 0 1px #ffffffe6}.btn-magnetic-primary:active{transform:scale(.97)}.btn-magnetic-glass{background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);color:#f8fafc;font-weight:600;border-radius:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff26;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s ease,border-color .25s ease,box-shadow .25s ease;will-change:transform}.btn-magnetic-glass:hover{background:#ffffff24;border-color:#ffffff47;color:#fff;transform:scale(1.02) translateY(-2px);box-shadow:0 0 25px #6366f133,inset 0 1px #ffffff4d}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes float-delayed{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(10px) rotate(-1deg)}}.animate-float-slow{animation:float-slow 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 7s ease-in-out infinite 1s}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff1a,#ffffff08 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s infinite;border-radius:8px}.table-panel-container{background:linear-gradient(180deg,#10131ecc,#0a0c14eb);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 60px -15px #000c,inset 0 1px #ffffff26;overflow:hidden}.table-row-hover{transition:background .2s ease,transform .2s ease}.table-row-hover:hover{background:#ffffff0b}.badge-neon-green{background:#10b98124;color:#34d399;border:1px solid rgba(16,185,129,.35);box-shadow:0 0 15px #10b98140}.badge-neon-indigo{background:#6366f124;color:#818cf8;border:1px solid rgba(99,102,241,.35);box-shadow:0 0 15px #6366f140}.badge-neon-rose{background:#f43f5e24;color:#fb7185;border:1px solid rgba(244,63,94,.35);box-shadow:0 0 15px #f43f5e40}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee-scroll{display:flex;width:max-content;animation:marquee-scroll 28s linear infinite;will-change:transform}.marquee-group:hover .animate-marquee-scroll{animation-play-state:paused}.marquee-mask-fade{mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.effect-magnetic{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease,background .3s ease;will-change:transform}.effect-magnetic:hover{transform:scale(1.04) translateY(-3px);box-shadow:0 12px 35px -5px #6366f159,0 0 20px #6366f133}.effect-magnetic:active{transform:scale(.96)}.effect-repulsive{transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s ease,border-color .35s ease;will-change:transform}.effect-repulsive:hover{transform:translateY(-8px) scale(.98);border-color:#a855f766;box-shadow:0 20px 40px -10px #a855f759,0 0 30px #f43f5e26}.effect-repulsive:active{transform:translateY(-2px) scale(.95)}