:root{--bg-base:#0a0a12;--bg-surface:#10101e;--bg-elevated:#16162a;--bg-card:#1a1a2e;--bg-hover:#20203a;--border:#2a2a3e;--border-light:#32324a;--accent-primary:#7c3aed;--accent-secondary:#2563eb;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-info:#06b6d4;--text-primary:#e8e8f0;--text-secondary:#9090a8;--text-muted:#50506a;--text-accent:#a78bfa;--gradient-primary:linear-gradient(135deg,#7c3aed,#2563eb);--gradient-glow:linear-gradient(135deg,#7c3aed44,#2563eb44);--gradient-surface:linear-gradient(180deg,#16162a,#10101e);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 8px 48px #0009;--shadow-glow:0 0 32px #7c3aed40;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--sidebar-width:240px;--topbar-height:60px;--bottom-nav-height:64px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.4s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a12;background:var(--bg-base);color:#e8e8f0;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0a0a12;background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#20203a;background:var(--bg-hover);border-radius:4px}::selection{background:#7c3aed33;color:#e8e8f0;color:var(--text-primary)}@media (max-width:767px){:root{--topbar-height:56px}.sidebar-desktop{display:none!important}.bottom-nav{display:flex!important}.main-content{margin-left:0!important;padding-bottom:calc(64px + env(safe-area-inset-bottom))!important;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))!important}.main-padding{padding:16px!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}}@media (min-width:768px) and (max-width:1023px){:root{--sidebar-width:200px}.bottom-nav{display:none!important}.sidebar-desktop{display:flex!important}.main-padding{padding:20px!important}.hide-mobile{display:flex!important}.show-mobile{display:none!important}}@media (min-width:1024px){.bottom-nav{display:none!important}.sidebar-desktop{display:flex!important}.main-padding{padding:24px!important}.hide-mobile{display:flex!important}.show-mobile{display:none!important}}.bottom-nav{align-items:stretch;background:#10101e;background:var(--bg-surface);border-top:1px solid #2a2a3e;border-top:1px solid var(--border);bottom:0;display:none;height:64px;height:var(--bottom-nav-height);left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:300}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;position:fixed;z-index:199}@media (max-width:767px){.sidebar-overlay.open{display:block}}.grid-responsive{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:480px){.grid-responsive{gap:12px;grid-template-columns:1fr}}@media (hover:none){.card-touch:active{opacity:.9;transform:scale(.98);transition:transform .1s,opacity .1s}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes drawerIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-fadeIn{animation:fadeIn .4s ease forwards}.animate-slideInLeft{animation:slideInLeft .3s ease forwards}.animate-slideInRight{animation:slideInRight .3s ease forwards}.animate-slideInUp{animation:slideInUp .35s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-pulse{animation:pulse 2s ease infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease infinite}.animate-drawerIn{animation:drawerIn .3s cubic-bezier(.4,0,.2,1) forwards}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#16162a 25%,#20203a 50%,#16162a 75%);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#16162a99;border:1px solid #2a2a3e;border:1px solid var(--border)}.scroll-x{overflow-x:auto;scrollbar-width:thin}.scroll-x::-webkit-scrollbar{display:block;height:4px}.scroll-y{overflow-y:auto}@media (max-width:767px){[role=button],a,button{min-height:44px;min-width:44px}}.net-instagram{--net-color:#e1306c}.net-tiktok{--net-color:#69c9d0}.net-twitter{--net-color:#1da1f2}.net-linkedin{--net-color:#0a66c2}.net-facebook{--net-color:#1877f2}.net-youtube{--net-color:red}.pwa-banner{align-items:center;animation:slideInUp .4s ease forwards;background:#1a1a2e;background:var(--bg-card);border:1px solid #2a2a3e;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);bottom:calc(72px + env(safe-area-inset-bottom));bottom:calc(var(--bottom-nav-height) + 8px + env(safe-area-inset-bottom));box-shadow:0 8px 48px #0009;box-shadow:var(--shadow-lg);display:flex;gap:12px;left:12px;padding:14px 16px;position:fixed;right:12px;z-index:400}@media (min-width:768px){.pwa-banner{bottom:20px;left:auto;right:20px;width:340px}}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.7b69b487.css.map*/