@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--primary: #0F7B4A;--primary-dark: #0A5C37;--primary-light: #D5F2E3;--secondary: #FF7443;--secondary-dark: #E65A2B;--bg-color: #f8fafc;--card-bg: #ffffff;--text-main: #2c3e50;--text-muted: #7f8c8d;--accent: #f1c40f;--energy: #FF7443;--border-radius: 20px;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--shadow-md: 0 10px 25px -5px rgba(0,0,0,.05), 0 8px 10px -6px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(circle at top right,#f8fafc,#edf2f7);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{flex:1;max-width:min(500px,100vw);margin:0 auto;display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow-x:hidden}.landing-content,.quiz-step{width:100%;display:flex;flex-direction:column;gap:1rem}.quiz-step{padding:2rem 1rem 6rem;min-height:100vh;box-sizing:border-box;overflow-x:hidden}.landing-content{flex:1;justify-content:center;padding:0 1.25rem 5vh}.card{background:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);width:100%;border:1px solid rgba(226,232,240,.8)}h1{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;color:#1a1a1a;text-align:center}h2{font-size:1.35rem;font-weight:600;margin-bottom:.5rem;color:#2d3748;text-align:center}.quiz-step h2,.quiz-step h3{text-align:center}p.subheadline{font-size:1rem;color:#718096;margin-bottom:1rem;text-align:center}.bonus-hint{font-size:.85rem;color:var(--secondary);font-weight:600;margin-top:.75rem;text-align:center}.disclaimer{font-size:.8rem;color:#a0aec0;text-align:center}.btn-primary{width:100%;padding:1.1rem;background-color:var(--primary);color:#fff;font-size:1rem;font-weight:600;border-radius:14px;border:none;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 12px #27ae6033}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background-color:var(--secondary)}.step-content{flex:1;display:flex;flex-direction:column;gap:1rem}.step-actions{margin-top:auto;padding-top:1.5rem}.option{padding:1rem;border:2px solid #edf2f7;border-radius:14px;margin-bottom:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:.85rem;background:#fff}.option:hover{transform:translateY(-1px);border-color:var(--primary-light)}.option.selected{border-color:var(--primary);background-color:#fff5f2}.option-icon{font-size:1.3rem}.option-text strong{display:block;color:var(--text-main);font-size:.95rem}.option-text p{font-size:.75rem;color:var(--text-muted)}.activity-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:2px solid #edf2f7;border-radius:14px;margin-bottom:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);background:#fff}.activity-option:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 20px #0f7b4a26}.activity-icon-container{width:50px;height:50px;border-radius:12px;background:#f8fafc;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.activity-option:hover .activity-icon-container{background:var(--primary-light);border-color:var(--primary)}.activity-icon-container svg{width:24px;height:24px}.activity-content{flex:1}.activity-content strong{display:block;color:#2d3748;font-size:1rem;margin-bottom:2px}.activity-content p{font-size:.8rem;color:#718096;font-weight:500}.measure-row{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}.measure-field-group{display:flex;flex-direction:column;align-items:center;gap:0}.measure-field-group.standard{align-items:flex-start;gap:4px}.measure-field-group.standard label{font-size:.85rem;font-weight:700;color:#4a5568}.measure-field-input{width:100%}.measure-field-input input{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1.05rem;outline:none;background:#f8fafc;transition:all .2s}.measure-field-input input:focus{border-color:var(--primary);background:#fff}.large-input-container{position:relative;display:flex;align-items:baseline;justify-content:center;gap:8px;width:100%}.large-number-input{width:120px;border:none;border-bottom:3px solid #0F7B4A;font-size:4rem;font-weight:700;text-align:center;color:#0f7b4a;background:transparent;outline:none;padding-bottom:5px;font-family:inherit;transition:border-color .3s}.large-number-input::placeholder{color:#d5f2e3;opacity:1}.large-number-input:focus{border-bottom-color:#0a5c37}.input-suffix{font-size:1.2rem;font-weight:700;color:#5fad86}.custom-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#9ca3af;margin-top:1rem}.transition-container{width:100%}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-fade-out{animation:fadeOut .4s ease-in forwards}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-pop{animation:pop .4s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-bounce-subtle{animation:bounceSubtle 2s infinite ease-in-out}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-1deg)}75%{transform:translate(5px) rotate(1deg)}}.gamified-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:0 1.25rem;width:100%}.header-top-row{display:flex;justify-content:space-between;align-items:center;margin-top:5%}.brand-group{display:flex;align-items:center;gap:10px}.brand-icon{width:32px;height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;overflow:hidden;padding:4px}.brand-name{font-weight:800;font-size:1.25rem;color:var(--primary-dark)}.step-indicator-badge{background:#f1f5f9;color:#64748b;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.progress-bar-container{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);transition:width .6s cubic-bezier(.16,1,.3,1)}.status-badges-row{display:flex;gap:6px;flex-wrap:wrap;flex:1}.header-bottom-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.status-badge{display:flex;align-items:center;gap:6px;background:#fff;padding:4px 10px;border-radius:20px;border:1px solid #f1f5f9;font-size:.65rem;font-weight:800;color:var(--primary-dark);text-transform:uppercase;letter-spacing:.02em;box-shadow:0 2px 4px #00000005}.status-badge-dot{width:8px;height:8px;background:var(--primary);border-radius:50%}.energy-points-container{display:flex;justify-content:flex-end;margin-top:-10px}.energy-points{background:#fff8e1;color:#d35400;padding:4px 10px;border-radius:20px;font-weight:700;font-size:.8rem;border:1px solid #fee2e2;position:relative;transition:transform .3s;white-space:nowrap;flex-shrink:0}.energy-points.gaining{transform:scale(1.2);background:#fef08a}.points-float{position:absolute;top:-20px;right:0;color:var(--energy);font-weight:800;font-size:.8rem;animation:floatUp .8s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-25px)}}.sms-showcase-container{width:100%;max-width:280px;margin:0 auto;padding:0 1rem}.sms-image-refined{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 20px #0000001a;display:block}.chart-wrapper{background:#fff;padding:1rem;border-radius:16px;border:1px solid #edf2f7;margin:1rem 0}.chart-title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-label{font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:4px}.label-dot{width:8px;height:8px;border-radius:50%}.tabs-header{display:flex;background:#f1f5f9;padding:4px;border-radius:10px;margin-bottom:1rem;width:100%}.tab-btn{flex:1;padding:10px;border:none;background:transparent;font-weight:700;cursor:pointer;border-radius:8px;color:#718096;font-size:.9rem;transition:all .2s}.tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 4px #0000000d}.shortcode-mini{background:#f8fafc;border:2px solid #e2e8f0;padding:1.25rem;border-radius:16px;text-align:center;margin-bottom:1rem}.shortcode-number-mini{font-size:2.5rem;font-weight:800;letter-spacing:4px;color:var(--primary);line-height:1}.benefit-list{display:flex;flex-direction:column;gap:.75rem}.benefit-item{display:flex;gap:.85rem;align-items:center;background:#fafafa;padding:.85rem;border-radius:12px;border:1px solid #f0f0f0}.benefit-dot{width:32px;height:32px;background:var(--primary-light);color:var(--primary-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.benefit-info strong{font-size:.9rem;color:#2d3748}.benefit-info p{font-size:.75rem;color:#718096}.bonus-mystery-box{background:linear-gradient(135deg,#0f7b4a,#0a5c37);padding:2.5rem 1.5rem;border-radius:20px;text-align:center;cursor:pointer;transition:transform .2s;border:3px dashed rgba(255,255,255,.5);box-shadow:0 8px 25px #0f7b4a4d}.bonus-mystery-box:active{transform:scale(.98)}.gift-icon{font-size:4rem;margin-bottom:1rem;display:block;animation:floatGift 2s ease-in-out infinite}@keyframes floatGift{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-3deg)}75%{transform:translateY(-5px) rotate(3deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}50%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}70%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}90%{transform:rotate(0)}}@keyframes explodeOpen{0%{transform:scale(1);opacity:1;border-radius:20px}50%{transform:scale(1.5);opacity:.8;border-radius:40px}to{transform:scale(5);opacity:0;border-radius:0}}.bonus-mystery-box.animate-shake{animation:wiggle .6s ease-in-out}.bonus-mystery-box.animate-explode{animation:explodeOpen .8s ease-out forwards;pointer-events:none}.bonus-mystery-box.animate-shake .gift-icon,.bonus-mystery-box.animate-explode .gift-icon{animation:none}.bonus-unlocked{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;padding:1.5rem;border-radius:16px;text-align:center}.tutorial-img-refined{width:100%;max-width:220px;border-radius:12px;margin:0 auto;display:block}.sms-bubble-preview{font-size:.85rem;line-height:1.4;color:#4a5568}.billing-highlight{background:#f0fff4;border:1.5px dashed var(--primary);padding:1.25rem;border-radius:14px;margin:1rem 0;color:#276749;text-align:left;font-size:.9rem}.quiz-footer{margin-top:auto;padding:2rem 1.25rem;display:flex;justify-content:center;align-items:center;gap:8px;color:#94a3b8;font-size:.7rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;animation:fadeIn 1s ease-out forwards}.shield-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;color:#94a3b8}.social-proof{display:flex;flex-direction:column;align-items:center;margin:1rem 0 0;animation:fadeIn 1s ease-out forwards}.gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.gender-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 20px #0000001a;border:4px solid white}.gender-card:hover{transform:scale(1.03)}.gender-card:active{transform:scale(.98)}.gender-image{width:100%;height:100%;object-fit:cover}.gender-label-overlay{position:absolute;bottom:0;left:0;width:100%;padding:2rem 1rem 1rem;background:linear-gradient(to top,#0f7b4ae6,#0f7b4a00);color:#fff;text-align:center;font-weight:800;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.avatar-stack{display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.avatar-item{width:42px;height:42px;border-radius:50%;border:2px solid white;margin-left:-10px;object-fit:cover;box-shadow:0 4px 6px #0000000d}.avatar-item:first-child{margin-left:0}.plus-badge-social{width:42px;height:42px;border-radius:50%;background:#f5f3ff;color:#27ae60;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;border:2px solid white;margin-left:-10px;box-shadow:0 4px 6px #0000000d}.join-text{font-size:.75rem;font-weight:700;color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;text-align:center}.imc-alert{background:#fef2f2;border:2px solid #fca5a5;border-radius:16px;padding:1.25rem;margin-top:1.5rem;animation:slideUp .5s ease-out forwards}.imc-alert-header{display:flex;align-items:center;gap:10px;color:#991b1b;font-weight:700;font-size:.95rem;margin-bottom:8px}.imc-alert-body{color:#7f1d1d;font-size:.85rem;line-height:1.5}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem}.progress-circle-container{position:relative;width:180px;height:180px;margin:2rem 0}.progress-circle-bg{position:absolute;width:100%;height:100%;border-radius:50%;background:#f3e8ff}.progress-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:12px solid transparent;border-top-color:#0f7b4a;border-right-color:#0f7b4a;animation:spin 2s linear infinite}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:800;color:#0a5c37}.loading-checklist{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;width:100%}.loading-check-item{display:flex;align-items:center;gap:10px;color:#0a5c37;font-size:.9rem;font-weight:600}.projection-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #00000014;margin-top:1.5rem}.projection-weight{font-size:2.5rem;font-weight:800;color:#0a5c37;text-align:center;margin:1rem 0}.projection-reduction{color:#0f7b4a;font-size:.9rem;text-align:center;margin-bottom:1.5rem}.projection-curve-container{position:relative;width:100%;height:200px;background:linear-gradient(to bottom,#faf5ff,#fff);border-radius:12px;overflow:hidden;margin-top:1rem}.projection-curve{position:absolute;bottom:0;left:0;width:100%;height:100%}.curve-label{position:absolute;font-size:.75rem;font-weight:700;color:#0f7b4a}.curve-label.start{left:10px;top:20px}.curve-label.end{right:10px;bottom:20px;background:#0f7b4a;color:#fff;padding:4px 12px;border-radius:20px}.quiz-step select{width:100%;padding:14px 16px;border-radius:12px;border:2px solid #e2e8f0;font-size:1rem;background:#fff;color:#2d3748;font-family:inherit;cursor:pointer;transition:all .3s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.quiz-step select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f7b4a1a}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#0f7b4a;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.meal-icon-wrapper{width:44px;height:44px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.meal-info h4{margin:0;font-size:1.05rem;font-weight:700;color:#1a202c}.diet-summary-bar{background:#fff;border-radius:20px;padding:20px;margin-bottom:25px;color:#2d3748;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #00000005;border:1px solid #edf2f7}.summary-item{text-align:center;flex:1}.summary-value{display:block;font-size:1.2rem;font-weight:800;color:#0f7b4a}.summary-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:#718096;opacity:.8}.summary-divider{width:1px;height:30px;background:#e2e8f0}.night-mode .diet-summary-bar{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#ffffff0d;color:#fff}.night-mode .summary-value{color:#fbbf24}.night-mode .summary-label{color:#cbd5e0}.night-mode .summary-divider{background:#ffffff1a}.meal-macros{display:flex;gap:8px;margin:15px 0;flex-wrap:wrap}.macro-badge{background:#fff;padding:6px 12px;border-radius:10px;font-size:.7rem;color:#4a5568;display:flex;flex-direction:column;align-items:center;min-width:55px;border:1px solid #edf2f7}.macro-badge .macro-label{font-weight:700;color:#1a202c}.nutri-tip-bubble{background:#ebf8ff;border-radius:16px;padding:14px;margin-top:15px;display:flex;gap:12px;border:1px solid #bee3f8}.substitutions-section{margin-top:20px;border-top:1px dashed #e2e8f0;padding-top:15px}.substitutions-title{font-size:.75rem;text-transform:uppercase;color:#718096;margin-bottom:10px;display:block}.sub-item{background:#fff;border:1px solid #edf2f7;border-radius:12px;padding:10px;margin-bottom:8px}.sub-name{font-weight:700;font-size:.85rem;color:#38a169;display:block}.sub-desc{font-size:.8rem;color:#718096}.meal-preview-text{font-size:.75rem;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:block;margin-top:4px}.view-details-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#4a5568;padding:8px 16px;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;margin-left:auto}.view-details-btn:hover{background:#fff;border-color:#cbd5e0;box-shadow:0 4px 10px #0000000d}.meal-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:14px;margin-bottom:20px;gap:4px}.meal-tab{flex:1;border:none;background:transparent;padding:10px 5px;border-radius:10px;font-size:.75rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s;text-align:center}.meal-tab.active{background:#fff;color:#0f7b4a;box-shadow:0 2px 8px #0000000d}.night-mode .meal-tabs{background:#ffffff0d}.night-mode .meal-tab{color:#94a3b8}.night-mode .meal-tab.active{background:#2d3748;color:#fbbf24}.tab-pane{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.meal-description-card{background:#fff;padding:16px;border-radius:16px;border:1px solid #edf2f7;box-shadow:0 2px 10px #00000005}.meal-description-card p{margin:8px 0;font-size:.9rem;color:#4a5568;line-height:1.6}.night-mode .meal-description-card{background:#2d3748;border-color:#ffffff0d}.night-mode .meal-description-card p{color:#e2e8f0}.gender-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem;max-width:100%;box-sizing:border-box}.gender-card{position:relative;background:#fff;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #0000001a;border:2px solid transparent;aspect-ratio:3 / 4;width:100%;box-sizing:border-box}.gender-card:hover{transform:scale(1.03);box-shadow:0 20px 40px #00000026}.gender-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gender-card:hover .gender-image{transform:scale(1.05)}.gender-label-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-weight:700;font-size:1.2rem;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-end;animation:fadeIn .3s ease}.bottom-drawer{width:100%;max-width:550px;background:#fff;border-radius:32px 32px 0 0;padding:24px;max-height:85vh;overflow-y:auto;margin:0 auto;position:relative;box-shadow:0 -15px 50px #0000004d;animation:slideUpDrawer .5s cubic-bezier(.16,1,.3,1)}.night-mode .bottom-drawer{background:#1a202c;color:#fff}.drawer-handle{width:45px;height:5px;background:#e2e8f0;border-radius:3px;margin:-10px auto 25px}.night-mode .drawer-handle{background:#ffffff1a}.drawer-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.drawer-icon-box{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.drawer-title-group h2{margin:0;font-size:1.25rem;font-weight:800;color:#1a202c}.night-mode .drawer-title-group h2{color:#fff}.drawer-title-group p{margin:2px 0 0;font-size:.85rem;color:#718096}.simple-timeline-card{display:flex;align-items:center;background:#fff;padding:18px;border-radius:20px;margin-bottom:12px;border:1px solid #edf2f7;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000005}.simple-timeline-card:active{transform:scale(.97)}.night-mode .simple-timeline-card{background:#2d3748;border-color:#ffffff0d}.card-time-badge{background:#f0fdf4;color:#166534;font-weight:800;padding:6px 10px;border-radius:10px;font-size:.75rem;margin-right:15px;min-width:55px;text-align:center}.night-mode .card-time-badge{background:#064e3b;color:#34d399}.card-main-info h4{margin:0;font-size:1rem;color:#1a202c;font-weight:700}.night-mode .card-main-info h4{color:#e2e8f0}.card-sub-info{font-size:.75rem;color:#718096;margin-top:2px}.open-indicator{color:#cbd5e0;font-size:.8rem}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:14px;margin-bottom:20px;gap:4px}.drawer-tab{flex:1;border:none;background:transparent;padding:12px 0;border-radius:12px;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;text-align:center}.drawer-tab.active{background:#fff;color:#0f7b4a;box-shadow:0 2px 8px #0000000d;font-weight:700}.drawer-header-macros{display:flex;gap:6px;margin-top:6px;font-size:.75rem;color:#718096;flex-wrap:wrap}.macro-pill{background:#f7fafc;padding:4px 8px;border-radius:6px;border:1px solid #edf2f7;font-weight:600;display:flex;align-items:center;gap:4px}.macro-pill.kcal{color:#e53e3e;background:#fff5f5;border-color:#fed7d7}.nutri-tip-minimal{padding:12px 16px;border-radius:12px;background:#f8fafc;font-size:.85rem;color:#64748b;line-height:1.5;margin-top:10px;display:flex;gap:10px;align-items:center}.night-mode .drawer-tabs{background:#ffffff0d}.night-mode .drawer-tab{color:#94a3b8}.night-mode .drawer-tab.active{background:#2d3748;color:#fbbf24}.night-mode .macro-pill{background:#2d3748;border-color:#ffffff1a;color:#cbd5e0}.close-drawer-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#64748b;cursor:pointer;transition:all .2s;line-height:1}.close-drawer-btn:active{background:#e2e8f0;transform:scale(.95)}.night-mode .close-drawer-btn{background:#ffffff1a;color:#cbd5e0}.squad-showcase{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05);margin-top:1.5rem;overflow:hidden;text-align:left}.squad-badge{background:var(--energy);color:#fff;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:800;display:inline-block;margin-bottom:.75rem;animation:pulse-squad 2s infinite}@keyframes pulse-squad{0%{box-shadow:0 0 #ff744366}70%{box-shadow:0 0 0 10px #ff744300}to{box-shadow:0 0 #ff744300}}.squad-header h3{font-size:1.4rem;color:#1a202c;margin-bottom:.5rem;font-weight:800;line-height:1.2}.squad-header p{font-size:.9rem;color:#718096;line-height:1.5;margin-bottom:1.5rem}.squad-images-grid{display:flex;gap:12px;margin-bottom:1.5rem;position:relative;padding:10px 0}.squad-img-wrapper{flex:1;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0000001f;border:3px solid white;transition:transform .3s ease}.squad-img-wrapper:hover{transform:translateY(-5px) rotate(2deg)}.squad-img-wrapper.secondary{margin-top:20px}.squad-img-wrapper img{width:100%;height:auto;display:block}.squad-features{display:flex;flex-direction:column;gap:12px}.squad-feature-item{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:14px;border-radius:18px;border:1px solid #f1f5f9}.feature-icon{font-size:1.6rem;background:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;box-shadow:0 4px 12px #0000000d;flex-shrink:0}.feature-info strong{display:block;font-size:.95rem;color:#2d3748;font-weight:700}.feature-info p{font-size:.8rem;color:#718096;line-height:1.4;margin:0}.checkout-container{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.checkout-heading{font-size:1.5rem;font-weight:800;color:#1a202c;line-height:1.3;margin-bottom:.5rem;text-align:center}.checkout-subheading{font-size:.95rem;color:#718096;text-align:center;margin-bottom:1.5rem}.proof-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014;border:1px solid #edf2f7;margin-bottom:1rem}.proof-image-label{background:#0f7b4a;color:#fff;font-size:.75rem;font-weight:700;padding:6px 15px;text-align:center;text-transform:uppercase;letter-spacing:.05em}.proof-image{width:100%;height:auto;display:block}.whatsapp-proof{background:#f0fff4;border-radius:16px;padding:1rem;display:flex;align-items:center;gap:12px;margin-bottom:1rem;border:1px solid #c6f6d5}.whatsapp-icon-round{width:45px;height:45px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.whatsapp-proof-text{font-size:.85rem;color:#276749;font-weight:600}.testimonial-scroll{display:flex;overflow-x:auto;gap:1rem;padding:.5rem .25rem;margin-bottom:1.5rem;scrollbar-width:none}.testimonial-scroll::-webkit-scrollbar{display:none}.mini-testimonial{min-width:260px;background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 4px 15px #0000000a;border:1px solid #edf2f7}.mini-testimonial p{font-size:.85rem;color:#4a5568;font-style:italic;line-height:1.5;margin-bottom:.75rem}.mini-testimonial .user-info{display:flex;align-items:center;gap:10px}.mini-testimonial .user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.mini-testimonial .user-name{font-size:.8rem;font-weight:700;color:#2d3748}.trust-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1.5rem}.trust-badge-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#718096;background:#f8fafc;padding:10px;border-radius:12px;font-weight:600}.guarantee-box{background:linear-gradient(135deg,#ff7443,#ff8f66);color:#fff;padding:1.25rem;border-radius:16px;text-align:center;margin-bottom:1.5rem;box-shadow:0 10px 20px #ff744333}.guarantee-box h4{font-size:1.1rem;margin-bottom:.25rem;font-weight:800}.guarantee-box p{font-size:.8rem;opacity:.95}.price-card-premium{background:#fff;border:2px solid #edf2f7;border-radius:20px;padding:1.5rem;position:relative;transition:all .3s;cursor:pointer}.price-card-premium.recommended{border-color:#0f7b4a;background:#f0fdf4}.price-card-premium.selected{border-color:#0f7b4a;box-shadow:0 8px 30px #0f7b4a26}.price-badge-floating{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#0f7b4a;color:#fff;font-size:.7rem;font-weight:800;padding:4px 12px;border-radius:20px;white-space:nowrap}.price-content{text-align:center}.original-price{font-size:.9rem;color:#a0aec0;text-decoration:line-through;margin-bottom:2px}.current-price{font-size:2.2rem;font-weight:800;color:#1a202c;line-height:1}.price-period{font-size:.9rem;color:#718096;font-weight:600}.discount-tag{display:inline-block;background:#ff7443;color:#fff;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:6px;margin-top:6px}.faq-container{margin-top:3rem;padding:0 1rem}.faq-item{background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:.75rem;overflow:hidden}.faq-question{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#2d3748;cursor:pointer;font-size:.95rem}.faq-answer{padding:0 1.25rem 1.25rem;color:#718096;font-size:.85rem;line-height:1.6}.checkout-footer{margin-top:4rem;padding:2rem 1rem;background:#f8fafc;border-top:1px solid #e2e8f0;text-align:center}.footer-info-item{font-size:.75rem;color:#a0aec0;margin-bottom:.5rem}.footer-socials{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.footer-social-link{color:#4a5568;font-weight:700;font-size:.8rem;text-decoration:none}.value-box{background:#f0fdf4;border:2px dashed #0F7B4A;border-radius:16px;padding:1rem;margin-bottom:1.5rem;text-align:center}.pain-point-card{background:#fff5f5;border-left:4px solid #f56565;padding:1rem;border-radius:8px;margin-bottom:1rem;font-style:italic;font-size:.85rem;color:#c53030}.brand-presentation{margin-top:4rem;padding:0 1.5rem;text-align:left}.brand-logo-large{width:180px;height:auto;margin-bottom:2rem;display:block}.brand-description p{font-size:.95rem;color:#2d3748;line-height:1.6;margin-bottom:1.5rem}.brand-description strong{font-weight:800;color:#1a202c}.app-screenshots-slider{display:flex;gap:12px;overflow-x:auto;padding:1rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.app-screenshots-slider::-webkit-scrollbar{display:none}.screenshot-item{flex:0 0 160px;scroll-snap-align:center;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000001a;border:1px solid #e2e8f0}.screenshot-item img{width:100%;height:auto;display:block}.protocol-detail-list{display:flex;flex-direction:column;gap:1.25rem}.protocol-detail-item{display:flex;gap:15px;align-items:flex-start}.protocol-detail-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 2px 8px #0000000d;flex-shrink:0}.protocol-detail-content h4{margin:0;font-size:.95rem;color:#2d3748;font-weight:800}.protocol-detail-content p{margin:4px 0 0;font-size:.8rem;color:#4a5568;line-height:1.5}.offer-master-block{background:#fff;border-radius:24px;padding:2rem 1.5rem;box-shadow:0 10px 25px #0000000d;margin-bottom:2rem;border:2px solid #edf2f7;position:relative;overflow:hidden}.offer-master-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f7b4a,#38a169)}.urgency-timer-bar{background:#fff5f5;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:1.5rem;border:1px solid #fed7d7}.urgency-timer-text{font-size:.8rem;color:#c53030;font-weight:700}.social-proof-buying{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;color:#718096;margin-top:1rem;font-weight:600}.social-proof-dot{width:8px;height:8px;background:#48bb78;border-radius:50%;box-shadow:0 0 0 2px #48bb7833;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #48bb78b3}70%{transform:scale(1);box-shadow:0 0 0 6px #48bb7800}to{transform:scale(.95);box-shadow:0 0 #48bb7800}}.guarantee-badge-simple{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed #e2e8f0}.guarantee-badge-simple span{font-size:1.5rem}.guarantee-text-simple{text-align:left}.guarantee-text-simple h5{margin:0;font-size:.75rem;font-weight:800;color:#2d3748}.guarantee-text-simple p{margin:0;font-size:.65rem;color:#718096}.btn-primary.pulse-animation{animation:btn-pulse 2s infinite}@keyframes btn-pulse{0%{transform:scale(1);box-shadow:0 8px 25px #ff744366}50%{transform:scale(1.05);box-shadow:0 12px 35px #ff744399}to{transform:scale(1);box-shadow:0 8px 25px #ff744366}}.counter-number{color:#38a169;font-weight:800;transition:all .3s ease}.progress-bar-container{margin:1rem 0;font-family:Arial,sans-serif}.progress-bar-label{font-size:.9rem;color:#555;margin-bottom:4px;text-align:center}.progress-bar-background{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#0f7b4a;transition:width .3s ease}:root{--vida-green-900: #064E3B;--vida-green-700: #0F7B4A;--vida-green-600: #12945A;--vida-green-500: #16A34A;--vida-green-400: #22C55E;--vida-green-100: #DCFCE7;--vida-green-50: #F0FDF4;--vida-orange-700: #E65C2D;--vida-orange-600: #FF7443;--vida-orange-500: #FF8F66;--vida-orange-100: #FFEDD5;--vida-orange-50: #FFF7ED;--vida-green: #0F7B4A;--vida-green-light: #12945A;--vida-green-dark: #0A5C38;--vida-orange: #FF7443;--vida-orange-light: #FF8F66;--vida-orange-dark: #E65C2D;--vida-orange-cream: #FAD9AF;--vida-bg-light: #F0FDF4;--vida-bg-cream: #FAFFF7;--vida-bg-orange: #FFF7ED;--gray-900: #111827;--gray-800: #1F2937;--gray-700: #374151;--gray-600: #4B5563;--gray-500: #6B7280;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--gray-50: #F9FAFB;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border-primary: #E5E7EB;--border-secondary: #F3F4F6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}.client-panel{min-height:100vh;background:linear-gradient(180deg,var(--vida-bg-light) 0%,var(--vida-bg-cream) 50%,#FFFFFF 100%);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding-bottom:100px;transition:background .5s ease,filter .5s ease}.client-panel.night-mode{background:linear-gradient(180deg,#1a1f2e,#242938,#2d3444);--gray-900: #F9FAFB;--gray-800: #F3F4F6;--gray-700: #E5E7EB;--gray-600: #D1D5DB;--gray-500: #9CA3AF;--gray-400: #6B7280;--gray-300: #4B5563;--gray-200: #374151;--gray-100: #2D3748;--gray-50: #1F2937;--bg-primary: #2D3748;--bg-secondary: #1F2937;--bg-tertiary: #374151;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--border-primary: #4A5568;--border-secondary: rgba(255, 255, 255, .1)}.client-panel.night-mode .panel-header{background:linear-gradient(180deg,#252a3a,#1e2330)}.client-panel.night-mode .greeting-text{color:#fff9}.client-panel.night-mode .user-name{color:#fff}.client-panel.night-mode .header-icon-btn,.client-panel.night-mode .streak-badge,.client-panel.night-mode .points-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .streak-badge span,.client-panel.night-mode .points-badge span{color:#fff}.client-panel.night-mode .section-title{color:#ffffffe6}.client-panel.night-mode .section-hint{color:#ffffff80}.client-panel.night-mode .level-card{background:linear-gradient(135deg,#0a5c38,#0d6b43)}.client-panel.night-mode .calendar-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .calendar-day{background:#ffffff14;color:#ffffffb3}.client-panel.night-mode .calendar-day.today{background:var(--vida-green);color:#fff}.client-panel:not(.night-mode) .calendar-day .day-label{color:#666}.client-panel:not(.night-mode) .calendar-day .day-number{color:#1a1a1a}.client-panel:not(.night-mode) .section-title{color:#1a1a1a}.client-panel:not(.night-mode) .day-indicator{color:#ff7443;background:#fff8e1}.client-panel:not(.night-mode) .day-name{color:#333}.client-panel.night-mode .day-name{color:#ffffff80}.client-panel.night-mode .day-number{color:#ffffffe6}.client-panel.night-mode .overview-cards{gap:12px}.client-panel.night-mode .overview-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .overview-card.water{background:linear-gradient(135deg,#2196f333,#2196f31a)}.client-panel.night-mode .overview-card.water.completed{background:linear-gradient(135deg,#4caf504d,#4caf5033);border-color:#4caf5066}.client-panel.night-mode .overview-card.meals{background:linear-gradient(135deg,#ffc10733,#ffc1071a)}.client-panel.night-mode .overview-card.workout{background:linear-gradient(135deg,#9c27b033,#9c27b01a)}.client-panel.night-mode .overview-card.workout.completed{background:linear-gradient(135deg,#4caf504d,#4caf5033)}.client-panel.night-mode .card-icon{filter:none}.client-panel.night-mode .card-label,.client-panel.night-mode .card-meta{color:#fff9}.client-panel.night-mode .card-value{color:#fff}.client-panel.night-mode .water-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.client-panel.night-mode .water-btn:hover:not(:disabled){background:#ffffff40}.client-panel.night-mode .quick-meal-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .quick-meal-card.completed{background:#4caf5026;border-color:#4caf504d}.client-panel.night-mode .meal-name{color:#ffffffe6}.client-panel.night-mode .meal-time{color:#ffffff80}.client-panel.night-mode .workout-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .workout-title{color:#fff}.client-panel.night-mode .workout-subtitle{color:#fff9}.client-panel.night-mode .exercise-tag{background:#ffffff26;color:#fff}.client-panel.night-mode .workout-summary-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.client-panel.night-mode .workout-count{color:#fff}.client-panel.night-mode .complete-workout-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.client-panel.night-mode .complete-workout-btn.completed{background:#4caf504d;border-color:#4caf5080;color:#fff}.client-panel.night-mode .workout-exercises-preview .exercise-tag{background:#ffffff1f;color:#ffffffe6}.client-panel.night-mode .exercise-more{color:#fff9;background:#ffffff1a}.client-panel.night-mode .section-hint{color:var(--vida-orange-light)!important}.client-panel.night-mode .exercises-list{gap:12px}.client-panel.night-mode .exercise-card{border:1px solid rgba(255,255,255,.08)}.client-panel.night-mode .exercise-card-header{border-bottom-color:#ffffff1a}.client-panel.night-mode .exercise-number{background:#ffffff26;color:#fff}.client-panel.night-mode .exercise-info h4{color:#fff}.client-panel.night-mode .exercise-sets,.client-panel.night-mode .exercise-card .expand-icon{color:#ffffff80}.client-panel.night-mode .exercise-details-expanded{background:#0003;border-top:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .exercise-description p{color:#ffffffbf}.client-panel.night-mode .exercise-tips{background:#ffffff14;color:#ffffffb3}.client-panel.night-mode .complete-all-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.client-panel.night-mode .complete-all-btn.completed{background:#4caf504d;border-color:#4caf5080;color:#fff}.client-panel.night-mode .tab-header h3{color:#fff}.client-panel.night-mode .day-indicator{background:#ffffff1a;color:#fffc}.client-panel.night-mode .meal-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.client-panel.night-mode .meal-card.completed{background:#4caf5026;border-color:#4caf504d}.client-panel.night-mode .meal-card-header{border-bottom-color:#ffffff1a}.client-panel.night-mode .meal-icon-wrapper{background:#ffffff1a}.client-panel.night-mode .meal-info h4{color:#fff}.client-panel.night-mode .meal-info .meal-time,.client-panel.night-mode .expand-icon{color:#ffffff80}.client-panel.night-mode .meal-details-expanded{background:#0003;border-top:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .meal-description p{color:#ffffffbf}.client-panel.night-mode .check-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.client-panel.night-mode .check-btn.checked{background:#4caf504d;border-color:#4caf5080}.client-panel.night-mode .diet-card,.client-panel.night-mode .meal-detail-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .diet-title,.client-panel.night-mode .meal-title{color:#fff}.client-panel.night-mode .diet-description,.client-panel.night-mode .meal-description{color:#fff9}.client-panel.night-mode .food-item{background:#ffffff0d;color:#fffc}.client-panel.night-mode .empty-state{background:#ffffff0d}.client-panel.night-mode .empty-state p{color:#fff9}.client-panel.night-mode .progress-card,.client-panel.night-mode .streak-card,.client-panel.night-mode .stats-card,.client-panel.night-mode .stat-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .progress-card h4,.client-panel.night-mode .streak-card h4,.client-panel.night-mode .progress-title,.client-panel.night-mode .streak-title,.client-panel.night-mode .stat-title{color:#fff}.client-panel.night-mode .progress-value,.client-panel.night-mode .streak-value,.client-panel.night-mode .stat-value{color:var(--vida-green-light)}.client-panel.night-mode .progress-label,.client-panel.night-mode .streak-label,.client-panel.night-mode .stat-label{color:#ffffff80}.client-panel.night-mode .streak-number{color:var(--vida-orange)}.client-panel.night-mode .streak-label-text{color:#ffffffb3}.client-panel.night-mode .stats-grid .stat-card{background:#ffffff0f}.client-panel.night-mode .stat-icon{filter:none}.client-panel.night-mode .week-progress{background:#ffffff0d;border-radius:12px;padding:12px}.client-panel.night-mode .day-dot{background:#ffffff1a}.client-panel.night-mode .day-dot.active{background:var(--vida-green)}.client-panel.night-mode .day-dot.today{border-color:var(--vida-orange)}.client-panel.night-mode .day-dot .dot{color:#fff}.client-panel.night-mode .day-dot .day-name{color:#ffffff80}.client-panel.night-mode .level-progress-bar{background:#ffffff1a}.client-panel.night-mode .level-fill{background:var(--vida-orange)}.client-panel.night-mode .level-text{color:#fff9}.client-panel.night-mode .profile-card,.client-panel.night-mode .profile-section,.client-panel.night-mode .settings-card,.client-panel.night-mode .before-photo-card{background:#1e233299!important;border:1px solid rgba(255,255,255,.1);box-shadow:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.client-panel.night-mode .profile-card h4,.client-panel.night-mode .before-photo-card h4,.client-panel.night-mode .profile-name{color:#fff}.client-panel.night-mode .profile-email,.client-panel.night-mode .profile-phone{color:#fff9}.client-panel.night-mode .profile-label{color:#ffffff80}.client-panel.night-mode .profile-value{color:#fff}.client-panel.night-mode .profile-info-item{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .profile-photo-container{background:#ffffff0d}.client-panel.night-mode .photo-edit-overlay{background:#0009}.client-panel.night-mode .photo-edit-overlay span,.client-panel.night-mode .photo-edit-overlay small{color:#fff}.client-panel.night-mode .before-photo-wrapper{background:#ffffff0d}.client-panel.night-mode .before-label{background:#00000080;color:#fff}.client-panel.night-mode .no-before-photo{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2)}.client-panel.night-mode .no-before-photo p{color:#fff9}.client-panel.night-mode .prescriptions-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .prescriptions-card h4{color:#fff}.client-panel.night-mode .prescription-item{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .prescription-name{color:#fff}.client-panel.night-mode .prescription-desc{color:#ffffff80}.client-panel.night-mode .prescription-date{color:#fff6}.client-panel.night-mode .profile-actions{border-top:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .action-btn{background:#ffffff14;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .action-btn:hover{background:#ffffff1f}.client-panel.night-mode .action-btn.logout{color:#ff6b6b}.client-panel.night-mode .btn-secondary,.client-panel.night-mode .btn-outline,.client-panel.night-mode .btn-change-photo,.client-panel.night-mode .btn-change-before,.client-panel.night-mode .btn-add-before{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.client-panel.night-mode .btn-secondary:hover,.client-panel.night-mode .btn-outline:hover{background:#ffffff26}.client-panel.night-mode .night-mode-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .night-mode-toggle-text h4{color:#fff}.client-panel.night-mode .night-mode-toggle-text p{color:#ffffff80}.client-panel.night-mode .empty-state p,.client-panel.night-mode .empty-hint{color:#fff9}.client-panel.night-mode .bottom-nav{background:#1e2330;border-top:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .nav-label{color:#ffffff80}.client-panel.night-mode .nav-item.active{background:#0f7b4a33}.client-panel.night-mode .nav-item.active .nav-label{color:var(--vida-green-light)}.header-icon-btn.sleep-btn.night-highlight{background:linear-gradient(135deg,#6b5b95,#957dad)!important;border:none!important;animation:pulseNight 2s ease-in-out infinite}.header-icon-btn.sleep-btn.night-highlight svg{stroke:#fff!important}@keyframes pulseNight{0%,to{box-shadow:0 0 #6b5b9566;transform:scale(1)}50%{box-shadow:0 0 0 8px #6b5b9500;transform:scale(1.05)}}.sleep-reminder-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#ff6b6b;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.night-mode-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff0d;border-radius:12px;margin-top:12px}.night-mode-toggle-label{display:flex;align-items:center;gap:12px}.night-mode-toggle-label svg{color:#6b5b95}.night-mode-toggle-text h4{margin:0;font-size:.95rem;color:inherit}.night-mode-toggle-text p{margin:4px 0 0;font-size:.8rem;opacity:.6}.toggle-switch{position:relative;width:50px;height:28px;background:#ccc;border-radius:14px;cursor:pointer;transition:background .3s}.toggle-switch.active{background:var(--vida-green)}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-switch.active:after{transform:translate(22px)}.login-screen{min-height:100vh;background:linear-gradient(180deg,var(--vida-bg-light) 0%,#FFFFFF 100%);display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:180px;margin-bottom:1.5rem}.login-header h1{font-size:1.6rem;font-weight:800;color:#1a1a1a;margin:0 0 8px}.login-header p{font-size:.95rem;color:#666;margin:0}.login-form{background:#fff;padding:2rem;border-radius:24px;box-shadow:0 10px 40px #00000014}.resend-container{margin-top:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.resend-wait{font-size:.9rem;color:#666;background:#f5f5f5;padding:8px 16px;border-radius:20px;margin:0}.resend-wait strong{color:var(--vida-orange);font-variant-numeric:tabular-nums}.resend-btn{background:none;border:1px solid var(--vida-green);color:var(--vida-green);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.resend-btn:hover{background:#0f7b4a0d;transform:translateY(-1px)}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#333;margin-bottom:8px}.form-group input{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:14px;font-size:1.1rem;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--vida-green);box-shadow:0 0 0 4px #0f7b4a1a}.code-input{text-align:center;font-size:2rem!important;font-weight:700;letter-spacing:1rem;padding-left:1.5rem!important}.login-form button[type=submit]{width:100%;padding:16px;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.login-form button[type=submit]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 20px #0f7b4a4d}.login-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.login-hint{text-align:center;font-size:.85rem;color:#999;margin-top:1rem}.welcome-back{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#fff8e1;border-radius:16px}.welcome-back span{font-size:2rem}.welcome-back p{margin:8px 0 0;font-size:1rem;color:#333}.back-btn{width:100%;padding:12px;background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;margin-top:1rem}.back-btn:hover{color:#333}.error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:10px;font-size:.9rem;margin-bottom:1rem;text-align:center}.panel-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff9e6,#fff)}.loading-spinner{width:50px;height:50px;border:4px solid #FFE082;border-top-color:#ff7443;border-radius:50%;animation:spin 1s linear infinite}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:transparent}.header-left{display:flex;align-items:center;gap:12px}.avatar{width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid var(--vida-green);display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .2s;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar:hover{border-color:var(--vida-green-light);transform:scale(1.05);box-shadow:0 4px 12px #0f7b4a33}.greeting-text{font-size:.85rem;color:#666}.user-name{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin:0}.header-right{display:flex;gap:8px}.streak-badge,.points-badge{background:#fff;padding:8px 14px;border-radius:12px;font-size:.9rem;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:4px}.streak-badge span{font-weight:700;color:#ff5722}.points-badge span{font-weight:700;color:#ff7443}@media(max-width:420px){.panel-header{padding:12px 16px}.header-left{gap:8px}.avatar{width:40px;height:40px;font-size:1.2rem}.greeting-text{font-size:.75rem}.user-name{font-size:1rem}.header-right{gap:4px}.header-icon-btn{width:32px;height:32px;padding:6px}.header-icon-btn svg{width:16px;height:16px}.streak-badge,.points-badge{padding:4px 8px;font-size:.75rem;gap:2px}.streak-badge svg,.points-badge svg{width:12px;height:12px}}@media(max-width:360px){.panel-header{padding:10px 12px}.avatar{width:36px;height:36px}.user-name{font-size:.9rem}.header-right{gap:3px}.header-icon-btn{width:28px;height:28px;padding:4px}.streak-badge,.points-badge{padding:3px 6px;font-size:.7rem;border-radius:12px}}.week-calendar{display:flex;justify-content:space-around;padding:var(--space-4) var(--space-5);background:#fff6;border-radius:var(--radius-xl);margin:0 var(--space-5)}.night-mode .week-calendar{background:#ffffff08}.calendar-day{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-lg);transition:all .2s ease;min-width:42px}.calendar-day .day-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-medium)}.calendar-day .day-number{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all .2s}.calendar-day.today .day-number{background:var(--vida-orange-600);color:#fff}.calendar-day.selected:not(.today) .day-number{background:var(--bg-tertiary);color:var(--vida-orange-600)}.calendar-day:hover:not(.today) .day-number{background:var(--bg-tertiary)}.panel-content{flex:1;padding:0 20px 20px}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.level-card{background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));border-radius:20px;padding:20px;margin-bottom:20px;color:#fff}.level-info{display:flex;flex-direction:column;gap:8px}.level-badge{font-size:1.1rem;font-weight:800}.level-progress{width:100%;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden;margin:8px 0}.level-bar{display:block;height:100%;background:var(--vida-orange);border-radius:4px;transition:width .5s ease;min-width:0}.level-xp{font-size:.85rem;opacity:.9}.section-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.overview-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.overview-card{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 2px 8px #0000000a}.overview-card.water{background:linear-gradient(180deg,#e3f2fd,#bbdefb)}.overview-card.meals,.overview-card.workout{background:linear-gradient(180deg,#fff7ed,#fad9af)}.overview-card.workout.completed{background:linear-gradient(180deg,#e8f5e9,#c8e6c9)}.card-icon{font-size:1.2rem;display:block;margin-bottom:4px}.card-label{font-size:.75rem;color:#666;display:block}.card-value{font-size:1.3rem;font-weight:700;color:#1a1a1a;display:block}.card-meta{font-size:.75rem;color:#999}.section-header-with-hint{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header-with-hint .section-title{margin:0}.section-hint{font-size:.75rem;color:#999;background:#f5f5f5;padding:4px 10px;border-radius:12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.tap-indicator{position:absolute;top:10px;right:10px;font-size:.9rem;opacity:.5;animation:bounce 1.5s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.overview-card.water{position:relative}.overview-card.water.completed{background:linear-gradient(180deg,#e8f5e9,#c8e6c9);border:2px solid var(--vida-green)}.water-controls{display:flex;gap:8px;margin-top:12px}.water-btn{min-width:50px;height:36px;padding:0 12px;border-radius:18px;border:none;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.water-btn.minus{background:#fffc;color:#666}.water-btn.plus{background:#2196f3;color:#fff}.water-btn:hover:not(:disabled){transform:scale(1.1)}.water-btn:disabled{opacity:.4;cursor:not-allowed}.quick-meals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.quick-meal-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all .2s;position:relative;box-shadow:var(--shadow-sm)}.quick-meal-card:hover{transform:scale(1.02)}.quick-meal-card.completed{background:linear-gradient(180deg,var(--vida-green-100) 0%,#C8E6C9 100%);border:2px solid var(--vida-green-700)}.quick-meal-card .meal-icon{font-size:1.8rem}.quick-meal-card .meal-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center}.quick-meal-card .meal-time{font-size:var(--text-xs);color:var(--text-tertiary)}.quick-meal-card .check-mark{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--vida-green-700);color:#fff;width:22px;height:22px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold)}.workout-summary-card{background:linear-gradient(135deg,var(--vida-green-100),#C8E6C9);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.workout-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.workout-count{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--vida-green-900)}.complete-workout-btn{padding:var(--space-3) var(--space-4);background:var(--vida-green-700);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s}.complete-workout-btn.completed{background:var(--vida-green-900)}.workout-exercises-preview{display:flex;flex-wrap:wrap;gap:var(--space-2)}.exercise-tag{background:#ffffffb3;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-primary)}.exercise-more{background:var(--vida-green);color:#fff;padding:8px 12px;border-radius:10px;font-size:.8rem;font-weight:600}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tab-header h3{font-size:1.3rem;font-weight:700;margin:0;color:#1a1a1a}.day-indicator{font-size:.85rem;color:#ff7443;font-weight:600;background:#fff8e1;padding:6px 14px;border-radius:20px}.meals-list{display:flex;flex-direction:column;gap:12px}.meal-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);transition:all .2s}.meal-card.completed{background:var(--vida-green-100);border:2px solid var(--vida-green-700)}.meal-card:hover{box-shadow:var(--shadow-lg)}.meal-card-header{display:flex;align-items:center;gap:var(--space-4);cursor:pointer}.meal-icon-wrapper{width:50px;height:50px;background:var(--vida-orange-50);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.meal-icon{font-size:1.5rem}.meal-info h4{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.meal-time{font-size:var(--text-sm);color:var(--text-tertiary)}.expand-icon{font-size:var(--text-xs);color:var(--text-tertiary)}.meal-details-expanded{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;animation:fadeIn .2s ease}.meal-description p{font-size:.9rem;color:#555;margin:6px 0;padding-left:12px}.check-btn{width:100%;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;border:none;padding:14px;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer;margin-top:16px;transition:transform .2s}.check-btn:hover{transform:scale(1.02)}.check-btn.checked{background:var(--vida-green-dark)}.modal-check-btn:hover{transform:scale(1.02);filter:brightness(1.1)}.modal-check-btn:active{transform:scale(.98)}.exercises-list{display:flex;flex-direction:column;gap:12px}.exercise-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);cursor:pointer;transition:all .2s}.exercise-card:hover{box-shadow:0 4px 20px #00000014}.exercise-card-header{display:flex;align-items:center;gap:16px}.exercise-number{width:40px;height:40px;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}.exercise-info{flex:1}.exercise-info h4{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0 0 4px}.exercise-sets{font-size:.85rem;color:#666}.exercise-details-expanded{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;animation:fadeIn .2s ease}.exercise-description p{font-size:.9rem;color:#555;margin:4px 0}.exercise-tips{background:#fff8e1;padding:12px;border-radius:12px;display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-size:.85rem;color:#666}.complete-all-btn{width:100%;padding:18px;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-dark));color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:800;cursor:pointer;margin-top:16px;transition:all .2s}.complete-all-btn:hover{transform:scale(1.02)}.complete-all-btn.completed{background:linear-gradient(135deg,var(--vida-green-dark),var(--vida-green-dark))}.progress-section{display:flex;flex-direction:column;gap:16px}.progress-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 15px #0000000a}.progress-card.streak{background:linear-gradient(135deg,#ff5722,#ff7043);color:#fff}.progress-card h4{font-size:1rem;font-weight:700;margin:0 0 16px}.streak-display{text-align:center;margin-bottom:12px}.streak-number{font-size:4rem;font-weight:800;display:block;line-height:1}.streak-label{font-size:.9rem;opacity:.9}.streak-motivation{font-size:.85rem;opacity:.85;text-align:center;margin:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 2px 15px #0000000a}.stat-icon{font-size:1.5rem;display:block;margin-bottom:8px}.stat-value{font-size:2rem;font-weight:800;color:#1a1a1a;display:block}.stat-label{font-size:.8rem;color:#666}.week-progress{display:flex;justify-content:space-between}.day-dot{display:flex;flex-direction:column;align-items:center;gap:8px}.day-dot .dot{width:32px;height:32px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;font-weight:700}.day-dot.active .dot{background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light))}.day-dot.today .dot{border:2px solid #FF7443}.day-dot .day-name{font-size:.75rem;color:#999}.level-progress-bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:12px}.level-fill{height:100%;background:linear-gradient(90deg,#ff7443,#ff7443);border-radius:6px;transition:width .5s ease}.level-text{font-size:.85rem;color:#666;text-align:center;margin:0}.profile-section{display:flex;flex-direction:column;gap:16px}.profile-card{background:linear-gradient(135deg,#ff7443,#ffca28);border-radius:24px;padding:30px;text-align:center;color:#fff}.profile-avatar{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 16px}.profile-photo-container{margin-bottom:16px}.profile-avatar-large{width:120px;height:120px;margin:0 auto;border-radius:50%;overflow:hidden;position:relative;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0003}.profile-photo{width:100%;height:100%;object-fit:cover}.photo-edit-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:transform .2s}.photo-edit-btn:hover{transform:scale(1.1)}.profile-avatar-large.clickable{cursor:pointer}.profile-avatar-large.clickable:hover .photo-edit-overlay{opacity:1}.photo-edit-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;color:#fff;border-radius:50%}.photo-edit-overlay span{font-size:1.5rem}.photo-edit-overlay small{font-size:.75rem;margin-top:4px}.btn-change-photo{width:100%;margin-top:12px;padding:10px 16px;background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-change-photo:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.btn-change-photo:disabled{opacity:.6;cursor:not-allowed}.btn-change-before{display:block;margin:12px auto 0;padding:8px 20px;background:transparent;border:1px solid var(--vida-green);color:var(--vida-green);border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-change-before:hover:not(:disabled){background:var(--vida-green);color:#fff}.btn-change-before:disabled{opacity:.6;cursor:not-allowed}.btn-add-before{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-before:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0f7b4a4d}.btn-add-before:disabled{opacity:.6;cursor:not-allowed}.profile-card h4{font-size:1.4rem;font-weight:800;margin:0 0 8px}.profile-phone{font-size:.9rem;opacity:.9;margin:0}.before-photo-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 15px #0000000a}.before-photo-card h4{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.before-photo-container{display:flex;justify-content:center}.before-photo-wrapper{text-align:center;width:100%}.before-label{display:block;font-size:.8rem;color:#666;margin-bottom:8px;font-weight:500}.before-photo{width:100%;max-width:200px;height:auto;border-radius:12px;box-shadow:0 2px 12px #0000001a;margin-bottom:12px}.change-before-btn{display:inline-block;background:none;border:1px solid var(--vida-green);color:var(--vida-green);padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.change-before-btn:hover{background:var(--vida-green);color:#fff}.no-before-photo{text-align:center;padding:20px;background:#f9f9f9;border-radius:16px;border:2px dashed #ddd;width:100%}.no-photo-icon{font-size:2.5rem;display:block;margin-bottom:8px;opacity:.5}.no-before-photo p{color:#999;margin:0 0 12px;font-size:.9rem}.add-before-btn{display:inline-block;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;padding:10px 20px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.add-before-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0f7b4a4d}.profile-info-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 15px #0000000a}.profile-info-card h4{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#666}.info-row span:last-child{font-weight:600;color:#1a1a1a}.status-badge{background:#e8f5e9;color:var(--vida-green-dark);padding:4px 12px;border-radius:10px;font-size:.8rem}.status-badge.active{background:#e8f5e9;color:var(--vida-green-dark)}.profile-actions{display:flex;flex-direction:column;gap:10px}.action-btn{width:100%;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;font-size:1rem;font-weight:600;color:#333;cursor:pointer;transition:all .2s}.action-btn:hover{border-color:#ff7443;background:#fff8e1}.action-btn.logout{color:#dc2626}.action-btn.logout:hover{border-color:#dc2626;background:#fee2e2}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;display:block;margin-bottom:16px}.empty-state p{font-size:1.1rem;color:#666;margin:0}.empty-hint{font-size:.9rem;color:#999;margin-top:8px;display:block}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:10px 0 24px;box-shadow:0 -4px 20px #00000014;border-top-left-radius:24px;border-top-right-radius:24px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:16px;transition:all .2s}.nav-item.active{background:#0f7b4a1a}.nav-icon{font-size:1.3rem}.nav-item svg{transition:fill .2s}.nav-label{font-size:.7rem;color:#666;font-weight:500;margin-top:4px}.nav-item.active .nav-label{color:var(--vida-green);font-weight:700}.animate-fade{animation:fadeIn .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}.install-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:20000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:modalFadeIn .4s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.install-modal-content{background:var(--bg-primary);border-radius:var(--radius-2xl);max-width:420px;width:100%;box-shadow:var(--shadow-2xl);animation:modalSlideUp .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;border:1px solid var(--border-secondary)}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.night-mode .install-modal-content{background:#1a1a1a;border-color:#ffffff0d;box-shadow:0 30px 60px #00000080}.install-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 32px 32px}.install-modal-icon{width:80px;height:80px;background:#fff;border-radius:20px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 10px 25px #00000014;border:1px solid #f0f0f0}.night-mode .install-modal-icon{background:#262626;border-color:#333;box-shadow:0 10px 25px #0000004d}.install-modal-header h2{font-size:24px;font-weight:700;color:#111;margin:0 0 8px;letter-spacing:-.02em}.night-mode .install-modal-header h2{color:#fff}.install-modal-header p{font-size:15px;color:#666;margin:0;line-height:1.5}.night-mode .install-modal-header p{color:#999}.install-modal-body{padding:0 32px 48px}.install-modal-btn-primary{width:100%;padding:18px;background:#111;color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.night-mode .install-modal-btn-primary{background:#fff;color:#000}.install-modal-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.1)}.install-modal-hint{display:block;text-align:center;margin-top:16px;font-size:13px;color:#999}.install-visual-steps{display:flex;flex-direction:column;gap:16px}.install-visual-step{display:flex;align-items:center;gap:16px;padding:16px;background:#f9f9f9;border-radius:16px}.night-mode .install-visual-step{background:#262626}.step-number{font-size:13px;font-weight:700;color:#999;width:24px}.step-content{flex:1}.install-visual-step p{margin:0;font-size:14px;color:#444;line-height:1.4}.night-mode .install-visual-step p{color:#ccc}.install-visual-step strong{color:#111;font-weight:600}.night-mode .install-visual-step strong{color:#fff}.install-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:18px;color:#ccc;cursor:pointer;padding:8px;transition:color .2s}.install-modal-close:hover{color:#999}@media(max-width:480px){.install-modal-overlay{padding:16px;align-items:flex-end}.install-modal-content{border-radius:24px}}.meal-photo-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:19000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .3s ease}.meal-photo-prompt{background:#fff;border-radius:24px;max-width:320px;width:100%;padding:32px 24px;text-align:center;box-shadow:0 20px 50px #0003;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.night-mode .meal-photo-prompt{background:#1a1a1a}.meal-photo-prompt-header{margin-bottom:24px}.meal-photo-icon{font-size:48px;display:block;margin-bottom:12px}.meal-photo-prompt-header h3{font-size:20px;font-weight:700;color:#111;margin:0 0 6px}.night-mode .meal-photo-prompt-header h3{color:#fff}.meal-photo-prompt-header p{font-size:14px;color:#666;margin:0}.night-mode .meal-photo-prompt-header p{color:#999}.meal-photo-prompt-body{display:flex;flex-direction:column;gap:12px}.meal-photo-btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,var(--vida-orange, #FF7443) 0%,var(--vida-orange-light, #FF8F66) 100%);color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 8px 20px #ff74434d}.meal-photo-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #ff744366}.meal-photo-btn-primary:disabled{opacity:.7;cursor:not-allowed}.meal-photo-btn-secondary{width:100%;padding:14px;background:transparent;color:#666;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.meal-photo-btn-secondary:hover{background:#f5f5f5}.night-mode .meal-photo-btn-secondary{color:#999}.night-mode .meal-photo-btn-secondary:hover{background:#262626}.meal-photo-hint{display:block;font-size:13px;color:var(--vida-green, #0F7B4A);font-weight:600;margin-top:4px}@media(max-width:480px){.meal-photo-overlay{padding:16px;align-items:flex-end}.meal-photo-prompt{border-radius:24px 24px 0 0;padding-bottom:40px}}.meal-photo-preview-header{text-align:center;padding-bottom:12px}.meal-photo-preview-header h3{font-size:18px;font-weight:600;color:#111;margin:0}.night-mode .meal-photo-preview-header h3{color:#fff}.meal-photo-preview-image{width:100%;border-radius:16px;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 12px #0000001a}.meal-photo-preview-image img{width:100%;height:auto;display:block}.meal-photo-preview-actions{display:flex;flex-direction:column;gap:10px}.meal-photo-btn-confirm{width:100%;padding:16px;background:linear-gradient(135deg,var(--vida-green, #0F7B4A) 0%,#10A15D 100%);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 6px 16px #0f7b4a4d}.meal-photo-btn-confirm:hover:not(:disabled){transform:translateY(-2px)}.meal-photo-btn-confirm:disabled{opacity:.7}.meal-photo-btn-retake{width:100%;padding:14px;background:transparent;color:#666;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer}.night-mode .meal-photo-btn-retake{color:#aaa;border-color:#333}.meal-photo-toast{position:fixed;top:100px;left:50%;transform:translate(-50%);padding:16px 24px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;z-index:20000;font-size:16px;font-weight:600;animation:toastSlideDown .4s ease,toastFadeOut .4s ease 3.5s forwards}.meal-photo-toast.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.meal-photo-toast.error{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#b91c1c}@keyframes toastSlideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toastFadeOut{to{opacity:0}}.meal-photo-lightbox{position:fixed;inset:0;background:#000000f2;z-index:21000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .3s ease}.lightbox-content{max-width:500px;width:100%;position:relative}.lightbox-content img{width:100%;border-radius:16px;box-shadow:0 20px 50px #0000004d}.lightbox-close{position:absolute;top:-50px;right:0;background:#ffffff1a;border:none;color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer}.lightbox-info{text-align:center;margin-top:16px}.lightbox-meal-name{display:block;color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.lightbox-date{color:#fff9;font-size:14px}.meal-gallery-section{overflow:hidden}.meal-gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.meal-gallery-header h4{margin:0}.meal-gallery-count{font-size:13px;color:#888;background:#f0f0f0;padding:4px 10px;border-radius:20px}.night-mode .meal-gallery-count{background:#333;color:#aaa}.meal-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.meal-gallery-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s}.client-panel.night-mode .meal-gallery-item{border:1px solid rgba(255,255,255,.05)}.meal-gallery-item:hover{transform:scale(1.03)}.meal-gallery-item img{width:100%;height:100%;object-fit:cover}.meal-gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000000b3)}.meal-gallery-item-name{font-size:11px;color:#fff;font-weight:500;display:block}.meal-gallery-item-date{font-size:10px;color:#ffffffb3;display:block;margin-top:2px}.meal-photo-thumb{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--vida-green, #0F7B4A);box-shadow:0 4px 12px #0003;cursor:pointer;transition:transform .2s;background:#eee}.meal-photo-thumb:hover{transform:scale(1.1)}.meal-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.quick-meal-card.has-photo{border:2px solid var(--vida-green, #0F7B4A)}.client-panel.night-mode .meal-photo-thumb{background:#2d3748;border-color:var(--vida-green, #0F7B4A);box-shadow:0 4px 15px #0006}.client-panel.night-mode .quick-meal-card.has-photo{border-color:var(--vida-green, #0F7B4A);background:#0f7b4a1a}.meal-photo-thumb-timeline{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;border:2px solid var(--vida-green, #0F7B4A);box-shadow:0 2px 8px #00000026;cursor:pointer;margin-left:auto;margin-right:8px}.meal-photo-thumb-timeline img{width:100%;height:100%;object-fit:cover;display:block}.simple-timeline-card.has-photo{background:linear-gradient(180deg,#e8f5e9,#f8fbf8)}.client-panel.night-mode .simple-timeline-card.has-photo{background:linear-gradient(180deg,#1b2c1b,#1a202c);border-color:#0f7b4a66}.client-panel.night-mode .meal-photo-thumb-timeline{border-color:var(--vida-green, #0F7B4A);box-shadow:0 4px 15px #00000080}.meal-gallery-empty{text-align:center;padding:32px 16px;color:#888}.client-panel.night-mode .meal-gallery-empty{color:#666}.client-panel.night-mode .meal-gallery-count{background:#ffffff0d;color:#94a3b8}.meal-gallery-empty .empty-icon{font-size:40px;display:block;margin-bottom:12px}.meal-gallery-empty p{margin:0 0 4px;font-weight:500}.meal-gallery-empty .empty-hint{font-size:13px;color:#aaa}@media(max-width:380px){.calendar-day{padding:6px;min-width:36px}.calendar-day .day-number{width:32px;height:32px;font-size:.9rem}.stats-grid{grid-template-columns:1fr 1fr}.nav-item{padding:6px 8px}.nav-icon{font-size:1.1rem}.nav-label{font-size:.65rem}}.expiration-banner{margin:0 20px;padding:12px 16px;border-radius:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expiration-banner.warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #FFB74D}.expiration-banner.expired{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #EF5350}.banner-content{display:flex;align-items:center;gap:12px}.banner-icon{font-size:1.5rem}.banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.banner-text strong{font-size:.9rem;color:#1a1a1a}.banner-text span{font-size:.75rem;color:#666}.btn-renew{padding:8px 16px;background:var(--vida-green);color:#fff;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-renew:hover{background:var(--vida-green-dark);transform:scale(1.05)}.status-badge.warning{background:#fff3e0;color:#e65100}.status-badge.expired{background:#ffebee;color:#c62828}.text-warning{color:#e65100!important;font-weight:600}.days-remaining{font-weight:600;color:var(--vida-green)}.days-remaining.low{color:#e65100}.btn-renew-plan{width:100%;margin-top:16px;padding:14px 20px;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-renew-plan:hover{transform:scale(1.02);box-shadow:0 6px 20px #0f7b4a4d}.payment-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-5);animation:fadeIn .3s ease}.payment-modal{background:var(--bg-primary);border-radius:var(--radius-2xl);width:100%;max-width:400px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s ease;box-shadow:var(--shadow-2xl)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s}.modal-close:hover{background:#e0e0e0}.modal-header{text-align:center;padding:30px 30px 20px;background:linear-gradient(180deg,#f0fdf4,#fff);border-radius:24px 24px 0 0}.modal-logo{width:100px;margin-bottom:16px}.modal-header h3{font-size:1.4rem;font-weight:800;color:#1a1a1a;margin:0 0 8px}.modal-header p{font-size:.9rem;color:#666;margin:0}.pix-loading{padding:40px;text-align:center}.pix-loading p{margin-top:16px;color:#666}.pix-content{padding:20px 30px 30px}.qr-container{background:#f9f9f9;padding:16px;border-radius:16px;margin-bottom:20px;text-align:center}.qr-code{width:180px;height:180px;border-radius:12px}.pix-code-section{margin-bottom:20px}.code-label{font-size:.85rem;font-weight:600;color:#333;margin:0 0 8px}.pix-code{background:#f0f0f0;padding:12px;border-radius:10px;font-family:monospace;font-size:.7rem;word-break:break-all;max-height:60px;overflow-y:auto;margin-bottom:12px;color:#333}.btn-copy-pix{width:100%;padding:14px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-copy-pix:hover{background:#333}.waiting-payment{display:flex;align-items:center;justify-content:center;gap:10px;color:#666;font-size:.85rem}.spinner.small{width:16px;height:16px;border-width:2px}.payment-success{padding:50px 30px;text-align:center}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 20px;animation:pulse 1s ease infinite}.payment-success h3{font-size:1.5rem;font-weight:800;color:#1a1a1a;margin:0 0 12px}.payment-success p{font-size:1rem;color:#666;margin:0 0 8px}.prescriptions-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 15px #0000000a}.prescriptions-card h4{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.prescriptions-list{display:flex;flex-direction:column;gap:12px}.prescription-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:12px;transition:all .2s}.prescription-item:hover{background:#f0f0f0}.prescription-icon{width:44px;height:44px;background:linear-gradient(135deg,#ebf5ff,#dbeafe);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.prescription-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.prescription-info strong{font-size:.9rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prescription-desc{font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prescription-date{font-size:.75rem;color:#999}.btn-download-pdf{width:40px;height:40px;background:var(--vida-green);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-download-pdf:hover{background:var(--vida-green-dark);transform:scale(1.05)}.no-prescriptions{text-align:center;padding:30px 20px;color:#999}.no-prescriptions span{font-size:2.5rem;display:block;margin-bottom:8px;opacity:.5}.no-prescriptions p{font-size:.9rem;margin:0}.header-icon-btn{width:40px;height:40px;border-radius:12px;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;box-shadow:0 2px 8px #00000014}.header-icon-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.header-icon-btn svg{color:var(--vida-green)}.header-icon-btn .badge-count{position:absolute;top:-4px;right:-4px;background:var(--vida-green);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-icon-btn.shopping-btn svg{color:var(--vida-green)}.header-icon-btn.shopping-btn:hover{background:var(--vida-bg-light)}.header-icon-btn.shopping-btn:active{transform:scale(.95)}.client-panel.night-mode .header-icon-btn.shopping-btn svg{color:#fff}.client-panel.night-mode .header-icon-btn.shopping-btn:hover{background:#ffffff26}.streak-badge,.points-badge{display:flex;align-items:center;gap:4px;background:#fff;padding:8px 12px;border-radius:12px;box-shadow:0 2px 8px #00000014}.streak-badge span,.points-badge span{font-size:.85rem;font-weight:700;color:#1a1a1a}.prescriptions-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.prescriptions-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:80vh;overflow:hidden;animation:slideUp .3s ease}.prescriptions-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title-section{display:flex;align-items:center;gap:12px}.modal-title-section h3{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0}.modal-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#666}.modal-close-btn:hover{background:#e0e0e0}.prescriptions-modal-body{padding:16px 24px 24px;max-height:60vh;overflow-y:auto}.empty-prescriptions{text-align:center;padding:40px 20px}.empty-prescriptions p{color:#999;margin-top:12px;font-size:.95rem}.prescriptions-modal-list{display:flex;flex-direction:column;gap:12px}.prescription-modal-item{display:flex;align-items:center;gap:14px;padding:16px;background:#f9fafb;border-radius:14px;transition:all .2s}.prescription-modal-item:hover{background:#f0f4f0}.prescription-item-icon{width:48px;height:48px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prescription-item-content{flex:1;min-width:0}.prescription-item-content h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prescription-item-desc{font-size:.8rem;color:#666;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prescription-item-date{font-size:.75rem;color:#999}.btn-download-prescription{width:44px;height:44px;background:var(--vida-green);border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;color:#fff;text-decoration:none}.btn-download-prescription:hover{background:var(--vida-green-dark);transform:scale(1.05)}.header-icon-btn.sleep-btn svg{stroke:#6b5b95}.header-icon-btn.sleep-btn:hover{background:#f3e8ff}.sleep-modal-overlay,.wake-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.sleep-modal,.wake-modal{background:#fff;border-radius:24px;width:90%;max-width:380px;padding:32px 24px;text-align:center;animation:scaleIn .3s ease}.sleep-icon-large,.wake-icon-large{margin-bottom:20px}.sleep-modal-content h2,.wake-modal-content h2{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:#1a1a1a;text-align:center}.sleep-modal-content p,.wake-modal-content p{font-size:.95rem;color:#666;text-align:center;margin:0 0 24px;line-height:1.5}.sleep-stats-preview{background:#f9f9f9;border-radius:12px;padding:16px;margin-bottom:24px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.85rem;color:#666}.stat-value{font-size:1.2rem;font-weight:700;color:var(--vida-green)}.btn-start-sleep{width:100%;padding:16px;background:linear-gradient(135deg,#6b5b95,#957dad);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-bottom:12px}.btn-start-sleep:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6b5b9566}.btn-cancel-sleep{width:100%;padding:14px;background:transparent;color:#666;border:none;font-size:.95rem;cursor:pointer}.sleep-time-info{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:16px;border-radius:12px;margin-bottom:20px!important}.sleep-time-info strong{color:#e65100;font-size:1.1rem}.wake-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.wake-option{display:flex;align-items:center;gap:12px;padding:16px;background:#f5f5f5;border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.wake-option:hover{background:#eee}.wake-option.selected{background:#e8f5e9;border-color:var(--vida-green)}.wake-option input[type=radio]{display:none}.option-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.option-title{font-weight:600;color:#1a1a1a;font-size:.95rem}.option-desc{font-size:.8rem;color:#999}.custom-time-input{background:#f9f9f9;padding:16px;border-radius:12px;margin-top:8px}.custom-time-input label{display:block;font-size:.85rem;color:#666;margin-bottom:8px}.custom-time-input input[type=time]{width:100%;padding:14px;border:2px solid #e0e0e0;border-radius:10px;font-size:1.2rem;text-align:center;font-weight:600}.custom-time-input input[type=time]:focus{border-color:var(--vida-green);outline:none}.btn-wake-up{width:100%;padding:16px;background:linear-gradient(135deg,#ffb74d,#ff7443);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.btn-wake-up:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ff980066}.btn-wake-up:disabled{opacity:.5;cursor:not-allowed}.sleeping-screen-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f0f23);display:flex;align-items:center;justify-content:center;z-index:10001}.sleeping-screen{width:100%;max-width:400px;padding:40px 24px;text-align:center}.sleeping-content{animation:fadeIn .5s ease}.moon-animation{position:relative;margin-bottom:30px;animation:float 3s ease-in-out infinite}.moon-animation svg{filter:drop-shadow(0 0 20px rgba(107,91,149,.5))}.stars{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:150px;display:flex;justify-content:space-between}.star{color:gold;font-size:1rem;animation:twinkle 1.5s ease-in-out infinite}.star:nth-child(2){animation-delay:.5s}.star:nth-child(3){animation-delay:1s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.sleeping-content h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}.sleeping-content p{font-size:1rem;color:#fff9;margin:0 0 40px;text-align:center}.sleep-timer{background:#ffffff1a;border-radius:20px;padding:24px 32px;margin-bottom:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-label{display:block;font-size:.85rem;color:#ffffff80;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.timer-clock{display:block;font-size:3rem;font-weight:700;color:#fff;font-family:SF Mono,Fira Code,monospace;letter-spacing:2px}.btn-wake-up-main{width:100%;padding:18px 24px;background:linear-gradient(135deg,#ffb74d,#ff7443);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s;box-shadow:0 4px 20px #ff98004d}.btn-wake-up-main:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff980066}.badge-wrapper{position:relative;display:inline-block}.clickable{cursor:pointer;transition:transform .2s}.clickable:active{transform:scale(.95)}.popover-overlay{position:fixed;inset:0;z-index:9998;background:#0000000d}.badge-popover{position:absolute;top:calc(100% + 12px);right:-10px;width:280px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;z-index:9999;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-arrow{position:absolute;top:-6px;right:24px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-top:1px solid rgba(0,0,0,.05);border-left:1px solid rgba(0,0,0,.05)}.popover-content{position:relative;border-radius:16px;overflow:hidden;background:#fff}.popover-header{padding:16px;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px}.popover-icon{font-size:1.5rem}.popover-header h4{margin:0;font-size:1rem;font-weight:700;color:#333}.popover-body{padding:20px}.streak-display-popover{text-align:center;margin-bottom:16px}.big-number{display:block;font-size:2.5rem;font-weight:800;color:var(--vida-orange);line-height:1}.streak-display-popover .label{font-size:.9rem;color:#666;font-weight:600}.popover-tip{font-size:.85rem;line-height:1.4;color:#555;text-align:center;margin:0 0 16px;background:#f8f9fa;padding:10px;border-radius:8px}.popover-reward{text-align:center;font-size:.8rem;color:var(--vida-green);font-weight:600;background:var(--vida-bg-light);padding:8px;border-radius:8px;border:1px dashed var(--vida-green-light)}.level-info{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}.level-badge{font-size:.85rem;font-weight:700;color:var(--vida-orange);text-transform:uppercase;letter-spacing:.5px}.points-count{font-size:1.1rem;font-weight:700;color:#333}.progress-bar-mini{height:8px;background:#eee;border-radius:4px;margin-bottom:16px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,gold,#ffa000);border-radius:4px}.popover-rewards{display:flex;flex-direction:column;gap:8px}.reward-item{font-size:.8rem;color:#555;display:flex;align-items:center;gap:8px;background:#fcfcfc;padding:6px 10px;border-radius:6px;border:1px solid #eee}.client-panel.night-mode .badge-popover{background:#252a3a;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff1a}.client-panel.night-mode .popover-arrow{background:#252a3a;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .popover-content{background:#252a3a}.client-panel.night-mode .popover-header{background:linear-gradient(135deg,#2d3444,#252a3a);border-bottom:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .popover-header h4{color:#fff}.client-panel.night-mode .popover-tip{background:#ffffff0d;color:#ffffffb3}.client-panel.night-mode .streak-display-popover .label{color:#fff9}.client-panel.night-mode .popover-reward{background:#0f7b4a33;border-color:#0f7b4a66}.client-panel.night-mode .points-count{color:#fff}.client-panel.night-mode .progress-bar-mini{background:#ffffff1a}.client-panel.night-mode .reward-item{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.profile-container{display:flex;flex-direction:column;gap:20px}.profile-main-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000008;text-align:center}.profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:16px}.profile-avatar-large{width:100px;height:100px;border-radius:50%;border:4px solid white;box-shadow:0 8px 20px #0000001a;overflow:hidden;position:relative}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-edit-badge{position:absolute;bottom:0;right:0;background:var(--vida-green);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;border:3px solid white}.profile-name-large{font-size:1.5rem;font-weight:800;color:#333;margin:0 0 6px}.profile-phone-text{color:#666;font-size:.95rem;margin-bottom:12px}.profile-role-badge{background:#e8f5e9;color:var(--vida-green);padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.profile-grid{grid-template-columns:1fr}}.info-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000005;display:flex;flex-direction:column}.card-header-mini{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.card-header-mini .icon{font-size:1.2rem}.card-header-mini h4{margin:0;font-size:1rem;font-weight:700;color:#333}.plan-details{display:flex;flex-direction:column;gap:12px;flex:1}.plan-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.plan-row span:first-child{color:#888}.status-pill{padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pill.active{background:#e8f5e9;color:var(--vida-green)}.status-pill.warning{background:#fff3e0;color:#ff9800}.status-pill.expired{background:#ffebee;color:#f44336}.plan-date{font-weight:600;color:#333}.plan-actions{margin-top:16px}.btn-small-outline{width:100%;padding:8px;border:1px solid var(--vida-green);color:var(--vida-green);background:#fff;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-small-outline:hover{background:var(--vida-green);color:#fff}.evolution-preview{flex:1;display:flex;align-items:center;justify-content:center;min-height:100px}.evolution-thumb{width:100%;height:100px;position:relative;border-radius:12px;overflow:hidden}.evolution-thumb img{width:100%;height:100%;object-fit:cover}.evolution-label{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:.75rem;text-align:center;padding:4px}.evolution-placeholder{width:100%;height:100px;border:2px dashed #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#888;font-size:.9rem;background:#fafafa}.settings-menu-card{background:#fff;border-radius:20px;padding:8px 0;box-shadow:0 4px 20px #00000008;overflow:hidden}.settings-menu-card h4{padding:16px 20px 8px;margin:0;font-size:.9rem;text-transform:uppercase;color:#888;letter-spacing:.5px;font-weight:700}.menu-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #f5f5f5;transition:background .2s}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#fcfcfc}.menu-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:16px}.menu-icon-wrapper.night{background:#e3f2fd;color:#2196f3}.menu-icon-wrapper.support{background:#e8f5e9;color:#4caf50}.menu-icon-wrapper.logout{background:#ffebee;color:#f44336}.menu-icon-wrapper.doc{background:#fff3e0;color:#ff9800}.menu-text{flex:1;display:flex;flex-direction:column}.menu-title{font-size:1rem;font-weight:600;color:#333}.menu-subtitle{font-size:.8rem;color:#888;margin-top:2px}.menu-arrow{color:#ccc;font-size:1.2rem;font-weight:300}.toggle-wrapper{display:flex;align-items:center}.client-panel.night-mode .profile-main-card,.client-panel.night-mode .info-card,.client-panel.night-mode .settings-menu-card{background:#1e233299;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}.client-panel.night-mode .profile-main-card h2,.client-panel.night-mode .card-header-mini h4,.client-panel.night-mode .plan-date,.client-panel.night-mode .menu-title{color:#fff}.client-panel.night-mode .profile-phone-text,.client-panel.night-mode .plan-row span:first-child,.client-panel.night-mode .menu-subtitle{color:#fff9}.client-panel.night-mode .profile-role-badge{background:#ffffff1a;color:#fff}.client-panel.night-mode .card-header-mini{border-bottom-color:#ffffff1a}.client-panel.night-mode .menu-item{border-bottom-color:#ffffff0d}.client-panel.night-mode .menu-item:hover{background:#ffffff0d}.client-panel.night-mode .menu-icon-wrapper{opacity:.9}.client-panel.night-mode .profile-avatar-large,.client-panel.night-mode .avatar-edit-badge{border-color:#2d3444}.client-panel.night-mode .settings-menu-card h4{color:#fff6}.client-panel.night-mode .btn-small-outline{background:transparent;border-color:#ffffff4d;color:#fff}.client-panel.night-mode .btn-small-outline:hover{background:#ffffff1a}.client-panel.night-mode .evolution-placeholder{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff80}.btn-renew{padding:10px 20px;background:var(--vida-green);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #00a36c33;white-space:nowrap}.plan-actions .btn-renew{width:100%}.btn-renew:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00a36c4d;background:var(--vida-green-dark)}.profile-header-content{display:flex;flex-direction:column;align-items:center}.briefing-overlay{position:fixed;inset:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.briefing-card{background:#fff;width:100%;max-width:360px;border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 10px 40px #0000004d;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.briefing-header{margin-bottom:24px}.sun-icon{font-size:3rem;display:block;margin-bottom:12px;animation:spinSlow 10s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.briefing-header h2{font-size:1.6rem;color:#333;margin:0 0 8px;line-height:1.3}.briefing-header p{color:#666;font-size:.95rem}.briefing-timeline{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;text-align:left}.briefing-item{background:#f8f9fa;padding:16px;border-radius:16px;display:flex;align-items:center;gap:16px;transition:transform .2s}.briefing-item:hover{transform:translate(4px)}.briefing-icon{font-size:1.5rem;width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d}.briefing-item.meal .briefing-icon{color:#ff9800}.briefing-item.workout .briefing-icon{color:#2196f3}.briefing-item.water .briefing-icon{color:#00bcd4}.briefing-info{flex:1}.b-label{display:block;font-size:.75rem;text-transform:uppercase;color:#888;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.briefing-info strong{display:block;color:#333;font-size:1rem}.btn-start-day{background:var(--vida-green);color:#fff;width:100%;padding:16px;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #4caf504d;transition:all .2s}.btn-start-day:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.client-panel.night-mode .briefing-card{background:#1e2332;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .briefing-header h2,.client-panel.night-mode .briefing-info strong{color:#fff}.client-panel.night-mode .briefing-header p,.client-panel.night-mode .b-label{color:#fff9}.client-panel.night-mode .briefing-item{background:#ffffff0d}.client-panel.night-mode .briefing-icon{background:#ffffff1a}.reward-animations-layer{position:fixed;inset:0;pointer-events:none;z-index:20000;display:flex;align-items:center;justify-content:center}.reward-animation-container{position:relative;display:flex;align-items:center;justify-content:center}.floating-reward-points{position:absolute;font-size:3.5rem;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6),0 0 5px rgba(0,0,0,.5);animation:floatUpPoints 2s ease-out forwards;z-index:2;white-space:nowrap}.reward-particle{position:absolute;font-size:calc(1rem * var(--size));animation:particleOut 2s cubic-bezier(.1,.8,.3,1) forwards;opacity:1}@keyframes floatUpPoints{0%{transform:translate(0) scale(.5);opacity:0}20%{transform:translateY(-30px) scale(1.4);opacity:1;text-shadow:0 0 30px rgba(255,223,0,.8)}40%{transform:translateY(-50px) scale(1);opacity:1}to{transform:translate(40vw,-45vh) scale(.2);opacity:0}}@keyframes particleOut{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--tx),calc(var(--ty) + 300px)) rotate(var(--rotation));opacity:0}}.meals-list{display:flex;flex-direction:column;gap:12px;position:relative}.meal-card{position:relative;z-index:1;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 15px #00000008;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.meal-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000f}.meal-card.completed{background:#f8fffb;border-color:#c6f6d5}.meal-card.completed .meal-icon-wrapper{background:#38a169;box-shadow:0 0 15px #38a1694d}.meal-card-header{padding:18px;display:flex;align-items:center;gap:15px;cursor:pointer}.meal-icon-wrapper{width:44px;height:44px;background:#4a5568;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;z-index:2}.meal-icon{font-size:1.4rem}.meal-info{flex:1}.meal-info h4{margin:0;font-size:1.05rem;font-weight:700;color:#2d3748}.meal-time{font-size:.8rem;color:#718096;font-weight:500;display:block;margin-top:2px}.meal-card.completed .meal-info h4{color:#2f855a;text-decoration:line-through;opacity:.6}.quick-calories{font-size:.75rem;background:#fff5f5;color:#e53e3e;padding:2px 8px;border-radius:6px;font-weight:700;border:1px solid #fed7d7;margin-left:8px}.meal-details-expanded{padding:0 18px 24px;border-top:1px solid #f7fafc;background:#fafbfc}.meal-description{background:#fff;padding:16px;border-radius:16px;border:1px solid #edf2f7;margin-bottom:20px}.meal-description p{margin:5px 0;color:#4a5568;font-size:.95rem;line-height:1.5}.meal-macros{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.macro-badge{background:#f0f4f8;padding:6px 12px;border-radius:12px;font-size:.75rem;color:#4a5568;display:flex;flex-direction:column;align-items:center;min-width:60px;border:1px solid rgba(0,0,0,.05)}.macro-badge .macro-label{font-weight:700;color:#2d3748}.macro-badge.kcal{background:#fffaf0;border-color:#fbd38d;color:#b7791f}.nutri-tip-bubble{background:#ebf8ff;border-radius:16px;padding:14px;margin-top:15px;position:relative;display:flex;gap:12px;border:1px solid #bee3f8}.nutri-tip-bubble .tip-icon{font-size:1.2rem}.nutri-tip-bubble .tip-text{font-size:.85rem;color:#2c5282;line-height:1.4;font-style:italic}.substitutions-section{margin-top:25px;border-top:1px dashed #e2e8f0;padding-top:20px}.substitutions-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#718096;margin-bottom:12px;display:flex;align-items:center;gap:6px}.subs-list{display:flex;flex-direction:column;gap:12px}.sub-item{background:#fdfdfd;border:1px solid #edf2f7;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.sub-item .sub-name{font-weight:700;font-size:.9rem;color:#38a169}.sub-item .sub-desc{font-size:.8rem;color:#718096}.client-panel.night-mode .meals-list:before{background:linear-gradient(180deg,#2d3748,#4a5568,#2d3748)}.client-panel.night-mode .meal-card{background:#1a202c;border-color:#ffffff08}.client-panel.night-mode .meal-info h4{color:#e2e8f0}.client-panel.night-mode .meal-description{background:#ffffff05;border-color:#ffffff0d}.client-panel.night-mode .meal-description p{color:#cbd5e0}.client-panel.night-mode .meal-details-expanded{background:#171923;border-color:#2d3748}.client-panel.night-mode .macro-badge{background:#3182ce1a;color:#90cdf4;border-color:#3182ce33}.client-panel.night-mode .macro-badge .macro-label{color:#e2e8f0}.client-panel.night-mode .nutri-tip-bubble{background:#ffffff0d;border-color:#ffffff1a}.client-panel.night-mode .sub-item{background:#ffffff08;border-color:#ffffff0d}.gym-mode-overlay{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rest-timer-banner{box-shadow:0 4px 12px #4299e166;z-index:5}.gym-mode-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.gym-mode-card:hover{transform:translateY(-2px)}.gym-mode-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gym-mode-overlay::-webkit-scrollbar{width:6px}.gym-mode-overlay::-webkit-scrollbar-track{background:transparent}.gym-mode-overlay::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.trainer-grid{max-width:1000px;margin:-20px auto 0;padding:0 15px 100px;display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}@media(max-width:768px){.trainer-grid{grid-template-columns:1fr;margin-top:-10px}}.trainer-day-selector{background:#fff;border-radius:24px;padding:20px;box-shadow:0 4px 6px #0000000d;position:sticky;top:20px}@media(max-width:768px){.trainer-day-selector{position:relative;top:0}}.menu-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:flex-end;animation:fadeIn .3s ease}.bottom-sheet-menu{width:100%;max-width:500px;margin:0 auto;background:#fff;border-radius:32px 32px 0 0;padding:12px 0 0;animation:slideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #00000026;display:flex;flex-direction:column;max-height:85vh;position:relative;overflow:hidden}.menu-drag-handle{width:40px;height:5px;background:#e5e7eb;border-radius:10px;margin:10px auto;flex-shrink:0}.menu-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 24px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.menu-sheet-header-left{display:flex;align-items:center;gap:16px}.menu-sheet-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 12px #00000014}.menu-sheet-user-info h3{margin:0;font-size:1.1rem;font-weight:700;color:#111827}.menu-sheet-user-info p{margin:2px 0 0;font-size:.8rem;color:#6b7280}.menu-sheet-close{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563}.menu-sheet-scroll-area{overflow-y:auto;flex:1;padding:12px 16px 40px;-webkit-overflow-scrolling:touch}.menu-sheet-list{display:flex;flex-direction:column;gap:4px}.menu-sheet-item{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:16px;cursor:pointer;transition:all .2s}.menu-sheet-item:active{background:#f3f4f6;transform:scale(.98)}.menu-sheet-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.menu-sheet-text{flex:1;font-size:.95rem;font-weight:600;color:#374151}.menu-sheet-arrow{color:#d1d5db;font-size:1.1rem}.menu-sheet-divider{height:1px;background:#f3f4f6;margin:12px 14px}.toggle-item-custom{cursor:default}.menu-sheet-footer{text-align:center;padding:24px 0 12px;opacity:.5}.menu-sheet-footer p{font-size:.75rem;font-weight:700;margin:0;color:#6b7280}.menu-sheet-footer span{font-size:.7rem;color:#9ca3af}.night-mode .bottom-sheet-menu{background:#1a1b1e;box-shadow:0 -10px 40px #0006}.night-mode .menu-drag-handle{background:#374151}.night-mode .menu-sheet-header{border-bottom-color:#2d2e32}.night-mode .menu-sheet-user-info h3{color:#f3f4f6}.night-mode .menu-sheet-close{background:#2d2e32;color:#9ca3af}.night-mode .menu-sheet-text{color:#d1d5db}.night-mode .menu-sheet-divider,.night-mode .menu-sheet-item:active{background:#2d2e32}.night-mode .menu-sheet-avatar{border-color:#2d2e32}.menu-sheet-item.logout .menu-sheet-text{color:#ef4444}@keyframes flash-impact{0%{opacity:1}to{opacity:0}}@keyframes shake-nudge{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.nudge-flash{position:fixed;inset:0;background:#fff;z-index:12000;pointer-events:none;animation:flash-impact .1s ease-out forwards}.nudge-container-shake{animation:shake-nudge .2s cubic-bezier(.36,.07,.19,.97) both}.bonus-toast-banner{position:fixed;top:100px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,orange);color:#1a202c;padding:12px 24px;border-radius:50px;font-weight:800;font-size:.9rem;box-shadow:0 10px 30px #ffd70066;z-index:9999;display:flex;align-items:center;gap:8px;border:2px solid white}.festive-popup{box-shadow:0 30px 60px #0000004d;border:1px solid rgba(255,255,255,.1)}.festive-header img{border-bottom:2px solid var(--vida-green)}.recommendations-container{max-width:600px;margin:0 auto}.recommendation-item{transition:transform .3s ease,box-shadow .3s ease}.recommendation-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.hero-card{position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotateFestive 20s linear infinite}@keyframes rotateFestive{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.client-panel.night-mode .recommendation-item{background:#2d374866;border:1px solid rgba(255,255,255,.05)}.client-panel.night-mode .hero-card{box-shadow:0 15px 30px #0006}@keyframes popIn{0%{transform:scale(.9);opacity:0}70%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.animate-pop{animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.streak-hero-card{background:linear-gradient(135deg,#0f7b4a,#12945a,#0a5c38);border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 8px 24px #0f7b4a40;position:relative;overflow:hidden}.streak-hero-card:before{content:"";position:absolute;top:-50%;right:-30%;width:120%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.streak-hero-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.streak-hero-left{display:flex;align-items:center;gap:12px}.streak-flame{font-size:2.5rem;animation:flamePulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,116,67,.6))}@keyframes flamePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.streak-info{display:flex;flex-direction:column}.streak-count{font-size:2.2rem;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.streak-label{font-size:.85rem;color:#fffc;font-weight:500}.streak-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.streak-level-badge{background:#fff3;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.streak-xp-bar{width:100px;height:6px;background:#fff3;border-radius:10px;overflow:hidden}.streak-xp-fill{height:100%;background:linear-gradient(90deg,gold,#ff7443);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1)}.streak-xp-text{font-size:.7rem;color:#ffffffb3}.streak-reward-hint{margin-top:14px;padding:10px 14px;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:12px;font-size:.85rem;color:gold;text-align:center;font-weight:500;position:relative;z-index:1}.floating-missions-sidebar{position:fixed;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:1000}.floating-mission-icon{width:52px;height:52px;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001f;border:2px solid #e5e7eb;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.floating-mission-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000002e}.floating-mission-icon:active{transform:scale(.95)}.floating-mission-icon.completed{background:linear-gradient(135deg,#0f7b4a,#12945a);border-color:#0f7b4a}.floating-mission-icon.completed .mission-emoji{filter:brightness(1.2)}.floating-mission-icon .mission-emoji{font-size:1.4rem;line-height:1}.floating-mission-icon .mission-badge{font-size:.6rem;font-weight:700;color:#666;margin-top:2px}.floating-mission-icon.completed .mission-badge{color:#ffffffe6}.floating-mission-icon .mission-check-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:gold;color:#1a1a1a;border-radius:50%;font-size:.7rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ffd70066}.client-panel.night-mode .floating-mission-icon{background:#2d3748f2;border-color:#ffffff26}.client-panel.night-mode .floating-mission-icon .mission-badge{color:#ffffffb3}.client-panel.night-mode .floating-mission-icon.completed{background:linear-gradient(135deg,#0a5c38,#0d6b43);border-color:#0f7b4a}.client-panel.night-mode .streak-hero-card{background:linear-gradient(135deg,#0a5c38,#0d6b43,#085530);box-shadow:0 8px 24px #0006}.client-panel.night-mode .daily-missions-card{background:#ffffff14;border-color:#ffffff1a}.client-panel.night-mode .missions-header h3{color:#fff}.client-panel.night-mode .mission-item{background:#ffffff0d;border-color:#ffffff1a}.client-panel.night-mode .mission-item.completed{background:#0f7b4a33;border-color:#0f7b4a66}.client-panel.night-mode .mission-name{color:#ffffffe6}.client-panel.night-mode .mission-check{background:#ffffff26;color:#ffffffb3}.client-panel.night-mode .missions-bonus-bar{background:#ff744326;border-color:#ff74434d;color:#fffc}.welcome-back-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0f7b4a,#12945a);padding:14px 24px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #0f7b4a59;z-index:10001}.welcome-back-toast .welcome-icon{font-size:1.8rem}.welcome-back-toast .welcome-text{display:flex;flex-direction:column}.welcome-back-toast .welcome-text strong{color:#fff;font-size:1rem;font-weight:700}.welcome-back-toast .welcome-text span{color:gold;font-size:.85rem;font-weight:600}.level-progress-card{background:#fff;border-radius:20px;padding:16px 20px;box-shadow:0 2px 12px #0000000f;transition:all .3s ease}.level-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.level-badge-small{background:linear-gradient(135deg,#0f7b4a,#12945a);color:#fff;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:700}.level-xp-text{font-size:.85rem;color:#6b7280}.level-next-text{font-size:.85rem;color:#0f7b4a;font-weight:600}.level-bar-bg{width:100%;height:10px;background:#e5e7eb;border-radius:10px;overflow:hidden}.level-bar-fill{height:100%;background:linear-gradient(90deg,#0f7b4a,#12945a);border-radius:10px;transition:width .5s ease-out}.level-streak-hint{margin-top:12px;padding:8px 12px;border-radius:10px;font-size:.8rem;display:flex;align-items:center;gap:8px;background:#fff7ed;color:#92400e}.client-panel.night-mode .level-progress-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:none}.client-panel.night-mode .level-xp-text{color:#ffffff80}.client-panel.night-mode .level-next-text{color:#12945a}.client-panel.night-mode .level-bar-bg{background:#ffffff1a}.client-panel.night-mode .level-streak-hint{background:#ff74431a;color:#ff8f66}.client-panel.night-mode .level-badge-small{background:linear-gradient(135deg,#0a5c38,#0f7b4a)}@keyframes bounce-horizontal{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-8px)}}.animate-bounce-horizontal{animation:bounce-horizontal 1.5s infinite}.gym-overlay{position:fixed;inset:0;background-color:#fff;z-index:12000;display:flex;flex-direction:column;overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.night-mode .gym-overlay{background-color:#1a202c}.gym-header-controls{padding:15px 20px;background:transparent;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;right:0;z-index:20}.gym-icon-btn{background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.gym-progress-indicator{background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 16px;border-radius:12px;color:#fff;font-weight:600;font-size:.85rem}.gym-media-container{width:100%;height:35vh;min-height:250px;background-color:#f7fafc;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.night-mode .gym-media-container{background-color:#000}.gym-video-frame{width:100%;height:100%;object-fit:cover}.gym-content-sheet{flex:1;background:#fff;border-radius:32px 32px 0 0;margin-top:-32px;position:relative;z-index:10;padding:30px 20px 120px;box-shadow:0 -4px 20px #0000000d;display:flex;flex-direction:column}.night-mode .gym-content-sheet{background:#1a202c;box-shadow:0 -4px 20px #0003}.gym-drag-handle{width:40px;height:4px;background:#e2e8f0;border-radius:2px;margin:0 auto 20px}.night-mode .gym-drag-handle{background:#4a5568}.gym-exercise-title{font-size:1.4rem;font-weight:700;margin-bottom:10px;color:#1a202c;line-height:1.2;padding:0 20px}.night-mode .gym-exercise-title{color:#fff}.gym-sets-container{display:flex;flex-direction:column;gap:0}.set-row{display:flex;align-items:center;padding:15px 0}.col-index{width:40px;font-weight:600;color:#a0aec0;font-size:.95rem;text-align:center}.col-input{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:baseline;gap:8px}.minimal-input{border:none;border-bottom:2px solid #e2e8f0;width:60px;text-align:center;font-size:1.4rem;font-weight:600;color:#2b6cb0;background:transparent;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:0 0 2px;border-radius:0;appearance:textfield;-moz-appearance:textfield}.minimal-input::-webkit-outer-spin-button,.minimal-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.minimal-input:focus{border-bottom-color:#3182ce}.night-mode .minimal-input{color:#63b3ed;border-bottom-color:#4a5568}.night-mode .minimal-input:focus{border-bottom-color:#63b3ed}.input-unit{font-size:.85rem;color:#718096;font-weight:500}.col-check{width:50px;display:flex;justify-content:flex-end}.check-btn{width:40px;height:40px;border-radius:12px;background:transparent;color:#e2e8f0;background:#f7fafc;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.night-mode .check-btn{background:#2d3748;color:#4a5568}.check-btn svg{stroke-width:3;width:20px;height:20px}.check-btn.completed{background:transparent;color:#3182ce}.completed-row{opacity:.5}.gym-action-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:20px 20px 30px;box-shadow:0 -4px 20px #0000000d;z-index:100;display:flex;gap:15px}.night-mode .gym-action-bar{background:#1a202c;box-shadow:0 -4px 20px #0003}.btn-log-set{flex:1;background:var(--vida-green);color:#fff;padding:16px;border-radius:16px;font-size:.95rem;font-weight:700;border:none;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.btn-icon-secondary{width:56px;height:56px;border-radius:16px;background:#f7fafc;color:#718096;border:none;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.night-mode .btn-icon-secondary{background:#2d3748;color:#a0aec0}:root{--vida-green: #0F7B4A;--vida-green-light: #12945A;--vida-green-dark: #0A5C38;--vida-orange: #FF7443;--vida-orange-light: #FF8F66}.onboarding-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.onboarding-wizard{background:#fff;border-radius:24px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0000004d;animation:slideUp .4s ease-out}.wizard-header{text-align:center;padding:30px 30px 20px;background:linear-gradient(180deg,#f0fdf4,#fff);border-radius:24px 24px 0 0}.wizard-logo{width:120px;margin-bottom:16px}.wizard-header h1{font-size:1.4rem;font-weight:800;color:#1a1a1a;margin:0 0 8px}.wizard-header p{font-size:.95rem;color:#666;margin:0}.wizard-step-wheel{padding:0!important;margin:0;width:100%;overflow:hidden;border-radius:0 0 24px 24px}.wizard-step-wheel .daily-wheel-container{border-radius:0}.wizard-progress{display:flex;align-items:center;justify-content:center;padding:0 30px 20px;gap:8px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-number{width:36px;height:36px;border-radius:50%;background:#e0e0e0;color:#999;font-weight:700;font-size:14px;line-height:36px;text-align:center}.progress-step.active .step-number{background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;box-shadow:0 4px 12px #0f7b4a4d}.step-label{font-size:.75rem;color:#999;font-weight:500}.progress-step.active .step-label{color:var(--vida-green-dark)}.progress-line{flex:0 0 40px;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin-bottom:20px}.line-fill{width:0%;height:100%;background:var(--vida-green);transition:width .3s ease}.line-fill.filled{width:100%}.wizard-step{padding:10px 30px 30px;text-align:center;animation:fadeIn .3s ease}.step-icon{font-size:3rem;margin-bottom:16px}.wizard-step h2{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.wizard-step>p{font-size:.9rem;color:#666;margin:0 0 24px}.photo-upload-area{width:180px;height:180px;margin:0 auto 20px;border-radius:50%;border:3px dashed #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;overflow:hidden;background:#fafafa}.photo-upload-area:hover{border-color:var(--vida-green);background:#f0fdf4}.photo-upload-area.has-photo{border-style:solid;border-color:var(--vida-green)}.upload-icon{font-size:2.5rem;margin-bottom:8px;opacity:.5}.photo-upload-area span{font-size:.85rem;color:#999;font-weight:500}.photo-upload-area small{font-size:.7rem;color:#bbb;margin-top:4px}.photo-preview{width:100%;height:100%;object-fit:cover}.before-photo-tip{display:flex;align-items:flex-start;gap:10px;background:#fff8e7;padding:12px 16px;border-radius:12px;margin-bottom:20px;text-align:left}.tip-icon{font-size:1.2rem;flex-shrink:0}.before-photo-tip p{font-size:.8rem;color:#8b6914;margin:0;line-height:1.4}.error-message{color:#dc3545;font-size:.85rem;margin:0 0 16px;padding:10px;background:#fdeced;border-radius:8px}.wizard-actions{display:flex;flex-direction:column;gap:12px}.btn-primary{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 20px #0f7b4a4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-skip{background:none;border:none;color:#999;font-size:.9rem;cursor:pointer;padding:10px;transition:color .2s}.btn-skip:hover{color:#666}.wizard-bonus{background:linear-gradient(180deg,#fff,#fff8e7);padding:16px 30px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:0 0 24px 24px;border-top:1px solid #f0f0f0}.bonus-icon{font-size:1.3rem}.wizard-bonus span{font-size:.85rem;color:#666}.wizard-bonus strong{color:var(--vida-orange);font-weight:700}@media(max-width:480px){.onboarding-wizard{border-radius:20px}.wizard-header{padding:24px 20px 16px}.wizard-step{padding:10px 20px 24px}.photo-upload-area{width:150px;height:150px}.progress-line{flex:0 0 30px}}.squad-step{min-height:350px;display:flex;align-items:center;justify-content:center}.squad-searching{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .5s ease}.search-radar{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.radar-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid var(--vida-green);opacity:0;animation:radarPulse 2s ease-out infinite}.radar-pulse.delay-1{animation-delay:.5s}.radar-pulse.delay-2{animation-delay:1s}@keyframes radarPulse{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.5);opacity:0}}.user-avatar-center{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid white;box-shadow:0 8px 25px #0f7b4a4d;z-index:2}.user-avatar-center img{width:100%;height:100%;object-fit:cover}.user-avatar-center span{font-size:2rem;color:#fff}.search-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 20px;text-align:center;min-height:48px;display:flex;align-items:center;transition:opacity .3s ease}.search-dots{display:flex;gap:8px}.search-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--vida-green);animation:dotPulse 1.2s ease-in-out infinite}.search-dots .dot:nth-child(2){animation-delay:.2s}.search-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1);opacity:1}}.squad-found{width:100%;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.found-header{text-align:center;margin-bottom:24px}.found-badge{display:inline-block;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:800;margin-bottom:12px;animation:pulse 1s ease-in-out infinite}.found-header h2{font-size:1.5rem;font-weight:800;color:#1a1a1a;margin:0 0 8px}.squad-name{font-size:1.1rem;font-weight:700;color:var(--vida-green);margin:0}.squad-members{display:flex;justify-content:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.member-avatar{display:flex;flex-direction:column;align-items:center;gap:8px;animation:memberPop .4s ease-out backwards}.member-avatar:nth-child(1){animation-delay:.1s}.member-avatar:nth-child(2){animation-delay:.2s}.member-avatar:nth-child(3){animation-delay:.3s}.member-avatar:nth-child(4){animation-delay:.4s}@keyframes memberPop{0%{opacity:0;transform:scale(0) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.member-avatar img,.member-avatar>span:first-child{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #e0e0e0;transition:all .3s}.member-avatar.member-you img,.member-avatar.member-you>span:first-child{border-color:var(--vida-green);box-shadow:0 4px 15px #0f7b4a4d}.member-avatar>span:first-child{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--vida-green),var(--vida-green-light));color:#fff;font-size:1.5rem}.member-label{font-size:.75rem;font-weight:600;color:#666}.member-avatar.member-you .member-label{color:var(--vida-green);font-weight:700}.squad-info-card{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:14px 18px;border-radius:14px;margin-bottom:24px;border:1px solid #BBF7D0}.info-icon{font-size:1.3rem;flex-shrink:0}.squad-info-card p{font-size:.85rem;color:#166534;margin:0;line-height:1.5;text-align:left}.squad-info-card strong{color:var(--vida-green)}.squad-intro{text-align:center;animation:fadeIn .5s ease}.intro-image-container{width:180px;height:180px;margin:0 auto 24px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f0fdf4,#dcfce7);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #0f7b4a26}.intro-image{width:100%;height:100%;object-fit:cover}.squad-intro h2{font-size:1.4rem;font-weight:800;color:#1a1a1a;margin:0 0 16px}.squad-intro h2 .heart-orange{color:var(--vida-orange)}.intro-text{font-size:.95rem;color:#334155;line-height:1.6;margin:0 0 12px}.intro-text strong{color:var(--vida-orange);font-weight:700}.intro-text-secondary{font-size:.88rem;color:#64748b;line-height:1.5;margin:0 0 28px}.intro-text-secondary strong{color:var(--vida-orange);font-weight:700}.intro-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0}.intro-loader{width:20px;height:20px;border:3px solid #e2e8f0;border-top-color:var(--vida-green);border-radius:50%;animation:spin .8s linear infinite}.intro-loading span{font-size:.85rem;font-weight:600;color:#64748b}.squad-found{position:relative;overflow:hidden}.confetti-container{position:absolute;top:0;left:0;right:0;height:200px;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:12px;top:-20px;animation:confettiFall 3s ease-in-out forwards;border-radius:2px}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(250px) rotate(720deg);opacity:0}}.found-squad-header{text-align:center;margin-bottom:16px;padding-top:5px}.found-squad-title{font-size:1.1rem;font-weight:800;color:var(--vida-green);background:linear-gradient(135deg,#0f7b4a1a,#10b98114);padding:8px 20px;border-radius:25px;display:inline-block}.found-squad-desc{font-size:.88rem;color:#475569;line-height:1.6;margin:16px 0 0;padding:0 5px;text-align:center}.found-squad-desc strong{color:var(--vida-orange);font-weight:800}.is-placeholder{opacity:.5}.onboard-podium-container{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:180px;margin:40px 0 20px;padding-bottom:5px;padding-top:30px;opacity:0;transform:translateY(20px);transition:all .5s ease}.onboard-podium-container.visible{opacity:1;transform:translateY(0)}.onboard-podium-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:90px}.onboard-crown{position:absolute;top:-28px;font-size:1.4rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.onboard-podium-avatar{position:relative;margin-bottom:8px}.onboard-podium-avatar img{width:50px;height:50px;border-radius:50%;border:3px solid white;box-shadow:0 4px 12px #00000026;object-fit:cover}.onboard-podium-item.rank-1 .onboard-podium-avatar img{width:65px;height:65px;border-color:#fbbf24}.onboard-podium-item.rank-2 .onboard-podium-avatar img{border-color:#94a3b8}.onboard-podium-item.rank-3 .onboard-podium-avatar img{border-color:#b45309}.onboard-rank-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;box-shadow:0 2px 5px #0003}.rank-1 .onboard-rank-badge{background:#fbbf24}.rank-2 .onboard-rank-badge{background:#94a3b8}.rank-3 .onboard-rank-badge{background:#b45309}.onboard-podium-name{font-size:.82rem;font-weight:700;color:#1e293b;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;display:flex;align-items:center;justify-content:center;gap:4px}.podium-you-label{color:var(--vida-orange);font-weight:800;font-size:.75rem;letter-spacing:.5px}.onboard-podium-points{font-size:.75rem;font-weight:700;color:#0f7b4a;margin-top:2px}.onboard-podium-base{width:100%;border-radius:10px 10px 0 0;margin-top:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;position:relative;overflow:hidden}.onboard-podium-base:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#fff6}.rank-1 .onboard-podium-base{height:70px;background:linear-gradient(180deg,#fbbf24,#d97706);color:#fff;box-shadow:0 4px 15px #d9770666}.rank-2 .onboard-podium-base{height:55px;background:linear-gradient(180deg,#94a3b8,#475569);color:#fff;box-shadow:0 4px 12px #4755694d}.rank-3 .onboard-podium-base{height:40px;background:linear-gradient(180deg,#b45309,#78350f);color:#fff;box-shadow:0 4px 10px #78350f4d}.onboard-you-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;margin-bottom:16px;background:linear-gradient(135deg,#0f7b4a1a,#10b98114);border:2px solid var(--vida-green);box-shadow:0 4px 12px #0f7b4a26;opacity:0;transform:translateY(20px);transition:all .5s ease .3s}.onboard-you-row.visible{opacity:1;transform:translateY(0)}.onboard-you-position{font-size:.9rem;font-weight:800;color:#94a3b8;min-width:28px}.onboard-you-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid var(--vida-green)}.onboard-you-avatar img{width:100%;height:100%;object-fit:cover}.onboard-you-info{flex:1;display:flex;align-items:center;gap:8px}.onboard-you-name{font-size:.95rem;font-weight:700;color:#1a1a1a}.onboard-you-badge{background:var(--vida-green);color:#fff;font-size:.6rem;font-weight:800;padding:3px 8px;border-radius:6px}.onboard-you-new{display:flex;align-items:center}.onboard-you-new span{font-size:.7rem;font-weight:800;color:#fff;background:var(--vida-orange);padding:4px 10px;border-radius:10px}.found-message{background:linear-gradient(135deg,#fff8e7,#fff4d6);border:1px solid #FFE5B4;border-radius:14px;padding:14px 18px;margin-bottom:20px;text-align:center}.found-message p{font-size:.88rem;color:#92400e;margin:0;line-height:1.5}.emoji-inline{font-size:1rem;margin-right:6px}.btn-primary.squad-confirm{background:linear-gradient(135deg,var(--vida-green),#10B981);box-shadow:0 8px 25px #0f7b4a59;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 8px 25px #0f7b4a59}50%{box-shadow:0 8px 35px #0f7b4a80}}.daily-wheel-container{width:100%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0a5c38,#0f7b4a,#12945a);border-radius:24px}.wheel-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:100}.confetti-piece{position:absolute;width:10px;height:10px;top:-20px;border-radius:2px;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(600px) rotate(720deg);opacity:0}}.wheel-game{display:flex;flex-direction:column;align-items:center;width:100%}.wheel-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:20px;width:100%}.wheel-logo{width:90px;height:auto;margin-bottom:15px;display:block}.spin-available-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 20px;border-radius:30px;color:#fff;font-size:.95rem;margin-bottom:12px;border:1px solid rgba(255,255,255,.2);max-width:90%;flex-wrap:wrap;line-height:1.4;text-align:center}.spin-available-badge strong{color:gold;font-weight:700}.spin-icon{font-size:1.2rem}.wheel-subtitle{color:#ffffffd9;font-size:.9rem;margin:0 auto;max-width:85%;line-height:1.5;text-align:center}.wheel-stage{position:relative;width:340px;height:340px;display:flex;align-items:center;justify-content:center;perspective:1000px;margin:10px 0 25px}.wheel-outer-ring{position:absolute;width:340px;height:340px;border-radius:50%;background:linear-gradient(145deg,#1a1a1a,#333,#1a1a1a);box-shadow:0 0 0 8px #ffffff1a,0 10px 40px #0006,inset 0 2px 10px #ffffff1a}.led-light{position:absolute;width:12px;height:12px;background:#ff7443;border-radius:50%;left:50%;top:50%;margin-left:-6px;margin-top:-6px;box-shadow:0 0 10px #ff7443,0 0 20px #ff744380;animation:ledPulse .5s ease-in-out infinite alternate}.led-light.spinning{animation:ledSpin .1s linear infinite}@keyframes ledPulse{0%{opacity:.6;transform:rotate(var(--rot)) translateY(-155px) scale(.9)}to{opacity:1;transform:rotate(var(--rot)) translateY(-155px) scale(1.1)}}@keyframes ledSpin{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.spin-available-badge.locked{background:#0000004d;border-color:#ffffff1a;color:#ffffffe6}.wheel-stage.locked{filter:grayscale(.8)}.led-light.inactive{background:#666;box-shadow:none;animation:none;opacity:.4}.wheel-spinner{position:relative;z-index:2;transform-style:preserve-3d;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))}.wheel-spinner canvas{border-radius:50%;border:6px solid white;box-shadow:inset 0 0 20px #0003,0 0 0 3px #fff3}.wheel-hub{position:absolute;z-index:10;width:70px;height:70px;background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d,inset 0 2px 5px #fffc;border:4px solid #FF7443}.wheel-hub img{width:40px;height:40px;object-fit:contain}.wheel-pointer{position:absolute;top:-5px;left:50%;transform:translate(-50%);z-index:20}.pointer-triangle{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:35px solid #FF7443;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3));position:relative}.pointer-triangle:after{content:"";position:absolute;top:-35px;left:-14px;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #FF8F66}.wheel-pointer.bouncing{animation:pointerBounce .1s ease-in-out infinite}@keyframes pointerBounce{0%,to{transform:translate(-50%) rotate(0)}50%{transform:translate(-50%) rotate(5deg)}}.btn-spin{width:100%;max-width:280px;background:linear-gradient(135deg,#ff7443,#ff8f66);color:#fff;border:none;padding:18px 30px;border-radius:16px;font-weight:900;font-size:1.15rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ff744366;text-transform:uppercase;letter-spacing:1px}.btn-spin:hover:not(.disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #ff744380}.btn-spin:active:not(.disabled){transform:translateY(-1px)}.btn-spin.disabled{background:linear-gradient(135deg,#888,#aaa);cursor:not-allowed;box-shadow:none}.wheel-result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 25px;background:#fff;border-radius:24px;width:100%;max-width:380px;animation:resultPopIn .5s ease-out}@keyframes resultPopIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-header{margin-bottom:15px}.result-logo{width:100px}.result-emoji-container{width:100px;height:100px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 15px #0f7b4a26}.result-prize-img{width:70px;height:70px;object-fit:contain;animation:emojiPulse 1.5s ease-in-out infinite}@keyframes emojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.result-title{color:#1a1a1a;font-size:1.6rem;font-weight:800;margin:0 0 8px}.result-subtitle{color:#666;font-size:1rem;margin:0 0 5px}.prize-label{color:var(--vida-green, #0F7B4A);font-size:1.3rem;font-weight:800;margin:0 0 20px}.result-next-spin{color:#888;font-size:.9rem;margin:0 0 25px}.badge-icon{margin-right:6px;font-size:1.2rem}.result-tip{display:flex;align-items:center;gap:8px;color:#888;font-size:.9rem;margin:0 0 25px}.result-tip .tip-icon{font-size:1rem}.result-actions{width:100%}.btn-claim{width:100%;background:linear-gradient(135deg,var(--vida-green, #0F7B4A) 0%,var(--vida-green-light, #12945A) 100%);color:#fff;border:none;padding:16px 30px;border-radius:14px;font-weight:800;font-size:1.05rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #0f7b4a4d}.btn-claim:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0f7b4a66}@media(max-width:400px){.wheel-stage,.wheel-outer-ring{width:300px;height:300px}.wheel-header h2{font-size:1.4rem}.btn-spin,.btn-claim{max-width:100%;padding:16px 25px;font-size:1rem}}.shopping-list-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}.shopping-list-panel{background:#fff;width:100%;max-width:550px;max-height:90vh;border-radius:24px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.panel-header{background:#fff;padding:1.5rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.header-top-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.panel-title{font-size:1.5rem;font-weight:800;color:#1a1a1a;margin:0;text-align:center}.panel-subtitle{font-size:.85rem;color:#64748b;margin:.25rem 0 0;font-weight:500}.btn-close{width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-close:hover{background:#e2e8f0;color:#1e293b;transform:scale(1.05)}.search-box{position:relative;margin-bottom:1rem}.search-field{width:100%;padding:.75rem 2.5rem;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#1e293b;font-size:.95rem;outline:none;transition:all .2s}.search-field::placeholder{color:#94a3b8}.search-field:focus{background:#fff;border-color:var(--vida-green);box-shadow:0 0 0 3px #0f7b4a1a}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.btn-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#e2e8f0;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s}.btn-clear:hover{background:#cbd5e1}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:.875rem;display:flex;align-items:center;gap:.625rem;border:1px solid #e2e8f0}.stat-icon{font-size:1.5rem;flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:800;color:#1e293b;line-height:1}.stat-label{font-size:.7rem;color:#64748b;margin-top:.2rem;font-weight:600;text-transform:uppercase}.progress-stat{flex-direction:column;justify-content:center;align-items:center;gap:.375rem;background:linear-gradient(135deg,#0f7b4a0d,#0f7b4a1a);border-color:#0f7b4a33}.circular-progress{position:relative;width:50px;height:50px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:800;color:var(--vida-green)}.tabs-container{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;position:sticky;top:0;z-index:100}.tabs-scroll{display:flex;gap:4px;overflow-x:auto;padding:0 1rem;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.tab-item{flex-shrink:0;display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#64748b;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:600}.tab-item:hover{background:#f8fafc;color:#1e293b}.tab-item.active{color:var(--vida-green);border-bottom-color:var(--vida-green);background:#0f7b4a0d}.tab-emoji{font-size:1.1rem}.tab-label{white-space:nowrap}.tab-badge{background:#f1f5f9;color:#64748b;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:700}.tab-item.active .tab-badge{background:#0f7b4a26;color:var(--vida-green)}.items-container{flex:1;overflow-y:auto;padding:1rem}.items-container::-webkit-scrollbar{width:8px}.items-container::-webkit-scrollbar-track{background:transparent}.items-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.items-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.grocery-item{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem;background:#fff;border:2px solid #f1f5f9;border-radius:14px;margin-bottom:.625rem;cursor:pointer;transition:all .2s}.grocery-item:hover{background:#f8fafc;border-color:var(--vida-green);transform:translate(4px);box-shadow:0 2px 8px #0f7b4a1a}.grocery-item.item-checked{opacity:.6;border-color:#e2e8f0;background:#fafafa}.grocery-item.item-checked:hover{transform:translate(2px)}.item-check{flex-shrink:0}.check-box{width:26px;height:26px;border:2.5px solid #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff;font-weight:700;font-size:.9rem}.check-box.checked{background:var(--vida-green);border-color:var(--vida-green);animation:checkPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.item-main{flex:1;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.item-text{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.item-name{font-size:1rem;color:#1e293b;font-weight:600;text-transform:capitalize}.grocery-item.item-checked .item-name{text-decoration:line-through;color:#94a3b8}.item-category-tag{font-size:.75rem;color:#64748b;font-weight:500}.item-quantity-display{flex-shrink:0;font-size:.95rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--vida-green) 0%,var(--vida-green-dark) 100%);padding:.5rem .875rem;border-radius:10px;box-shadow:0 2px 8px #0f7b4a40;min-width:60px;text-align:center}.grocery-item.item-checked .item-quantity-display{background:#cbd5e1;color:#64748b;box-shadow:none}.panel-footer{background:#fff;padding:1rem 1.5rem;border-top:1px solid #f1f5f9;flex-shrink:0}.btn-clear-all{width:100%;padding:.875rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-clear-all:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1e293b;transform:translateY(-1px)}.btn-clear-all:active{transform:scale(.98)}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#64748b}.loader{width:50px;height:50px;border:4px solid #f1f5f9;border-top-color:var(--vida-green);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-state p,.empty-state p{margin:0 0 1rem;font-size:.95rem}.btn-primary{padding:.75rem 1.5rem;background:var(--vida-green);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--vida-green-dark);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.client-panel.night-mode .shopping-list-panel{background:#1e2330}.client-panel.night-mode .panel-header{background:#1e2330;border-bottom-color:#ffffff1a}.client-panel.night-mode .panel-title{color:#fff}.client-panel.night-mode .panel-subtitle{color:#fff9}.client-panel.night-mode .btn-close{background:#ffffff1a;color:#fffc}.client-panel.night-mode .btn-close:hover{background:#ffffff26;color:#fff}.client-panel.night-mode .search-field{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.client-panel.night-mode .search-field::placeholder{color:#fff6}.client-panel.night-mode .search-field:focus{background:#ffffff14}.client-panel.night-mode .btn-clear{background:#ffffff1a;color:#fff9}.client-panel.night-mode .stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff14);border-color:#ffffff1a}.client-panel.night-mode .stat-value{color:#fff}.client-panel.night-mode .stat-label{color:#fff9}.client-panel.night-mode .progress-stat{background:linear-gradient(135deg,#0f7b4a1a,#0f7b4a26);border-color:#0f7b4a4d}.client-panel.night-mode .tabs-container{background:#1e2330;border-bottom-color:#ffffff1a}.client-panel.night-mode .tab-item{color:#fff9}.client-panel.night-mode .tab-item:hover{background:#ffffff0d;color:#ffffffe6}.client-panel.night-mode .tab-item.active{color:var(--vida-green-light);background:#0f7b4a1a}.client-panel.night-mode .tab-badge{background:#ffffff1a;color:#fff9}.client-panel.night-mode .tab-item.active .tab-badge{background:#0f7b4a33;color:var(--vida-green-light)}.client-panel.night-mode .grocery-item{background:#ffffff0d;border-color:#ffffff1a}.client-panel.night-mode .grocery-item:hover{background:#ffffff14;border-color:var(--vida-green)}.client-panel.night-mode .grocery-item.item-checked{background:#ffffff05;border-color:#ffffff0d}.client-panel.night-mode .item-name{color:#fff}.client-panel.night-mode .item-category-tag{color:#ffffff80}.client-panel.night-mode .check-box{border-color:#ffffff4d}.client-panel.night-mode .panel-footer{background:#1e2330;border-top-color:#ffffff1a}.client-panel.night-mode .btn-clear-all{background:linear-gradient(135deg,#ffffff14,#ffffff1f);color:#fffc}.client-panel.night-mode .btn-clear-all:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff29);color:#fff}.client-panel.night-mode .loading-state,.client-panel.night-mode .error-state,.client-panel.night-mode .empty-state{color:#fff9}.client-panel.night-mode .loader{border-color:#ffffff1a;border-top-color:var(--vida-green)}@media(max-width:640px){.shopping-list-overlay{padding:0}.shopping-list-panel{max-height:100vh;border-radius:0}.panel-header{padding:.75rem}.panel-title{font-size:1rem}.panel-subtitle{font-size:.7rem}.btn-close{width:32px;height:32px;font-size:1.1rem}.view-mode-toggle{padding:.25rem;gap:.375rem}.toggle-btn{padding:.5rem .75rem;font-size:.8rem}.search-box{margin-bottom:.75rem}.search-field{padding:.625rem 2.25rem;font-size:.875rem}.search-icon{font-size:.9rem;left:.75rem}.stats-row{gap:.5rem;margin-top:.75rem}.stat-card{padding:.625rem .5rem}.stat-icon{font-size:1.1rem}.stat-value{font-size:1rem}.stat-label{font-size:.65rem}.circular-progress{width:40px;height:40px}.circular-progress svg{width:40px;height:40px}.progress-text{font-size:.65rem}.filters-container{padding:.375rem .75rem .5rem;border-bottom:1px solid #f1f5f9}.filter-section{margin-bottom:.375rem}.filter-section:last-child{margin-bottom:0}.filter-title{display:none}.day-filter-btn{padding:.35rem .625rem;font-size:.725rem;border-width:1.5px}.category-filter-btn{padding:.35rem .625rem;font-size:.725rem;gap:.3rem;border-width:1.5px}.filter-icon{font-size:.9rem}.filter-label{max-width:70px;overflow:hidden;text-overflow:ellipsis}.items-container{padding:.75rem}.grocery-item{padding:.875rem 1rem;gap:.75rem}.check-box{width:24px;height:24px;font-size:.85rem}.item-name{font-size:.925rem}.item-category-tag{font-size:.7rem}.item-frequency-tag{font-size:.65rem;padding:.175rem .4rem}.item-days{margin-top:.3rem}.day-badge{font-size:.6rem;padding:.2rem .4rem}.item-quantity-display{font-size:.85rem;padding:.4rem .75rem;min-width:55px}.panel-footer{padding:.875rem 1rem}.btn-clear-all{padding:.75rem;font-size:.875rem}.footer-summary{font-size:.7rem;margin-top:.375rem}}@media(max-width:375px){.panel-title{font-size:1.1rem}.stats-row{grid-template-columns:1fr 1fr}.progress-stat{grid-column:1 / -1}.item-name{font-size:.875rem}.item-quantity-display{font-size:.8rem;padding:.35rem .65rem;min-width:50px}}.view-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;background:#f1f5f9;padding:.375rem;border-radius:12px}.toggle-btn{flex:1;padding:.625rem 1rem;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#fff;color:var(--vida-green);box-shadow:0 2px 4px #0000000d}.toggle-btn:hover:not(.active){color:#1e293b}.filters-container{background:#fff;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.filter-section{margin-bottom:1rem}.filter-section:last-child{margin-bottom:0}.filter-title{font-size:.75rem;color:#64748b;font-weight:700;text-transform:uppercase;margin:0 0 .75rem;letter-spacing:.5px}.day-filter-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.day-filter-scroll::-webkit-scrollbar{height:4px}.day-filter-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.day-filter-btn{flex-shrink:0;padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.day-filter-btn:hover{border-color:var(--vida-green);background:#f8fafc}.day-filter-btn.active{background:linear-gradient(135deg,var(--vida-green),var(--vida-green-dark));color:#fff;border-color:var(--vida-green);box-shadow:0 2px 8px #0f7b4a40}.category-filter-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.category-filter-scroll::-webkit-scrollbar{height:4px}.category-filter-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.category-filter-btn{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.category-filter-btn:hover{border-color:var(--vida-green);background:#f8fafc}.category-filter-btn.active{background:#0f7b4a1a;color:var(--vida-green);border-color:var(--vida-green)}.filter-icon{font-size:1.1rem}.filter-label{white-space:nowrap}.item-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.item-frequency-tag{font-size:.7rem;color:#fff;background:linear-gradient(135deg,#ff7443,#ff8c61);padding:.2rem .5rem;border-radius:6px;font-weight:600}.item-days{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.375rem}.day-badge{font-size:.65rem;color:var(--vida-green);background:#0f7b4a1a;padding:.25rem .5rem;border-radius:6px;font-weight:700;border:1px solid rgba(15,123,74,.2)}.grocery-item.item-checked .day-badge{color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0}.footer-summary{text-align:center;font-size:.75rem;color:#64748b;margin-top:.5rem;font-weight:600}.client-panel.night-mode .view-mode-toggle{background:#ffffff0d}.client-panel.night-mode .toggle-btn{color:#fff9}.client-panel.night-mode .toggle-btn.active{background:#ffffff1a;color:var(--vida-green-light)}.client-panel.night-mode .filters-container{background:#1e2330;border-bottom-color:#ffffff1a}.client-panel.night-mode .filter-title{color:#fff9}.client-panel.night-mode .day-filter-btn,.client-panel.night-mode .category-filter-btn{background:#ffffff0d;border-color:#ffffff1a;color:#fffc}.client-panel.night-mode .day-filter-btn:hover,.client-panel.night-mode .category-filter-btn:hover{background:#ffffff14}.client-panel.night-mode .day-filter-btn.active{background:linear-gradient(135deg,var(--vida-green),var(--vida-green-dark));color:#fff}.client-panel.night-mode .category-filter-btn.active{background:#0f7b4a26;color:var(--vida-green-light)}.client-panel.night-mode .item-frequency-tag{background:linear-gradient(135deg,#ff7443,#ff8c61)}.client-panel.night-mode .footer-summary{color:#fff9}.squad-main-container{min-height:100%;position:relative;overflow:hidden;padding-bottom:80px}.squad-bg-blob{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(15,123,74,.05) 0%,transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}.blob-1{top:-100px;right:-100px}.blob-2{bottom:100px;left:-150px;background:radial-gradient(circle,rgba(255,116,67,.05) 0%,transparent 70%)}.tab-content{display:flex;flex-direction:column;padding:0;height:100%;position:relative;z-index:1}.tab-header{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:10px}.tab-header h3{margin:0;font-size:1.4rem;font-weight:800;color:#2d3748}.client-panel.night-mode .tab-header h3{color:#e2e8f0}.back-btn-squad{margin-right:12px}.squad-collective-progress{padding:24px;background:#fff;border-radius:30px;margin-bottom:24px;box-shadow:0 10px 40px #0000000a;border:1px solid rgba(0,0,0,.03);text-align:center}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.progress-header h4{font-size:.9rem;font-weight:700;color:#334155;margin:0}.progress-percent{font-size:.9rem;font-weight:700;color:#059669}.progress-bar-bg{width:100%;height:10px;background:#f1f5f9;border-radius:50px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:50px;box-shadow:0 0 15px #10b98133}.progress-footer{margin-top:8px;font-size:.75rem;font-weight:500;color:#718096;text-align:center}.points-detail{font-size:.9rem;color:#64748b;font-weight:700}.points-detail strong{color:#059669;font-weight:800}.motivation-banner{background:linear-gradient(135deg,#fff7ed,#ffedd5);padding:14px 18px;border-radius:16px;margin-bottom:24px;border:1px solid #FED7AA;border-top-color:#fed7aa;border-right-color:#fed7aa;border-bottom-color:#fed7aa;border-left-color:#fed7aa;display:flex;align-items:center;gap:12px}.motivation-text{font-size:.85rem;color:#9a3412;font-weight:600;line-height:1.4}.squad-motivation-alert{background:#fff7ed;border:1px solid #ffedd5;border-radius:20px;padding:15px 24px;margin:0 auto;text-align:center;font-size:.9rem;font-weight:700;color:#c2410c;box-shadow:0 4px 15px #fb923c0d;max-width:100%}.podium-container{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:20px 0 40px;padding-top:30px}.podium-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:100px}.podium-avatar-wrapper{position:relative;margin-bottom:10px}.podium-avatar-container{position:relative;display:inline-block}.podium-avatar{width:60px;height:60px;border-radius:50%;border:3px solid white;box-shadow:0 4px 12px #00000026;object-fit:cover}.podium-item.rank-1 .podium-avatar{width:85px;height:85px;border-color:#fbbf24}.podium-item.rank-2 .podium-avatar{border-color:#94a3b8}.podium-item.rank-3 .podium-avatar{border-color:#b45309}.crown-icon{position:absolute;top:-24px;left:50%;z-index:10;transform:translate(-50%);font-size:24px}.rank-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff;box-shadow:0 2px 5px #0003}.rank-1 .rank-badge{background:#fbbf24}.rank-2 .rank-badge{background:#94a3b8}.rank-3 .rank-badge{background:#b45309}.podium-name{font-size:.9rem;font-weight:700;color:#2d3748;text-align:center;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-points{font-size:1rem;font-weight:800;color:#0f7b4a;margin-top:2px}.you-tag-podium{font-size:.65rem;font-weight:900;color:#0f7b4a;background:#0f7b4a1a;padding:1px 6px;border-radius:4px;margin-top:2px;display:inline-block}.podium-item.is-me .podium-avatar{box-shadow:0 0 15px #0f7b4a80,0 4px 12px #00000026;border-color:#0f7b4a!important}.client-panel.night-mode .you-tag-podium{color:#48bb78;background:#48bb7826}.podium-base{width:100%;background:#f1f5f9;border-radius:12px 12px 0 0;margin-top:8px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#64748b;font-size:1.2rem;box-shadow:inset 0 2px 4px #0000000d;position:relative;overflow:hidden}.podium-base:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#fff6}.rank-1 .podium-base{height:90px;background:linear-gradient(180deg,#fbbf24,#d97706);color:#fff;box-shadow:0 4px 15px #d9770666}.rank-2 .podium-base{height:70px;background:linear-gradient(180deg,#94a3b8,#475569);color:#fff;box-shadow:0 4px 12px #4755694d}.rank-3 .podium-base{height:50px;background:linear-gradient(180deg,#b45309,#78350f);color:#fff;box-shadow:0 4px 10px #78350f4d}.ranking-list-sub{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;padding:10px;box-shadow:0 4px 20px #00000008;border:1px solid rgba(255,255,255,.3)}.rank-row{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.03);gap:12px;border-radius:16px;transition:all .2s ease;margin-bottom:4px}.rank-row.is-me{background:linear-gradient(90deg,rgba(15,123,74,.08) 0%,transparent 100%);border-left:4px solid #0F7B4A;box-shadow:0 4px 12px #0f7b4a0d}.rank-row:last-child{border-bottom:none;margin-bottom:0}.rank-num{font-size:.9rem;font-weight:800;color:#94a3b8;min-width:25px}.rank-avatar-sm{width:42px;height:42px;border-radius:50%;object-fit:cover}.rank-info-main{flex:1}.rank-name-wrapper{display:flex;align-items:center;gap:6px}.rank-name-wrapper h4{margin:0;font-size:.9rem;font-weight:700;color:#2d3748}.rank-trend{font-size:.7rem}.rank-trend.up{color:#10b981}.rank-trend.down{color:#ef4444}.rank-trend.stable{color:#94a3b8}.rank-stats-pills{display:flex;gap:6px;margin-top:4px}.stat-badge{font-size:.65rem;font-weight:600;color:#718096;background:#f1f5f9;padding:2px 8px;border-radius:6px;display:flex;align-items:center;gap:3px;transition:all .3s ease}.stat-badge.active-diet{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.stat-badge.active-workout{background:#f973161a;color:#ea580c;border:1px solid rgba(249,115,22,.2)}.stat-badge.active-water{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.you-tag{font-size:.7rem;font-weight:600;color:#a0aec0;margin-left:4px;font-style:italic}.trend-icon-squad{font-size:.8rem;margin-left:6px;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.trend-icon-squad.up{color:#10b981}.trend-icon-squad.down{color:#ef4444}.trend-icon-squad.sm{font-size:.6rem;margin-left:4px}.user-badges{display:flex;gap:4px}.badge-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.simple-timeline-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:20px;margin-bottom:15px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000000a;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.simple-timeline-card:hover{transform:translateY(-4px) scale(1.02);background:#ffffffe6;box-shadow:0 12px 40px #00000014}.simple-timeline-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--vida-green);opacity:.5}.squad-footer-actions{padding:20px;display:flex;flex-direction:column;gap:12px}.card-main-info{flex:1}.card-main-info h4{margin:0;font-size:1rem;font-weight:700;color:#2d3748}.card-main-info span{font-size:.75rem;color:#a0aec0}.card-time-badge{background:#0f7b4a1a;color:#0f7b4a;padding:4px 8px;border-radius:8px;font-size:.7rem;font-weight:800;margin-right:12px}.open-indicator{color:#cbd5e0;font-size:1.2rem;margin-left:10px}.rank-points-val{font-size:1.1rem;font-weight:800;color:#0f7b4a}.rank-points-label{font-size:.65rem;color:#94a3b8;text-transform:uppercase;font-weight:700}.nudge-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s;margin-left:8px}.nudge-btn:hover{background:#e0f2fe;transform:scale(1.1)}.nudge-btn:active{transform:scale(.95)}.fire-streak{display:flex;align-items:center;gap:3px;background:#ff45001a;color:#ff4500;padding:2px 6px;border-radius:8px;font-size:.7rem;font-weight:800}.rank-points-col{display:flex;align-items:center;gap:12px;min-width:90px;justify-content:flex-end}.points-val-green{display:flex;flex-direction:column;align-items:flex-end}.points-val-green strong{color:#0f7b4a;font-size:1.1rem;font-weight:900}.points-val-green span{font-size:.65rem;color:#94a3b8;text-transform:uppercase;font-weight:700;margin-top:-2px}.nudge-btn-carrot{background:#fff;border:1px solid #edf2f7;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0000000d}.nudge-btn-carrot:hover{transform:scale(1.15) rotate(15deg);background:#fffaf0;border-color:#fbd38d}.back-btn-squad{background:#f8fafc;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000000d;transition:all .2s}.back-btn-squad:hover{background:#fff;transform:translate(-2px);box-shadow:0 4px 12px #0000001a}.btn-primary-squad{background:linear-gradient(135deg,var(--vida-green) 0%,var(--vida-green-light) 100%);color:#fff;border:none;padding:16px;border-radius:16px;font-weight:800;font-size:1rem;cursor:pointer;width:100%;margin-bottom:10px;box-shadow:0 4px 12px #0f7b4a4d;transition:all .2s}.btn-primary-squad:active{transform:scale(.98)}.btn-primary-squad:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-squad{background:#fff;color:#0f7b4a;border:1px solid #D5F2E3;padding:16px;border-radius:16px;margin-bottom:10px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .2s;width:100%}.btn-secondary-squad:active{transform:scale(.98)}.btn-secondary-squad:hover{background:#f0fdf4;border-color:#0f7b4a}.client-panel.night-mode .btn-secondary-squad{background:#ffffff0d;border-color:#ffffff1a;color:#48bb78}.client-panel.night-mode .btn-secondary-squad:hover{background:#ffffff1a}.create-squad-form,.invite-form{padding-bottom:40px}.form-group-squad{margin-bottom:20px}.form-group-squad label{display:block;font-size:.9rem;font-weight:700;color:#2d3748;margin-bottom:8px}.form-group-squad input{width:100%;padding:16px;background:#f7fafc;border:2px solid #edf2f7;border-radius:16px;font-size:1rem;transition:all .2s;box-sizing:border-box}.form-group-squad input:focus{outline:none;background:#fff;border-color:#0f7b4a;box-shadow:0 0 0 4px #0f7b4a1a}.squad-info-box{background:#f0fdf4;border:1px solid #D5F2E3;border-radius:16px;padding:16px;margin-bottom:20px}.form-hint{font-size:.75rem;color:#94a3b8;margin-top:6px}.client-panel.night-mode .squad-collective-progress,.client-panel.night-mode .ranking-list-sub{background:#1e2332;border-color:#ffffff0d}.client-panel.night-mode .progress-header h4,.client-panel.night-mode .podium-name,.client-panel.night-mode .rank-name-wrapper h4{color:#e2e8f0}.client-panel.night-mode .progress-bar-bg{background:#2d3748}.client-panel.night-mode .podium-base{background:#2d3748;color:#94a3b8}.client-panel.night-mode .motivation-banner{background:#fbbf241a;border-color:#fbbf2433}.client-panel.night-mode .motivation-text{color:#fbd38d}.client-panel.night-mode .rank-row{border-bottom-color:#ffffff08}.client-panel.night-mode .stat-badge{background:#2d3748;color:#a0aec0}.client-panel.night-mode .nudge-btn{background:#252a3a;color:#cbd5e0}.client-panel.night-mode .nudge-btn:hover{background:#2d3748}.client-panel.night-mode .ranking-list-sub,.client-panel.night-mode .simple-timeline-card{background:#1e2332b3;border-color:#ffffff0d;box-shadow:0 8px 32px #0003}.client-panel.night-mode .simple-timeline-card:hover{background:#1e2332e6}.client-panel.night-mode .rank-row.is-me{background:linear-gradient(90deg,rgba(72,187,120,.15) 0%,transparent 100%);border-left-color:#48bb78;box-shadow:0 4px 15px #0000004d}.client-panel.night-mode .squad-collective-progress{background:#1e2332cc;border-color:#ffffff0d}.client-panel.night-mode .podium-base{box-shadow:inset 0 2px 4px #0003}.client-panel.night-mode .points-val-green strong{color:#48bb78}.client-panel.night-mode .nudge-btn-carrot{background:#ffffff0d;border-color:#ffffff1a}.squad-snackbar{position:fixed;bottom:100px;left:50%;background:#2d3748;color:#fff;padding:12px 24px;border-radius:50px;font-size:.9rem;font-weight:600;box-shadow:0 10px 25px #0000004d;z-index:9999;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.client-panel.night-mode .squad-snackbar{background:#fff;color:#1a202c}.elite-badge-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(135deg,#ff744326,#0f7b4a0d);padding:4px 10px;border-radius:12px;border:1px solid rgba(255,116,67,.3);box-shadow:0 4px 12px #ff744333;min-width:50px;animation:elite-pulse 2s infinite ease-in-out}@keyframes elite-pulse{0%{transform:scale(1);box-shadow:0 4px 12px #ff744326}50%{transform:scale(1.03);box-shadow:0 4px 20px #0f7b4a4d}to{transform:scale(1);box-shadow:0 4px 12px #ff744326}}.elite-badge-indicator img{width:28px;height:28px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 5px rgba(255,116,67,.6))}.elite-badge-indicator span{font-size:.55rem;font-weight:900;color:#ff7443;letter-spacing:1px;text-transform:uppercase}.member-elite-badge{pointer-events:none;animation:shine-mini 3s infinite}@keyframes shine-mini{0%{filter:brightness(1) drop-shadow(0 0 2px rgba(255,116,67,.5))}50%{filter:brightness(1.3) drop-shadow(0 0 5px rgba(15,123,74,.8))}to{filter:brightness(1) drop-shadow(0 0 2px rgba(255,116,67,.5))}}.goal-celebration-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f7b4a66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.celebration-card{background:#fff;width:100%;max-width:360px;border-radius:30px;padding:40px 30px;text-align:center;box-shadow:0 20px 50px #0003;position:relative;overflow:hidden}.celebration-icon{font-size:50px;margin-bottom:20px}.celebration-badge-img{width:100px;height:100px;margin:0 auto 20px;display:block;border-radius:50%;filter:drop-shadow(0 0 15px rgba(255,116,67,.5));border:4px solid white;box-shadow:0 0 20px #0f7b4a33}.celebration-card h2{color:#0f7b4a;font-size:1.8rem;font-weight:900;margin-bottom:15px}.celebration-card p{color:#4a5568;font-size:1rem;line-height:1.5;margin-bottom:25px}.celebration-reward{background:#f0fff4;border:2px dashed #48bb78;border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:5px;margin-bottom:25px}.reward-label{font-size:.7rem;font-weight:700;color:#48bb78;text-transform:uppercase;letter-spacing:1px}.reward-value{font-size:1.4rem;font-weight:900;color:#2d3748}.celebration-footer{font-size:.85rem!important;color:#718096!important;font-style:italic}.celebration-btn{width:100%;padding:16px;background:#0f7b4a;color:#fff;border:none;border-radius:15px;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 15px #0f7b4a4d;transition:all .2s}.celebration-btn:active{transform:scale(.95)}.squad-onboarding{padding:40px 20px 30px;text-align:center;max-width:420px;margin:0 auto}.onboarding-icon{font-size:3.5rem;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboarding-title{font-size:1.6rem;font-weight:800;color:#1a202c;margin:0 0 16px;text-align:center;line-height:1.2}.client-panel.night-mode .onboarding-title{color:#fff}.onboarding-description{font-size:.9rem;color:#718096;margin:0 0 40px;text-align:center;line-height:1.6}.client-panel.night-mode .onboarding-description{color:#a0aec0}.onboarding-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-bottom:40px;padding:0 10px}.feature-pill{background:#fff;border:1px solid #edf2f7;border-radius:50px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 2px 8px #0000000a}.feature-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#d5f2e3}.client-panel.night-mode .feature-pill{background:#1e2332;border-color:#ffffff1a}.client-panel.night-mode .feature-pill:hover{border-color:#0f7b4a4d}.pill-icon{font-size:1.2rem;line-height:1}.pill-text{font-size:.85rem;font-weight:600;color:#4a5568}.client-panel.night-mode .pill-text{color:#cbd5e0}.onboarding-cta{margin-bottom:16px;font-size:1.05rem!important;padding:18px!important}.onboarding-footer{font-size:.85rem;color:#718096;margin:0;text-align:center}.client-panel.night-mode .onboarding-footer{color:#a0aec0}.admin-section{background:#fff;border-radius:20px;padding:16px;box-shadow:0 4px 15px #00000008;margin-bottom:20px}.admin-section h4{font-size:1rem;font-weight:800;color:#2d3748;margin-bottom:15px}.admin-members-list{display:flex;flex-direction:column;gap:12px}.admin-member-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9}.admin-member-row:last-child{border-bottom:none}.admin-member-info{flex:1}.admin-member-info p{margin:0;font-weight:700;font-size:.9rem;color:#2d3748}.admin-member-info span{font-size:.75rem;color:#94a3b8}.remove-btn{background:#fff5f5;color:#e53e3e;border:1px solid #fed7d7;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:800;cursor:pointer;transition:all .2s}.remove-btn:hover{background:#feb2b2}.admin-invite-form{display:flex;flex-direction:column;gap:15px}.timeline-post-box{background:#fff;border-radius:20px;padding:16px;box-shadow:0 4px 15px #00000008;margin-bottom:24px}.timeline-post-box textarea{width:100%;height:80px;border:1px solid #edf2f7;border-radius:12px;padding:12px;font-family:inherit;font-size:.9rem;resize:none;margin-bottom:12px;box-sizing:border-box}.timeline-post-box textarea:focus{outline:none;border-color:#0f7b4a}.timeline-feed{display:flex;flex-direction:column;gap:16px}.timeline-card{background:#fff;border-radius:20px;padding:16px;box-shadow:0 4px 15px #00000008}.timeline-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.timeline-card-info p{margin:0;font-weight:700;font-size:.9rem;color:#2d3748}.timeline-card-info span{font-size:.75rem;color:#a0aec0}.timeline-card-body p{margin:0;font-size:.95rem;color:#4a5568;line-height:1.5}.icon-btn-squad{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .2s}.icon-btn-squad:hover{background:#e2e8f0;transform:translateY(-2px)}.client-panel.night-mode .admin-section,.client-panel.night-mode .timeline-post-box,.client-panel.night-mode .timeline-card{background:#1e2332;border-color:#ffffff0d}.client-panel.night-mode .admin-section h4,.client-panel.night-mode .admin-member-info p,.client-panel.night-mode .timeline-card-info p,.client-panel.night-mode .timeline-card-body p{color:#e2e8f0}.client-panel.night-mode .admin-member-row{border-bottom-color:#ffffff0d}.client-panel.night-mode .timeline-post-box textarea{background:#252a3a;border-color:#2d3748;color:#fff}.client-panel.night-mode .icon-btn-squad{background:#252a3a;color:#cbd5e0}.squad-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px}.squad-modal-content{background:#fff;width:100%;max-width:400px;border-radius:30px;padding:30px 24px;position:relative;box-shadow:0 20px 40px #0003;max-height:90vh;overflow-y:auto;text-align:center}.squad-modal-content h2,.squad-modal-content h3{text-align:center;margin-bottom:20px}.squad-modal-content.small{max-width:320px;text-align:center}.modal-close-btn{position:absolute;top:15px;right:15px;background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;color:#718096;z-index:10}.profile-modal-header{text-align:center;margin-bottom:24px}.profile-avatar-container{position:relative;width:100px;height:100px;margin:0 auto 15px}.profile-large-avatar{width:100px;height:100px;border-radius:50%;border:4px solid var(--vida-green);object-fit:cover;margin:0}.profile-level-badge{position:absolute;bottom:0;right:0;background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;border:3px solid white;box-shadow:0 4px 10px #00000026}.profile-level-label{background:#f1f5f9;color:#64748b;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:12px;display:inline-block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.profile-section h3{font-size:1rem;font-weight:800;color:#2d3748;margin:0 0 16px;display:flex;align-items:center;gap:8px}.photo-timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.timeline-photo-card{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.timeline-photo-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.timeline-photo-card:hover .timeline-photo-img{transform:scale(1.05)}.photo-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000c,#0000);padding:20px 8px 6px;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.photo-meal-name{color:#fff;font-size:.65rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,.3)}.photo-date{color:#fffc;font-size:.55rem;font-weight:500;margin-top:1px}.gamification-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.game-stat-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #00000005}.game-stat-icon{font-size:1.4rem;margin-bottom:6px}.game-stat-value{font-size:1.1rem;font-weight:800;color:#2d3748}.game-stat-label{font-size:.65rem;color:#94a3b8;font-weight:700;text-transform:uppercase;margin-top:2px}.profile-mini-stats{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0 12px;flex-wrap:wrap}.mini-stat-pill{background:#f1f5f9;border-radius:20px;padding:4px 10px;display:flex;align-items:center;gap:5px;font-size:.75rem;color:#475569;border:1px solid transparent}.mini-stat-pill strong{color:#2d3748;font-weight:800;font-size:.85rem}.mini-stat-pill.xp{background:#fdfce7;color:#854d0e}.mini-stat-pill.xp strong{color:#a16207}.mini-stat-pill .lbl{font-size:.7rem;opacity:.8;font-weight:600}.client-panel.night-mode .profile-level-badge{border-color:#1e2332}.client-panel.night-mode .profile-level-label{background:#2d3748;color:#cbd5e0}.client-panel.night-mode .profile-section h3{color:#e2e8f0}.client-panel.night-mode .game-stat-box{background:#2d3748;border-color:#4a5568}.client-panel.night-mode .game-stat-value{color:#f1f5f9}.client-panel.night-mode .mini-stat-pill{background:#ffffff0d;color:#cbd5e0}.client-panel.night-mode .mini-stat-pill strong{color:#f1f5f9}.client-panel.night-mode .mini-stat-pill.xp{background:#eab30826;color:#fcd34d}.client-panel.night-mode .mini-stat-pill.xp strong{color:#fbbf24}.gallery-section{margin-bottom:20px}.gallery-subtitle{font-size:.8rem;color:#64748b;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.btn-show-more-gallery{width:100%;background:#f1f5f9;border:none;padding:10px;border-radius:12px;color:#475569;font-weight:700;font-size:.85rem;cursor:pointer;margin-top:10px;transition:all .2s}.btn-show-more-gallery:hover{background:#e2e8f0}.client-panel.night-mode .gallery-subtitle{color:#94a3b8}.client-panel.night-mode .btn-show-more-gallery{background:#ffffff0d;color:#cbd5e0}.client-panel.night-mode .btn-show-more-gallery:hover{background:#ffffff1a}.visibility-toggle-box{background:#f0fdf4;padding:14px;border-radius:16px;margin:20px 0;text-align:left}.visibility-toggle-box label{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:#065f46;cursor:pointer}.modal-actions-stacked{display:flex;flex-direction:column;gap:10px}.btn-danger-squad{background:#e53e3e;color:#fff;border:none;padding:16px;border-radius:16px;font-weight:800;cursor:pointer}.btn-ghost-squad{background:transparent;color:#718096;border:none;padding:10px;font-weight:700;cursor:pointer}.client-panel.night-mode .squad-modal-content{background:#1a202c;border:1px solid rgba(255,255,255,.05)}.client-panel.night-mode .profile-modal-header h2,.client-panel.night-mode .profile-section h3{color:#fff}.client-panel.night-mode .stat-box{background:#252a3a}.client-panel.night-mode .modal-close-btn{background:#2d3748;color:#a0aec0}.client-panel.night-mode .visibility-toggle-box{background:#0f7b4a1a}.client-panel.night-mode .visibility-toggle-box label{color:#48bb78}.btn-timeline-relative{position:relative}.notification-dot-squad{position:absolute;top:4px;right:4px;width:10px;height:10px;background:#f56565;border:2px solid white;border-radius:50%;box-shadow:0 0 5px #f5656580}.client-panel.night-mode .notification-dot-squad{border-color:#1e2332}.podium-avatar-loader,.rank-avatar-loader{position:absolute;inset:0;background:#fff9;border-radius:50%;display:flex;align-items:center;justify-content:center}.podium-avatar-loader:after,.rank-avatar-loader:after{content:"";width:18px;height:18px;border:2px solid var(--vida-green);border-top-color:transparent;border-radius:50%;animation:squad-spin .8s linear infinite}@keyframes squad-spin{to{transform:rotate(360deg)}}.invite-code-box{background:#f8fafc;padding:12px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-top:8px}.admin-container{padding:0 15px;display:flex;flex-direction:column;gap:20px}.admin-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000008;border:1px solid rgba(0,0,0,.03)}.admin-card h4{font-size:.95rem;font-weight:700;color:#2d3748;margin-bottom:16px}.admin-input{flex:1;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;font-size:.9rem;background:#f8fafc}.form-group-squad.inline{display:flex;gap:10px}.btn-save-admin{background:#0f7b4a;color:#fff;border:none;border-radius:12px;padding:0 16px;font-weight:700;font-size:.9rem;cursor:pointer}.invite-code-display{display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;padding:12px;border-radius:12px;margin-bottom:12px}.invite-code-display code{font-family:monospace;font-size:1.1rem;font-weight:700}.btn-copy-admin{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700;cursor:pointer;color:#4a5568}.admin-divider{height:1px;background:#e2e8f0;margin:16px 0}.admin-invite-controls{display:flex;gap:10px;align-items:flex-end}.control-group{flex:1}.control-group label{display:block;font-size:.75rem;color:#718096;margin-bottom:4px}.control-group input{width:100%;padding:8px;border-radius:8px;border:1px solid #e2e8f0;text-align:center}.btn-generate-admin{background:#2d3748;color:#fff;border:none;border-radius:12px;padding:10px 16px;font-size:.85rem;font-weight:700;cursor:pointer}.admin-members-list{display:flex;flex-direction:column;gap:10px}.admin-member-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.admin-member-row:last-child{border-bottom:none;padding-bottom:0}.member-row-left{display:flex;align-items:center;gap:10px}.admin-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.admin-member-info p{font-size:.9rem;font-weight:700;color:#2d3748;margin:0}.admin-member-info span{font-size:.75rem;color:#a0aec0}.btn-remove-member{background:#fff5f5;color:#e53e3e;border:none;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer}.client-panel.night-mode .admin-card{background:#1e2332;border-color:#ffffff0d}.client-panel.night-mode .admin-card h4{color:#f1f5f9}.client-panel.night-mode .admin-input,.client-panel.night-mode .invite-code-display{background:#2d3748;color:#fff;border-color:#4a5568}.client-panel.night-mode .invite-code-display code{color:#f1f5f9}.client-panel.night-mode .control-group input{background:#2d3748;border-color:#4a5568;color:#fff}.client-panel.night-mode .btn-copy-admin{background:#2d3748;color:#e2e8f0;border-color:#4a5568}.client-panel.night-mode .admin-member-info p{color:#e2e8f0}.client-panel.night-mode .btn-remove-member{background:#e53e3e33}.client-panel.night-mode .squad-motivation-alert{background:#c2410c1a;border-color:#c2410c33;color:#fb923c}.generated-code-result{margin-top:15px;background:#f0fdf4;border:1px solid #dcfce7;padding:12px;border-radius:12px;animation:fadeIn .3s ease}.new-code-label{font-size:.75rem;color:#166534;font-weight:700;display:block;margin-bottom:6px}.new-code-box{display:flex;justify-content:space-between;align-items:center}.new-code-box strong{font-family:monospace;font-size:1.1rem;color:#15803d}.btn-copy-small{background:#fff;border:1px solid #bbf7d0;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#15803d}.client-panel.night-mode .generated-code-result{background:#16653433;border-color:#16653466}.client-panel.night-mode .new-code-label{color:#86efac}.client-panel.night-mode .new-code-box strong{color:#4ade80}.client-panel.night-mode .btn-copy-small{background:#0003;border-color:#ffffff1a;color:#4ade80}.gallery-empty-state{text-align:center;padding:30px 20px;background:#f8fafc;border-radius:16px;border:2px dashed #e2e8f0;color:#94a3b8;font-size:.9rem;font-weight:600}.client-panel.night-mode .gallery-empty-state{background:#ffffff08;border-color:#ffffff1a;color:#64748b}:root{--lp-green: #0F7B4A;--lp-green-light: #12945A;--lp-green-dark: #0A5C38;--lp-orange: #FF7443;--lp-orange-light: #FF8F66;--lp-orange-cream: #FAD9AF;--lp-bg-light: #F0FDF4;--lp-bg-cream: #FFF7ED;--lp-text-dark: #1a1a1a;--lp-text-gray: #6b7280}.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--lp-text-dark);line-height:1.6;overflow-x:hidden}.lp-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.landing-page .highlight-green{color:var(--lp-green);position:relative}.landing-page .highlight-orange{color:var(--lp-orange);position:relative}.lp-bonus-bar{background:var(--lp-orange);color:#fff;text-align:center;padding:10px 20px;font-size:.85rem;display:flex;align-items:center;justify-content:center;width:100%}.lp-bonus-bar strong{margin:0 4px}.lp-header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease}.lp-header .lp-container{display:flex;justify-content:space-between;align-items:center;padding:12px 24px}.lp-header-btns{display:flex;align-items:center;gap:20px}.lp-login-link{background:none;border:none;color:var(--lp-text-gray);font-weight:600;cursor:pointer;font-size:.95rem;transition:color .3s}.lp-login-link:hover{color:var(--lp-green)}.lp-logo{height:40px;width:auto}.lp-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:50px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease}.lp-cta-btn.primary{background:linear-gradient(135deg,var(--lp-green),var(--lp-green-light));color:#fff;box-shadow:0 4px 20px #0f7b4a4d}.lp-cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #0f7b4a66}.lp-cta-btn.header-cta{background:var(--lp-green);color:#fff;padding:12px 24px;font-size:.9rem}.landing-page .lp-hero{padding:140px 0 80px;background:linear-gradient(180deg,var(--lp-bg-light) 0%,#ffffff 100%)}.landing-page .lp-hero .lp-container{display:flex;flex-direction:column;text-align:center;align-items:center;gap:40px}.landing-page .hero-badge{display:inline-block;background:var(--lp-orange-cream);color:var(--lp-orange);padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:24px}.landing-page .hero-content h1{font-size:3.2rem;font-weight:800;line-height:1.15;margin-bottom:24px}.landing-page .hero-subtitle{font-size:1.2rem;color:var(--lp-text-gray);margin-bottom:32px;line-height:1.7;max-width:800px;margin-left:auto;margin-right:auto}.landing-page .hero-cta-group{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px}.landing-page .cta-hint{font-size:.85rem;color:var(--lp-text-gray)}.landing-page .hero-trust{display:flex;justify-content:center;gap:24px}.landing-page .trust-item{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--lp-text-gray)}.landing-page .trust-icon{color:var(--lp-green);font-weight:700}.landing-page .bonus-pill{display:inline-flex;align-items:center;gap:10px;background:#fff7ed;color:#c2410c;padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:600;border:1px dashed var(--lp-orange);margin:10px 0;animation:pulse 2s infinite}.landing-page .pill-icon{font-size:1.2rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.landing-page .hero-image{position:relative}.landing-page .phone-mockup{position:relative;z-index:2}.landing-page .phone-mockup img{width:100%;max-width:350px;margin:0 auto;display:block;border-radius:30px;box-shadow:0 30px 60px #00000026}.landing-page .floating-card{position:absolute;background:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:10px;animation:float 3s ease-in-out infinite}.landing-page .floating-card.card-1{top:10%;left:-20%;animation-delay:0s}.landing-page .floating-card.card-2{top:50%;right:-15%;animation-delay:.5s}.landing-page .floating-card.card-3{bottom:10%;left:-10%;animation-delay:1s}.landing-page .fc-icon{font-size:1.5rem}.landing-page .fc-text{font-weight:600;font-size:.9rem}.landing-page .lp-problem{padding:100px 0;background:#fff}.landing-page .lp-section-title{font-size:2.8rem;font-weight:800;text-align:center;margin-bottom:24px;line-height:1.2}.landing-page .lp-section-subtitle,.landing-page .centered-desc{font-size:1.1rem;color:var(--lp-text-gray);text-align:center;max-width:800px;margin:0 auto 60px}.landing-page .solution-head.centered{text-align:center;width:100%;margin-bottom:60px}.landing-page .problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.landing-page .problem-card{background:#fafafa;border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease}.landing-page .problem-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.landing-page .problem-icon{font-size:3rem;display:block;margin-bottom:16px}.landing-page .problem-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.landing-page .problem-card p{font-size:.9rem;color:var(--lp-text-gray)}.landing-page .lp-solution{padding:100px 0;background:linear-gradient(180deg,var(--lp-bg-light) 0%,#ffffff 100%)}.landing-page .lp-solution .lp-container{display:flex;flex-direction:column;align-items:center;text-align:center}.landing-page .solution-badge{display:inline-block;background:var(--lp-green);color:#fff;padding:6px 14px;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:20px}.landing-page .solution-content h2{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:24px}.landing-page .solution-desc{font-size:1.1rem;color:var(--lp-text-gray);margin-bottom:32px}.landing-page .solution-list{list-style:none;padding:0;margin-bottom:32px}.landing-page .solution-list li{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:1.05rem}.landing-page .check-icon{width:24px;height:24px;background:var(--lp-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.landing-page .solution-image img{width:100%;max-width:400px;border-radius:30px;box-shadow:0 30px 60px #00000026}.landing-page .lp-features{padding:100px 0;background:#fff}.landing-page .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.landing-page .feature-card{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:24px;padding:40px 32px;text-align:center;transition:all .3s ease;border:1px solid transparent}.landing-page .feature-card:hover{transform:translateY(-5px);border-color:var(--lp-green);box-shadow:0 15px 40px #0f7b4a1a}.landing-page .feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--lp-green),var(--lp-green-light));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 24px}.landing-page .feature-card h3{font-size:1.2rem;font-weight:700;margin-bottom:12px}.landing-page .feature-card p{font-size:.95rem;color:var(--lp-text-gray)}.landing-page .lp-app-preview{padding:100px 0;background:linear-gradient(180deg,var(--lp-bg-cream) 0%,#ffffff 100%)}.landing-page .app-screens{display:flex;justify-content:center;align-items:center;gap:30px;padding:40px 0}.landing-page .app-screen{position:relative;transition:all .3s ease}.landing-page .app-screen img{width:250px;border-radius:24px;box-shadow:0 20px 50px #0000001a}.landing-page .app-screen.featured img{width:300px;box-shadow:0 30px 60px #ff744333}.landing-page .screen-label{display:block;text-align:center;margin-top:16px;font-weight:600;color:var(--lp-text-gray)}.landing-page .lp-testimonials{padding:100px 0;background:#fff}.landing-page .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.landing-page .testimonial-card{background:linear-gradient(135deg,var(--lp-bg-light) 0%,#ffffff 100%);border-radius:24px;padding:32px;border:1px solid rgba(15,123,74,.1)}.landing-page .testimonial-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.landing-page .testimonial-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--lp-green),var(--lp-green-light));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.landing-page .testimonial-name{display:block;font-weight:700;font-size:1rem}.landing-page .testimonial-result{display:block;font-size:.85rem;color:var(--lp-green);font-weight:600}.landing-page .testimonial-card p{font-size:1rem;color:var(--lp-text-gray);font-style:italic;margin-bottom:16px}.landing-page .testimonial-stars{font-size:.9rem}.landing-page .lp-pricing{padding:100px 0;background:linear-gradient(180deg,var(--lp-bg-light) 0%,#ffffff 100%)}.landing-page .pricing-card{max-width:500px;margin:0 auto;background:#fff;border-radius:32px;padding:48px 40px;box-shadow:0 20px 60px #0f7b4a26;border:2px solid var(--lp-green);position:relative;overflow:hidden}.landing-page .pricing-badge{position:absolute;top:20px;right:-35px;background:var(--lp-orange);color:#fff;padding:8px 40px;font-size:.75rem;font-weight:700;transform:rotate(45deg)}.landing-page .pricing-header{text-align:center;margin-bottom:32px}.landing-page .pricing-header h3{font-size:1.5rem;font-weight:700;margin-bottom:16px}.landing-page .pricing-price{display:flex;align-items:baseline;justify-content:center;gap:8px}.landing-page .price-old{font-size:1.2rem;color:var(--lp-text-gray);text-decoration:line-through}.landing-page .price-current{font-size:3.5rem;font-weight:800;color:var(--lp-green)}.landing-page .price-period{font-size:1rem;color:var(--lp-text-gray)}.landing-page .pricing-features{list-style:none;padding:0;margin-bottom:32px}.landing-page .pricing-features li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:1rem}.landing-page .pricing-features .check{color:var(--lp-green);font-weight:700}.landing-page .lp-cta-btn.full-width{width:100%;justify-content:center;padding:18px 32px;font-size:1.1rem}.landing-page .lp-cta-btn.large{padding:20px 40px;font-size:1.2rem}.landing-page .pricing-guarantee{display:block;text-align:center;margin-top:16px;font-size:.9rem;color:var(--lp-text-gray)}.landing-page .lp-faq{padding:100px 0;background:#fff}.landing-page .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:900px;margin:0 auto}.landing-page .faq-item{background:#fafafa;border-radius:20px;padding:28px}.landing-page .faq-item h3{font-size:1.1rem;font-weight:700;margin-bottom:12px;color:var(--lp-green)}.landing-page .faq-item p{font-size:.95rem;color:var(--lp-text-gray)}.landing-page .lp-final-cta{padding:100px 0;background:linear-gradient(135deg,var(--lp-green) 0%,var(--lp-green-light) 100%);text-align:center;color:#fff}.landing-page .lp-final-cta h2{font-size:3rem;font-weight:800;margin-bottom:16px}.landing-page .lp-final-cta h2 .lp-highlight-green{color:var(--lp-orange-cream)}.landing-page .lp-final-cta p{font-size:1.2rem;opacity:.9;margin-bottom:32px}.landing-page .lp-final-cta .lp-cta-btn{background:#fff;color:var(--lp-green)}.landing-page .lp-final-cta .lp-cta-btn:hover{background:var(--lp-orange-cream)}.landing-page .final-trust{display:flex;justify-content:center;gap:32px;margin-top:24px;font-size:.95rem;opacity:.9}.landing-page .lp-footer{padding:60px 0;background:#1a1a1a;text-align:center;color:#888}.landing-page .footer-logo{height:40px;margin-bottom:20px;filter:brightness(0) invert(1)}.landing-page .lp-footer p{font-size:.9rem;margin-bottom:20px}.landing-page .footer-links{display:flex;justify-content:center;gap:32px}.landing-page .footer-links a{color:#888;text-decoration:none;font-size:.9rem;transition:color .3s ease}.landing-page .footer-links a:hover{color:#fff}.landing-page .dual-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.landing-page .dp-item{background:#fff;padding:24px;border-radius:20px;box-shadow:0 10px 30px #0000000d;border:1px solid #f0f0f0}.landing-page .dp-icon{font-size:2rem;margin-bottom:15px}.landing-page .dp-item h4{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--lp-green)}.landing-page .solution-image{width:100%;overflow:hidden;min-width:0}.landing-page .dp-item p{font-size:.9rem;color:var(--lp-text-gray);line-height:1.5}.landing-page .lp-slider-container{width:100%;overflow-x:auto;overflow-y:hidden;padding:10px 0 30px;margin:10px 0;-webkit-overflow-scrolling:touch}.landing-page .lp-slider-track{display:flex;gap:16px;padding:0 24px;width:max-content}.landing-page .lp-slide{flex:0 0 280px;width:280px;text-align:center}@media(max-width:768px){.landing-page .lp-slide{flex:0 0 240px;width:240px}}.landing-page .lp-slide img{width:100%;border-radius:24px;box-shadow:0 15px 35px #00000026;border:4px solid white;margin-bottom:12px}.landing-page .slide-label{display:block;font-weight:600;color:var(--lp-text-gray);font-size:.9rem}.landing-page .slider-hint{text-align:center;font-size:.85rem;color:var(--lp-text-gray);margin-top:-20px;opacity:.7;padding-bottom:20px}.landing-page .dual-mockup{display:none}.landing-page .lp-sms-dedicated{padding:100px 0;background:var(--lp-bg-cream);overflow:hidden}.landing-page .sms-dedicated-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.landing-page .sms-dedicated-content h2{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:24px}.landing-page .sms-features-list{display:flex;flex-direction:column;gap:32px;margin-top:40px}.landing-page .sms-f-item{display:flex;gap:20px;align-items:flex-start}.landing-page .sms-f-icon{width:56px;height:56px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 10px 25px #0000000f;flex-shrink:0}.landing-page .sms-f-item h4{font-size:1.2rem;font-weight:700;margin-bottom:8px}.landing-page .sms-f-item p{font-size:1rem;color:var(--lp-text-gray);line-height:1.5}.landing-page .sms-mockup-wrapper{position:relative;width:100%}.landing-page .lifestyle-img{width:100%;border-radius:40px;box-shadow:0 40px 80px #0000001f;display:block}.landing-page .sms-float-img{position:absolute;top:15%;right:-15%;width:70%!important;border-radius:20px;box-shadow:0 30px 60px #00000040!important;border:8px solid white;animation:float 4s ease-in-out infinite;z-index:2}@media(max-width:1024px){.landing-page .lp-hero .lp-container,.landing-page .lp-solution .lp-container{grid-template-columns:1fr;text-align:center}.landing-page .hero-image{order:-1}.landing-page .phone-mockup img{max-width:280px}.landing-page .floating-card{display:none}.landing-page .hero-trust{justify-content:center}.landing-page .dual-preview-grid{grid-template-columns:1fr;text-align:left}.landing-page .lp-slider-container{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px);padding:10px 0 30px}.landing-page .lp-slider-track{padding:0 24px}.landing-page .dual-mockup{height:auto;margin-top:40px}.landing-page .dual-mockup .mock-bottom{transform:none;width:200px!important}.landing-page .dual-mockup .mock-top{position:relative;right:auto;top:auto;width:200px!important;margin-left:-20px}.landing-page .problem-grid,.landing-page .features-grid,.landing-page .testimonials-grid{grid-template-columns:repeat(2,1fr)}.landing-page .app-screens{flex-wrap:wrap}.landing-page .sms-dedicated-grid{grid-template-columns:1fr!important;gap:40px;text-align:center;display:flex;flex-direction:column}.landing-page .sms-dedicated-content h2{font-size:2.2rem}.landing-page .sms-f-item{text-align:left;max-width:450px;margin:0 auto}.landing-page .sms-float-img{right:5%;width:250px!important}}@media(max-width:768px){.landing-page .hero-content h1{font-size:2.2rem}.landing-page .lp-section-title,.landing-page .solution-content h2{font-size:1.8rem}.landing-page .problem-grid,.landing-page .features-grid,.landing-page .testimonials-grid,.landing-page .faq-grid{grid-template-columns:1fr}.landing-page .app-screen img{width:200px}.landing-page .app-screen.featured img{width:240px}.landing-page .lp-final-cta h2{font-size:2rem}.landing-page .final-trust{flex-direction:column;gap:12px}.landing-page .lp-header .lp-container{padding:0 12px}.landing-page .lp-header-btns{gap:8px}.landing-page .lp-logo{height:30px}.landing-page .lp-header .header-cta{padding:8px 12px;font-size:.75rem}.landing-page .lp-login-link{font-size:.8rem}.landing-page .sms-dedicated-grid{display:flex;flex-direction:column;padding:0 20px}.landing-page .sms-float-img{position:relative;right:auto;top:auto;width:90%!important;margin:-40px auto 30px;display:block;box-shadow:0 10px 30px #0000001a!important}.landing-page .sms-mockup-wrapper{padding:0;margin-top:40px;display:flex;flex-direction:column;align-items:center}}.landing-page .lp-squad-showcase{padding:100px 0;background:#fff;overflow:hidden}.landing-page .squad-dedicated-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.landing-page .squad-mockup-dual{display:flex;gap:20px;justify-content:center;align-items:flex-end}.landing-page .squad-phone{flex:1;max-width:260px;display:flex;flex-direction:column;gap:12px}.landing-page .squad-phone img{width:100%;border-radius:24px;box-shadow:0 20px 50px #0000001a;border:4px solid white;transition:transform .3s ease}.landing-page .squad-phone:nth-child(2){margin-bottom:-40px}.landing-page .squad-phone:hover img{transform:translateY(-8px)}.landing-page .phone-label{display:block;text-align:center;font-size:.8rem;font-weight:700;color:var(--lp-text-gray);text-transform:uppercase;letter-spacing:1px}.landing-page .squad-features-list{display:flex;flex-direction:column;gap:24px}.landing-page .squad-f-item{display:flex;gap:16px;align-items:flex-start}.landing-page .squad-f-icon{width:48px;height:48px;background:var(--lp-bg-light);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px #0000000d;flex-shrink:0}.landing-page .squad-f-item h4{font-size:1.1rem;font-weight:700;margin-bottom:4px}.landing-page .squad-f-item p{font-size:.95rem;color:var(--lp-text-gray);line-height:1.4}@media(max-width:1024px){.landing-page .squad-dedicated-grid{grid-template-columns:1fr!important;gap:60px;text-align:center}.landing-page .squad-f-item{text-align:left;max-width:500px;margin:0 auto}}@media(max-width:768px){.landing-page .squad-mockup-dual{gap:12px}.landing-page .squad-phone{max-width:160px}.landing-page .squad-phone:nth-child(2){margin-bottom:0}.landing-page .phone-label{font-size:.6rem}}.partner-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--lp-text-dark);line-height:1.6;overflow-x:hidden;background:#fff}.text-center{text-align:center}.form-progress-container{margin-bottom:40px;position:relative}.form-progress-bar{display:flex;justify-content:space-between;position:relative;z-index:1}.form-progress-bar:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#edf2f7;transform:translateY(-50%);z-index:-1}.progress-step{width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #edf2f7;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#a0aec0;transition:all .4s cubic-bezier(.4,0,.2,1)}.progress-step.active{background:var(--lp-green);border-color:var(--lp-green);color:#fff;box-shadow:0 0 0 4px #0f7b4a26;transform:scale(1.1)}.progress-step.completed{background:var(--lp-green);border-color:var(--lp-green);color:#fff}.partnership-form-container{max-width:800px;margin:40px auto;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px;border-radius:40px;box-shadow:0 30px 60px #00000014;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.form-step-container{animation:fadeInStep .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInStep{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.form-group label{display:block;font-weight:700;margin-bottom:10px;color:#1a202c;font-size:1rem;letter-spacing:-.2px}.form-control{width:100%;padding:16px 20px;border-radius:16px;border:2px solid #f1f5f9;background:#f8fafc;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.form-control:focus{outline:none;background:#fff;border-color:var(--lp-green);box-shadow:0 10px 20px #0f7b4a0d;transform:translateY(-2px)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;margin-top:15px}.platform-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 15px;background:#f8fafc;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.platform-option:hover{background:#f1f5f9;transform:translateY(-3px)}.platform-option.active{background:#eff6ff;border-color:var(--lp-green);box-shadow:0 10px 20px #0f7b4a1a}.platform-option input{display:none}.platform-icon{font-size:1.5rem}.form-nav-btns{display:flex;gap:15px;margin-top:35px}.btn-back{background:#edf2f7;color:#4a5568;border:none;padding:16px 30px;border-radius:50px;font-weight:700;cursor:pointer;flex:1;transition:all .3s}.btn-back:hover{background:#e2e8f0}.btn-next{flex:2;margin:0 auto}.platform-icon svg{transition:transform .3s ease}.platform-option:hover .platform-icon svg{transform:scale(1.15)}.text-center label{text-align:center}.success-message h2{font-size:2.2rem;font-weight:900;margin:10px 0 15px;color:#1a202c}.success-message p{font-size:1.1rem;color:#4a5568;max-width:450px;margin:0 auto}.partner-page .lp-hero{padding:120px 0 60px;background:linear-gradient(180deg,var(--lp-bg-light) 0%,#ffffff 100%);text-align:center}.partner-page .lp-header .lp-container{padding:10px 14px}.partner-page .lp-logo{height:50px}.partner-page .partner-badge{display:inline-block;background:var(--lp-green);color:#fff;padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:700;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}.partner-page .hero-content h1{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-1px;text-align:center}.partner-page .lp-section-title{text-align:center}.partner-page .benefit-row{display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap}.partner-page .benefit-tag{background:#fff;padding:12px 24px;border-radius:50px;box-shadow:0 4px 15px #0000000d;font-weight:700;color:var(--lp-green);display:flex;align-items:center;gap:10px;border:1px solid rgba(15,123,74,.1)}.partner-page .lp-section{padding:60px 0}.partner-page .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.partner-page .step-card{background:#fafafa;padding:40px;border-radius:30px;text-align:left;position:relative;transition:all .3s ease;border:1px solid transparent}.partner-page .step-card:hover{transform:translateY(-5px);border-color:var(--lp-green);box-shadow:0 15px 40px #0f7b4a1a}.partner-page .step-number{font-size:4rem;font-weight:900;color:#0f7b4a1a;position:absolute;top:20px;right:30px;line-height:1}.partner-page .step-card h3{font-size:1.5rem;font-weight:800;margin-bottom:16px;color:var(--lp-green)}.partner-page .step-card p{color:var(--lp-text-gray);font-size:1.05rem}.partner-page .commission-table{margin-top:40px;background:var(--lp-bg-light);border-radius:40px;padding:40px;text-align:center}.partner-page .table-container{max-width:800px;margin:24px auto 0;overflow-x:auto}.partner-page table{width:100%;border-collapse:separate;border-spacing:0 10px}.partner-page th{padding:20px;text-align:left;color:var(--lp-text-gray);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.partner-page td{background:#fff;padding:20px;font-weight:700}.partner-page td:first-child{border-radius:15px 0 0 15px}.partner-page td:last-child{border-radius:0 15px 15px 0;color:var(--lp-green);font-size:1.1rem}.partner-page .cta-box{background:var(--lp-green);border-radius:40px;padding:60px 40px;color:#fff;text-align:center;margin-top:60px}.partner-page .cta-box h2{font-size:3rem;font-weight:900;margin-bottom:20px;color:#fff}.partner-page .cta-box p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto 40px}.partner-page .white-btn{background:#fff;color:var(--lp-green);padding:20px 40px;border-radius:50px;font-weight:800;font-size:1.2rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0000001a}.partner-page .white-btn:hover{transform:scale(1.05);box-shadow:0 15px 40px #0003}.partner-page .lp-footer{margin-top:60px}@media(max-width:768px){.partner-page .hero-content h1{font-size:2.2rem}.partner-page .process-grid{grid-template-columns:1fr}.partner-page .commission-table{padding:30px 20px}.partner-page .cta-box h2{font-size:2rem}}