@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5{letter-spacing:-.02em;font-weight:700}button{cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);border:none;font-family:inherit;font-weight:600}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--bg-surface-2);border:2px solid var(--bg-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.live-title{background:linear-gradient(to right, var(--primary) 0%, var(--secondary) 25%, var(--primary) 50%, var(--secondary) 75%, var(--primary) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:5s linear infinite shine,3s ease-in-out infinite pulse;display:inline-block}@keyframes shine{to{background-position:200%}}@keyframes pulse{0%,to{filter:drop-shadow(0 0 0px var(--primary-glow));transform:scale(1)}50%{filter:drop-shadow(0 0 10px var(--primary-glow));transform:scale(1.02)}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:32px;--font-main:"Outfit", "Inter", system-ui, sans-serif;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 30px -10px #00000080;--primary:#7c67e4;--primary-glow:#7c67e440;--secondary:#52c9e0;--success:#42d78c;--success-glow:#42d78c1a;--warning:#eba747;--error:#e96363;--h:228;--s:15%;--bg-color:hsl(var(--h), 30%, 4%);--bg-surface:hsla(var(--h), 25%, 7%, .8);--bg-surface-2:hsla(var(--h), 25%, 12%, .6);--bg-glass:hsla(var(--h), 25%, 7%, .4);--text-main:hsl(var(--h), 10%, 98%);--text-sidebar:#a3aed1;--text-muted:hsl(var(--h), 15%, 70%);--text-dim:hsl(var(--h), 10%, 40%);--border:hsla(var(--h), 15%, 25%, .3);--border-light:hsla(var(--h), 15%, 40%, .2);--mesh-opacity:.05}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#252729;--input-bg:#252729}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--h:228;--s:10%;--bg-color:hsl(var(--h), 30%, 98%);--bg-surface:hsla(var(--h), 20%, 100%, .9);--bg-surface-2:hsla(var(--h), 20%, 94%, .6);--bg-glass:hsla(var(--h), 20%, 100%, .5);--input-bg:hsl(var(--h), 20%, 96%);--text-main:#111c43;--text-sidebar:#4b5563;--text-muted:#6b7280;--text-dim:#9ca3af;--border:hsla(var(--h), 15%, 85%, 1);--border-light:hsla(var(--h), 15%, 90%, .8);--mesh-opacity:.15;--shadow-lg:0 10px 30px -10px #0000001a}.dark-mesh{background:radial-gradient(circle at 0% 0%, hsla(250, 70%, 65%, var(--mesh-opacity)) 0%, transparent 40%), radial-gradient(circle at 100% 100%, hsla(190, 70%, 60%, var(--mesh-opacity)) 0%, transparent 40%), var(--bg-color);z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.premium-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary))}.glow-btn{position:relative;overflow:hidden}.glow-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.glow-btn:hover:after{left:100%}.App{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex}@layer utilities{.thin-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.thin-scrollbar::-webkit-scrollbar{display:none}.thin-scrollbar:hover{scrollbar-width:thin;scrollbar-color:#6366f1 transparent}.thin-scrollbar:hover::-webkit-scrollbar{width:2px;height:2px}.thin-scrollbar:hover::-webkit-scrollbar-track{background:0 0}.thin-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#6366f1;border-radius:9999px}.thin-scrollbar:hover::-webkit-scrollbar-thumb:hover{background-color:#6366f1}}