:root{--background:#f1f5f9;--foreground:#0f172a;--card-bg:#fff;--card-border:#cbd5e1;--primary:#4f46e5;--primary-glow:#4f46e51a;--accent:#d97706;--success:#059669;--error:#dc2626;--text-muted:#475569;--sidebar-bg:#fff}[data-theme=dark]{--background:#0a0b10;--foreground:#fff;--card-bg:#ffffff0d;--card-border:#ffffff1a;--primary:#6366f1;--primary-glow:#6366f14d;--accent:#fbbf24;--success:#10b981;--error:#ef4444;--text-muted:#94a3b8;--sidebar-bg:#0d0e15cc}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,width .3s}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:12px}.sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--card-border);z-index:100;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:80px}.main-content{min-height:100vh;margin-left:260px;padding:2rem}.main-content.expanded{margin-left:80px}button{cursor:pointer}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:2rem;display:grid}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.profile-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.help-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.task-card{grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:2rem;display:grid}.modal-buttons-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.wallet-buttons-flex{justify-content:center;gap:1.5rem;margin-top:2.5rem;display:flex}.mobile-topbar,.bottom-nav,.main-content-mobile{display:none}@media (max-width:768px){.sidebar,.main-content{display:none!important}.mobile-topbar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);z-index:900;justify-content:center;align-items:center;height:3.5rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-topbar-title{letter-spacing:3px;color:var(--primary);text-shadow:0 0 15px var(--primary-glow);font-size:1.1rem;font-weight:900}.main-content-mobile{min-height:100vh;padding:4.5rem 1rem 5.5rem;display:block;overflow-x:hidden}.bottom-nav{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--card-border);z-index:900;height:4rem;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-width:3.5rem;padding:.4rem .6rem;font-size:.65rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--primary);background:var(--primary-glow)}.bottom-nav-icon{justify-content:center;align-items:center;display:flex}.bottom-nav-label{white-space:nowrap}.dashboard-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.dashboard-header{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;margin-bottom:1.5rem!important}.dashboard-header h1{font-size:1.5rem!important}.dashboard-header>div:last-child{text-align:center;border-top:3px solid var(--accent);width:100%;border-left:none!important;padding:.8rem!important}.profile-grid{grid-template-columns:1fr!important}.help-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.task-card{text-align:center;justify-items:center;grid-template-columns:1fr!important;gap:1rem!important;padding:1.5rem!important}.modal-buttons-grid{grid-template-columns:1fr!important}.wallet-buttons-flex{flex-direction:column!important;gap:1rem!important;width:100%!important}.wallet-buttons-flex>button{justify-content:center!important;width:100%!important}h1{font-size:1.5rem!important}h2{font-size:1.2rem!important}.glass{border-radius:10px}.stats-divider{display:none!important}}