@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--gradient-mesh: none;--bg-app: #111111;--bg-card: #2a2a2a;--bg-header: #1a1a1a;--bg-sidebar: #222222;--bg-hover: rgba(255, 255, 255, .03);--glass-bg: var(--bg-card);--glass-border: var(--border-subtle);--glass-shadow: none;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(255, 255, 255, .04);--border-bright: rgba(255, 255, 255, .08);--radius-xl: 16px;--radius-lg: 12px;--radius-md: 8px}.light{--bg-app: #f8fafc;--bg-card: #ffffff;--bg-header: #ffffff;--bg-sidebar: #f1f5f9;--bg-hover: rgba(0, 0, 0, .03);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-subtle: rgba(0, 0, 0, .06);--border-bright: rgba(0, 0, 0, .1);--slate-800: #e2e8f0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-800);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--blue-600)}.loader{width:24px;height:24px;border:2px solid var(--slate-800);border-bottom-color:var(--blue-500);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass{background:var(--bg-card);border:1px solid var(--border-subtle)}.mesh-bg{background:var(--bg-app)}button{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:var(--font-sans)}button:active{transform:scale(.96)}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInSlide .4s ease-out forwards}.mobile-only{display:none!important}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:75px;background:#111;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;align-items:center;z-index:100;padding:0 10px;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--slate-500);text-decoration:none;font-size:10px;font-weight:700;transition:.2s;flex:1}.mobile-nav-item.active{color:var(--blue-500)}.mobile-nav-item.active .icon-container{background:#3b82f626;border-radius:12px;padding:6px 16px}.main-area-mobile{padding-bottom:75px!important}.grid-mobile-1{grid-template-columns:1fr!important}.padding-mobile-md{padding:24px 16px!important}.text-mobile-xl{font-size:28px!important}.hide-text-mobile{display:none!important}}