:root{--background:#08080b;--foreground:#ededed;--card:#ffffff08;--card-solid:#0c0c12;--card-foreground:#ededed;--primary:#a78bfa;--primary-dark:#7c3aed;--primary-light:#c4b5fd;--primary-foreground:#08080b;--primary-glow:#a78bfa47;--accent:#60a5fa;--accent-glow:#60a5fa47;--violet:#7c3aed;--violet-glow:#7c3aed47;--secondary:#ffffff0a;--secondary-foreground:#ededed;--muted:#ffffff0a;--muted-foreground:#a1a1aa;--muted-strong:#71717a;--muted-dim:#52525b;--success:#34d399;--success-glow:#34d39938;--warning:#fbbf24;--warning-glow:#fbbf2438;--destructive:#f472b6;--destructive-glow:#f472b638;--border:#a78bfa2e;--border-subtle:#ffffff0f;--border-strong:#ffffff1a;--input:#ffffff0a;--ring:#a78bfa;--radius:.75rem;--gradient-primary:linear-gradient(135deg,#a78bfa 0%,#7c3aed 60%,#6366f1 100%);--gradient-accent:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-hot:linear-gradient(135deg,#fbbf24,#f472b6);--gradient-glow:linear-gradient(135deg,#a78bfa2e,#7c3aed1f);--gradient-card:linear-gradient(180deg,#ffffff09,#ffffff01);--gradient-white:linear-gradient(180deg,#fff 0%,#ededed 100%);--shadow-card:0 1px 0 #ffffff0a inset,0 4px 16px -8px #0006;--shadow-card-hover:0 1px 0 #ffffff0f inset,0 16px 40px -12px #0000008c,0 0 40px -10px #7c3aed29;--shadow-btn-primary:0 1px 0 #fff6 inset,0 0 0 1px #ffffff0f,0 4px 14px #a78bfa38,0 2px 6px #00000080;--shadow-btn-primary-hover:0 1px 0 #ffffff80 inset,0 0 0 1px #ffffff1a,0 10px 24px #a78bfa52,0 4px 10px #0000008c;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-display:"Inter","Space Grotesk",system-ui,sans-serif;--font-mono:ui-monospace,"JetBrains Mono","Fira Code",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);font-family:var(--font-sans);font-feature-settings:"cv11","ss01","ss03";letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;line-height:1.55;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#a78bfa66}*{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}::selection{color:#fff;background:#a78bfa4d}select option{color:#ededed;background-color:#0c0c12}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.2}.glass{background:var(--gradient-card);-webkit-backdrop-filter:saturate(180%)blur(24px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.glass-strong{-webkit-backdrop-filter:saturate(180%)blur(28px);border:1px solid var(--border);box-shadow:var(--shadow-card);background:linear-gradient(#a78bfa0f,#ffffff01)}.btn-primary{background:var(--gradient-white);color:var(--primary-foreground);letter-spacing:-.01em;box-shadow:var(--shadow-btn-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:9px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-btn-primary-hover);transform:translateY(-1.5px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:var(--secondary-foreground);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffffff0f,#ffffff06);border:1px solid #ffffff17;border-radius:9px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 2px 6px #0003}.btn-secondary:hover{background:linear-gradient(#ffffff17,#ffffff0a);border-color:#ffffff29;transform:translateY(-1px)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.feature-card{background:var(--gradient-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:14px;padding:1.5rem;transition:all .25s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(380px at 100% 0,#a78bfa14,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.feature-card:hover{box-shadow:var(--shadow-card-hover);border-color:#a78bfa38;transform:translateY(-3px)}.feature-card:hover:before{opacity:1}.feat-icon{color:var(--primary-light);z-index:1;background:linear-gradient(135deg,#a78bfa38,#7c3aed14);border:1px solid #a78bfa47;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:1.25rem;padding:0;display:inline-flex;position:relative;box-shadow:0 4px 12px #7c3aed26,inset 0 1px #ffffff1a}.stat-card{background:var(--gradient-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:1rem;padding:1.25rem 1.3rem;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(280px at 100% 0,#a78bfa1a,#0000 55%);transition:opacity .3s;position:absolute;inset:0}.stat-card:hover{box-shadow:var(--shadow-card-hover);border-color:#a78bfa38;transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-icon{width:38px;height:38px;color:var(--primary-light);z-index:1;background:linear-gradient(135deg,#a78bfa38,#7c3aed0f);border:1px solid #a78bfa47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 4px 12px #7c3aed26,inset 0 1px #ffffff1a}.stat-label{color:var(--muted-strong);letter-spacing:-.005em;z-index:1;margin-bottom:.3rem;font-size:.78rem;font-weight:500;position:relative}.stat-value{font-size:1.65rem;font-weight:600;font-family:var(--font-sans);letter-spacing:-.04em;color:var(--foreground);z-index:1;line-height:1;position:relative}.loading-overlay{background:var(--background);color:var(--primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-weight:600;display:flex;position:fixed;inset:0}.loading{height:60vh;color:var(--muted-strong);letter-spacing:-.005em;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.88rem;font-weight:500;display:flex}.loading:before{content:"";border:2px solid #a78bfa26;border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseDot{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.animate-fade-in{animation:.6s forwards fadeIn}.animate-fade-in-up{animation:.7s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-scale-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards scaleIn}.animate-slide-in-left{animation:.6s cubic-bezier(.4,0,.2,1) forwards slideInLeft}.animate-float{animation:4s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite glowPulse}.animate-spin{animation:1s linear infinite spin}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.shimmer-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c4b5fd 0%,#a78bfa 30%,#60a5fa 50%,#a78bfa 70%,#c4b5fd 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.glow-primary{box-shadow:0 0 30px var(--primary-glow)}.glow-accent{box-shadow:0 0 30px var(--accent-glow)}.glow-success{box-shadow:0 0 20px var(--success-glow)}.spinner{border:2px solid #a78bfa26;border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.badge{letter-spacing:-.005em;white-space:nowrap;border-radius:99px;align-items:center;gap:.4rem;padding:.22rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-light);background:linear-gradient(#a78bfa24,#a78bfa0d);border:1px solid #a78bfa38}.badge-success{color:#34d399;background:#34d39914;border:1px solid #34d39933}.badge-warning{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2433}.badge-danger{color:#f472b6;background:#f472b614;border:1px solid #f472b633}.noise-overlay{pointer-events:none;z-index:0;opacity:.03;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.icon-btn{color:var(--muted-foreground);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;justify-content:center;align-items:center;padding:7px;font-family:inherit;transition:all .18s;display:inline-flex;position:relative}.icon-btn:hover{color:var(--foreground);background:#ffffff12;border-color:#ffffff21}.icon-btn-sm{color:var(--muted-strong);cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:5px;font-family:inherit;transition:all .18s;display:inline-flex}.icon-btn-sm:hover{color:var(--destructive);background:#f472b614;border-color:#f472b633}.notification-badge{background:var(--primary);border:1.5px solid var(--background);width:7px;height:7px;box-shadow:0 0 6px var(--primary-glow);border-radius:50%;animation:2s infinite pulseDot;position:absolute;top:5px;right:5px}.status-badge{letter-spacing:-.005em;text-transform:none;border-radius:99px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.status-badge.active{color:#34d399;background:#34d39914;border:1px solid #34d39933}.status-badge.expired{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2433}.status-badge.banned{color:#f472b6;background:#f472b614;border:1px solid #f472b633}.pulse{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 #6366f1b3}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#0c0c12;border:1px solid #ffffff14;border-radius:14px;width:100%;max-width:480px;padding:1.75rem;animation:.25s cubic-bezier(.22,1,.36,1) scaleIn;box-shadow:0 50px 100px -20px #000000d9,0 0 0 1px #a78bfa0f}input,select,textarea{font-family:var(--font-sans);letter-spacing:-.005em}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.input-premium{width:100%;color:var(--foreground);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;transition:all .15s}.input-premium:focus{background:#a78bfa0a;border-color:#a78bfa66;box-shadow:0 0 0 3px #a78bfa14}.input-premium::placeholder{color:var(--muted-dim)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em!important;font-weight:600!important}.dev-mode-badge{color:var(--primary-light);letter-spacing:-.005em;background:linear-gradient(#a78bfa24,#a78bfa0a);border:1px solid #a78bfa38;border-radius:99px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}