:root{--bg-deep:#082d23;--bg-dark:#0b3d2c;--bg-clear:#f4f8f6;--bg-clear-darker:#e2ede8;--bg-surface:#ffffffd9;--bg-surface-hover:#fffffff2;--border-subtle:#0b3d2c14;--border-focus:#0b3d2c;--primary:#0b3d2c;--primary-hover:#07251a;--primary-glow:#0b3d2c1a;--secondary:#10b981;--gold:#d97706;--gold-glow:#d977061a;--coral:#ef4444;--text-primary:#0d1e1a;--text-secondary:#475569;--text-muted:#64748b;--text-mint:#0f766e;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--shadow-glass:0 10px 30px -10px #0b3d2c14;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:radial-gradient(circle at 50% 50%, var(--bg-clear) 0%, var(--bg-clear-darker) 100%);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-clear)}::-webkit-scrollbar-thumb{background:#0b3d2c26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--primary);font-weight:700}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-glass);border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{background:var(--bg-surface-hover);border-color:#0b3d2c26}.input-field{border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#fff;border:1px solid #0b3d2c1f;outline:none;padding:1rem 1.2rem;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--primary-glow)}.btn-primary{background:linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-deep) 100%);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #0b3d2c26}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #0b3d2c40}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--primary);border-radius:var(--border-radius-md);cursor:pointer;background:#fff;border:1px solid #0b3d2c26;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-clear);border-color:#0b3d2c4d}.badge{border:1px solid #0b3d2c14;border-radius:50px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary);background:#0b3d2c0f;border-color:#0b3d2c1f}.badge-gold{color:var(--gold);background:#d9770614;border-color:#d9770626}.whatsapp-banner{color:#fff;z-index:2000;background:#075e54;border-radius:16px;align-items:flex-start;gap:12px;width:90%;max-width:400px;padding:12px 18px;animation:6s cubic-bezier(.19,1,.22,1) forwards slideDownUp;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-150%);box-shadow:0 10px 30px #0b3d2c33}@keyframes slideDownUp{0%{transform:translate(-50%)translateY(-150%)}8%{transform:translate(-50%)translateY(0)}92%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-150%)}}.survey-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.survey-option-card{border-radius:var(--border-radius-md);cursor:pointer;background:#fff;border:1px solid #0b3d2c1f;flex-direction:column;gap:.5rem;padding:1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.survey-option-card:hover{border-color:var(--secondary);background:#10b98108}.survey-option-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary);background:#0b3d2c0d}.survey-option-card.selected h4{color:var(--primary)}.progress-bar-container{background:#0b3d2c14;border-radius:10px;width:100%;height:6px;margin-bottom:2rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.dashboard-container{min-height:100vh;display:flex}.dashboard-sidebar{border-right:1px solid var(--border-subtle);background:#fff;flex-direction:column;gap:2rem;width:280px;padding:2rem 1.5rem;display:flex}.dashboard-content{flex:1;max-width:1200px;margin:0 auto;padding:3rem;overflow-y:auto}.sidebar-nav-item{border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;outline:none;align-items:center;gap:1rem;padding:1rem 1.2rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background:var(--bg-clear);color:var(--primary)}.sidebar-nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.mobile-welcome,.mobile-bottom-nav,.mobile-header-actions{display:none}@media (max-width:1024px){.dashboard-container{flex-direction:column;min-height:100vh;padding-bottom:0}.dashboard-sidebar{border:none!important;width:0!important;padding:0!important;display:none!important;overflow:hidden!important}.dashboard-content{width:100%!important;max-width:100%!important;min-height:calc(100vh - 90px)!important;margin:0!important;padding:0 0 100px!important;overflow-y:visible!important}.mobile-bottom-nav{z-index:9999!important;padding:.4rem .4rem max(.4rem, env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #d9e6de!important;grid-template-columns:repeat(5,1fr)!important;display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 20px #0831271a!important}.mb-nav-item{color:#7b9087!important;cursor:pointer!important;background:0 0!important;border:1.5px solid #0000!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.25rem!important;padding:.35rem .2rem!important;font-size:.68rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.mb-nav-item.active{color:#0f5b51!important;background:#f4f8f6!important;border-color:#192c29!important;font-weight:700!important}.mobile-welcome{color:#fff!important;background:linear-gradient(#0d5c52 0%,#0f5b51 100%)!important;justify-content:space-between!important;align-items:center!important;padding:1rem 1rem 1.2rem!important;display:flex!important}.mobile-welcome p{opacity:.9;color:#fff;font-size:.8rem}.mobile-welcome h2{color:#fff;font-family:var(--font-sans);font-size:1.9rem;line-height:1.1}.mobile-header-actions{align-items:center!important;gap:.45rem!important;display:inline-flex!important}.mobile-logout-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.streak-pill{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #fff3;border-radius:10px;outline:none;align-items:center;gap:.3rem;padding:.35rem .55rem;font-weight:700;transition:all .2s;display:inline-flex}.streak-pill:hover{background:#ffffff3d;transform:scale(1.05)}.profile-grid,.edit-basics-grid{grid-template-columns:1fr!important}}