@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary:#040407;--bg-secondary:#08080d;--bg-tertiary:#0f0f18;--bg-glass:#08080d99;--border-glass:#ffffff09;--accent-purple:#8f3bf0;--accent-purple-glow:#8f3bf040;--accent-cyan:#00f0ff;--accent-pink:#ff007f;--text-main:#f3f4f6;--text-muted:#a3a3c2;--text-dim:#6b6b85;--glow-purple:0 0 20px #8f3bf059;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"Space Grotesk", monospace;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-normal:.35s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.modal-title{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#141420;border:1px solid #ffffff05;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple)}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border-glass);color:var(--text-main);font-family:var(--font-sans);transition:var(--transition-fast);background:#0f0f17;border-radius:8px;outline:none;padding:10px 14px}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent-purple);box-shadow:var(--glow-purple)}.btn{cursor:pointer;transition:var(--transition-normal);font-weight:600;font-family:var(--font-sans);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-purple) 0%, #6200c8 100%);color:#fff;box-shadow:var(--glow-purple)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 25px #8222eb80}.btn-secondary{background:var(--bg-tertiary);color:var(--text-main);border:1px solid var(--border-glass)}.btn-secondary:hover{border-color:var(--accent-purple);background:#191926}.btn-danger{color:#fff;background:linear-gradient(135deg,#b00020 0%,#800010 100%)}.btn-danger:hover{box-shadow:0 0 15px #b0002066}.btn-cyan{background:linear-gradient(135deg, var(--accent-purple) 0%, #6f0df2 100%);color:#fff;box-shadow:var(--glow-purple)}.btn-cyan:hover{transform:translateY(-1px);box-shadow:0 0 25px #8222eb80}.card{-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);background:#08080e73;border:1px solid #ffffff06;border-radius:12px;padding:24px;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #00000080}.card:hover{border-color:#8f3bf040;transform:translateY(-3px)scale(1.005);box-shadow:0 16px 45px #000000a6,0 0 20px #8f3bf014}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-active{color:#a85cf6;background:#8222eb1a;border:1px solid #8222eb33}.badge-unused{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.badge-used{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633}.badge-banned{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.badge-paused{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.table-container{border:1px solid var(--border-glass);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);border-bottom:1px solid var(--border-glass);background:#0f0f16;padding:14px 16px;font-size:.85rem;font-weight:600}td{border-bottom:1px solid var(--border-glass);color:var(--text-main);background:#0a0a0f;padding:14px 16px;font-size:.9rem}tr:hover td{background:#0e0e15}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) both fadeIn}.animate-scale-up{animation:.3s cubic-bezier(.16,1,.3,1) both scaleUp}aside button{transition:all .25s cubic-bezier(.16,1,.3,1)!important}aside button:hover{transform:translate(4px);color:#fff!important;background-color:#ffffff05!important}aside button:active{transform:translate(2px)scale(.98)}.modal-backdrop-fade{animation:.25s cubic-bezier(.16,1,.3,1) both fadeIn}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 10px #8222eb66)drop-shadow(0 0 20px #00f0ff1a)}50%{filter:drop-shadow(0 0 20px #8222ebcc)drop-shadow(0 0 35px #00f0ff59);transform:scale(1.02)}}.logo-glow-anim{animation:4s ease-in-out infinite pulseGlow}.contact-link{cursor:pointer;background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;color:var(--text-dim)!important}.contact-link:hover{transform:translateY(-2px)}.contact-link.discord:hover{box-shadow:0 0 12px #5865f24d;color:#5865f2!important;background-color:#5865f21f!important;border-color:#5865f266!important}.contact-link.mail:hover{box-shadow:0 0 12px #8f3bf04d;color:#d8b4fe!important;background-color:#8f3bf01f!important;border-color:#8f3bf066!important}@keyframes blobFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,80px)scale(1.15)}}@keyframes blobFloat2{0%,to{transform:translate(0)scale(1.15)}50%{transform:translate(-70px,-50px)scale(.85)}}.ambient-blob-anim-1{animation:18s ease-in-out infinite blobFloat1}.ambient-blob-anim-2{animation:24s ease-in-out infinite blobFloat2}.profile-card-hover:hover{background-color:#ffffff06!important;border-color:#ffffff14!important;box-shadow:inset 0 1px 1px #ffffff05,0 8px 24px #0006!important}.bg-orb{filter:blur(90px);opacity:.15;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.orb-purple{background:radial-gradient(circle,#8f3bf0 0%,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite orbDrift1;top:10%;left:5%}.orb-cyan{background:radial-gradient(circle,#00f0ff 0%,#0000 70%);width:450px;height:450px;animation:26s ease-in-out infinite orbDrift2;bottom:10%;right:5%}.orb-pink{background:radial-gradient(circle,#ff007f 0%,#0000 70%);width:350px;height:350px;animation:24s ease-in-out infinite orbDrift3;bottom:40%;left:40%}@keyframes orbDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(140px,90px)scale(1.15)}}@keyframes orbDrift2{0%,to{transform:translate(0)scale(1.1)}50%{transform:translate(-120px,-100px)scale(.9)}}@keyframes orbDrift3{0%,to{transform:translate(0)scale(.95)}50%{transform:translate(80px,-120px)scale(1.25)}}.logo-glow-anim{filter:drop-shadow(0 0 10px #8f3bf080);animation:5s ease-in-out infinite logoFloatPulse}@keyframes logoFloatPulse{0%,to{filter:drop-shadow(0 0 10px #8f3bf066);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 20px #00f0ffa6);transform:translateY(-4px)scale(1.02)}}.grid-container-glow{z-index:10;animation:9s ease-in-out infinite containerBorderPulse;box-shadow:0 25px 60px #000000b3,0 0 30px #8f3bf014!important}@keyframes containerBorderPulse{0%,to{border-color:#ffffff0d;box-shadow:0 25px 60px #000000b3,0 0 30px #8f3bf014}50%{border-color:#00f0ff29;box-shadow:0 25px 60px #000000b3,0 0 45px #00f0ff29}}.feature-item-hover{border:1px solid #0000;border-radius:8px;margin-left:-12px;padding:10px 12px;transition:all .3s cubic-bezier(.16,1,.3,1)}.feature-item-hover:hover{background-color:#ffffff04;border-color:#ffffff09;transform:translate(6px)}@keyframes brandLogoAnimation{0%,to{filter:drop-shadow(0 0 6px #8f3bf066)drop-shadow(0 0 1px #8f3bf033);transform:translateY(0)scale(1)rotate(0)}50%{filter:drop-shadow(0 0 14px #00f0ffb3)drop-shadow(0 0 3px #00f0ff4d);transform:translateY(-3px)scale(1.03)rotate(1deg)}}.brand-logo-glow{filter:drop-shadow(0 0 8px #8f3bf073);transition:transform .3s,filter .3s}.brand-logo-glow:hover{filter:drop-shadow(0 0 15px #8f3bf0b3);transform:translateY(-2px)scale(1.05)}.aesthetic-brand-name{letter-spacing:.02em;background:linear-gradient(135deg,#fff 40%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:900;transition:all .3s;font-family:var(--font-display)!important}.aesthetic-brand-name:hover{filter:drop-shadow(0 0 10px #c084fc66);transform:scale(1.02)}.aesthetic-subtext{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-size:.62rem;font-weight:800;font-family:var(--font-mono)!important}.aesthetic-glow-line{background:linear-gradient(90deg, var(--accent-purple) 0%, transparent 80%);width:100%;height:2px;position:absolute;bottom:0;left:0;box-shadow:0 0 10px #8222eb80}.mobile-hamburger-btn{color:var(--text-main);cursor:pointer;background:0 0;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:none!important}.mobile-hamburger-btn:hover{background-color:#ffffff0d}.mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background-color:#0009;animation:.25s ease-out fadeIn;position:fixed;inset:0}@media (width<=1024px){.mobile-hamburger-btn{display:flex!important}.app-sidebar{z-index:100!important;transition:left .3s cubic-bezier(.16,1,.3,1)!important;left:-240px!important;box-shadow:0 0 30px #000c!important}.app-sidebar.mobile-open{left:0!important}.app-main-content{width:100%!important;margin-left:0!important}header{padding:0 16px!important}.app-main-content>div{padding:16px 16px 24px!important}}@media (width<=900px){div[style*=grid-template-columns]:not([style*=repeat]),div[style*=gridTemplateColumns]:not([style*=repeat]),.responsive-grid-2{grid-template-columns:1fr!important}.stats-grid-row-1{grid-template-columns:repeat(2,1fr)!important}.stats-grid-row-2{grid-template-columns:1fr!important}th,td{padding:10px 12px!important;font-size:.82rem!important}.card{padding:16px!important}.card.modal-glow{max-width:92%!important;padding:20px 16px!important}}@media (width<=600px){.stats-grid-row-1{grid-template-columns:1fr!important}}