:root{--color-primary:#d4af37;--color-primary-light:#e6c866;--color-primary-dark:#b8941f;--color-secondary:#2c3e50;--color-secondary-light:#34495e;--color-secondary-dark:#1a252f;--color-accent:#c9b037;--color-accent-light:#dcc366;--color-accent-dark:#a8921f;--color-dark:#1a1a1a;--color-dark-light:#2d2d2d;--color-light:#ffffff;--color-light-dim:#f8f8f8;--color-light-gray:#e8e8e8;--color-text:#2c2c2c;--color-text-light:#666666;--color-text-muted:#999999;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-chart-weight:#8b5cf6;--color-chart-trend:#06b6d4;--color-chart-prediction:#f59e0b;--color-chart-goal:#ef4444;--color-chart-calories:#f59e0b;--color-chart-protein:#ef4444;--color-chart-carbs:#3b82f6;--color-chart-fats:#10b981;--color-waist:#ef4444;--color-chest:#3b82f6;--color-hips:#10b981;--color-arms:#f59e0b;--font-primary:"Inter",sans-serif;--font-secondary:"Inter",sans-serif;--font-display:"Inter",sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--transition-fast:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-medium:0.5s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.8s cubic-bezier(0.4, 0, 0.2, 1);--shadow-sm:0 2px 10px rgba(0, 0, 0, 0.08);--shadow-md:0 8px 25px rgba(0, 0, 0, 0.12);--shadow-lg:0 16px 40px rgba(0, 0, 0, 0.15);--shadow-xl:0 24px 60px rgba(0, 0, 0, 0.2);--shadow-gold:0 8px 32px rgba(212, 175, 55, 0.3);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--z-back:-1;--z-normal:1;--z-tooltip:10;--z-fixed:100;--z-modal:1000}main .hero-section{padding:18rem 0 var(--spacing-xl)!important;margin-top:0!important;min-height:100vh!important;height:auto!important;background:linear-gradient(135deg,#ddd6fe 0,#fff 25%,#e0e7ff 50%,#fff 75%,#c7d2fe 100%)!important;position:relative!important;overflow:hidden!important;display:block!important;z-index:1!important}main .hero-section::before{display:none!important}.hero-progress-bg-data-1{position:absolute;top:-10%;left:-8%;width:65rem;height:65rem;background:radial-gradient(circle,rgba(139,92,246,.12) 0,transparent 70%);pointer-events:none;z-index:0}.hero-progress-bg-data-2{position:absolute;bottom:-12%;right:-5%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(99,102,241,.11) 0,transparent 70%);pointer-events:none;z-index:0}.hero-progress-bg-data-3{position:absolute;top:35%;right:15%;width:58rem;height:58rem;background:radial-gradient(circle,rgba(79,70,229,.1) 0,transparent 70%);pointer-events:none;z-index:0}.hero-progress-bg-data-4{position:absolute;top:50%;left:20%;width:52rem;height:52rem;background:radial-gradient(circle,rgba(109,40,217,.09) 0,transparent 70%);pointer-events:none;z-index:0}.hero-progress-bg-chart{position:absolute;top:22%;left:38%;width:22rem;height:18rem;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(99,102,241,.08));clip-path:polygon(0% 100%,20% 70%,40% 80%,60% 40%,80% 50%,100% 20%,100% 100%);pointer-events:none;z-index:0}.hero-progress-bg-line{position:absolute;bottom:25%;right:30%;width:25rem;height:3px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent);pointer-events:none;z-index:0;transform:rotate(-15deg)}.hero-progress-bg-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(139,92,246,.04) 2px,transparent 2px),radial-gradient(circle,rgba(99,102,241,.03) 2px,transparent 2px);background-size:75px 75px,105px 105px;background-position:0 0,37px 37px;pointer-events:none;z-index:0}main .hero-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--spacing-lg)!important;align-items:center!important;max-width:140rem!important;margin:0 auto!important;padding:0 var(--spacing-md)!important;position:static!important;transform:none!important;top:auto!important;left:auto!important;text-align:left!important;color:var(--color-text)!important;width:auto!important}main .hero-text{position:relative!important;z-index:var(--z-normal)!important}main .hero-badge{display:inline-flex!important;align-items:center!important;gap:1rem!important;background:rgba(212,175,55,.15)!important;color:var(--color-primary)!important;padding:1.2rem 2.4rem!important;border-radius:50px!important;font-size:1.4rem!important;font-weight:600!important;margin-bottom:var(--spacing-md)!important;border:2px solid rgba(212,175,55,.3)!important;backdrop-filter:blur(10px)!important;transition:var(--transition-fast)!important;visibility:visible!important;opacity:1!important}main .hero-badge:hover{background:rgba(212,175,55,.25)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important}main .hero-badge i{font-size:1.6rem!important}.feature-hero-title{font-family:var(--font-primary)!important;font-size:clamp(3rem, 6vw, 5.6rem)!important;font-weight:400!important;color:var(--color-dark)!important;line-height:1.2!important;margin-bottom:var(--spacing-md)!important;opacity:1!important;transform:none!important;transition:none!important}.feature-hero-title .highlight{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.feature-hero-subtitle{font-size:clamp(1.4rem, 2vw, 1.8rem)!important;color:var(--color-text-light)!important;line-height:1.6!important;margin-bottom:var(--spacing-lg)!important;max-width:50rem!important;opacity:1!important;transform:none!important;transition:none!important;margin-left:0!important}.hero-stats{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}main .stat-item{text-align:center!important;padding:var(--spacing-md)!important;transition:var(--transition-fast)!important;min-width:12rem!important}main .stat-number{display:block!important;font-family:var(--font-primary)!important;font-size:3.2rem!important;font-weight:600!important;color:var(--color-primary)!important;line-height:1!important;margin-bottom:.5rem!important}main .stat-label{font-size:1.4rem!important;color:var(--color-text-light)!important;margin-top:.5rem!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.5px!important}main .hero-visual{position:relative!important;z-index:var(--z-normal)!important}.dashboard-preview{position:relative;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:var(--transition-medium)}.dashboard-preview:hover{transform:perspective(1000px) rotateY(-10deg) rotateX(2deg)}.dashboard-mockup{background:var(--color-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--color-light-gray);backdrop-filter:blur(20px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-light)}.dashboard-title{font-size:1.8rem;font-weight:600;font-family:var(--font-display)}.dashboard-controls{display:flex;align-items:center;gap:var(--spacing-md)}.unit-toggle{display:flex;background:rgba(255,255,255,.1);border-radius:2rem;padding:.2rem;backdrop-filter:blur(10px)}.unit-btn{padding:.4rem 1rem;border:none;background:0 0;color:var(--color-light);font-size:1rem;border-radius:1.8rem;cursor:pointer;transition:all var(--transition-fast);font-weight:500}.unit-btn.active{background:rgba(255,255,255,.2);color:var(--color-light);box-shadow:0 2px 8px rgba(0,0,0,.1)}.unit-btn:hover:not(.active){background:rgba(255,255,255,.1)}.dashboard-date{font-size:1.2rem;opacity:.8}.dashboard-content{padding:var(--spacing-md)}.metric-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.metric-card{background:linear-gradient(135deg,var(--color-light-dim) 0,var(--color-light) 100%);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-light-gray);transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.metric-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.08),transparent);transition:left .4s cubic-bezier(.4, 0, .2, 1);z-index:1}.metric-card:hover::before{left:100%}.metric-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.12),0 4px 8px rgba(212,175,55,.2);border-color:rgba(212,175,55,.3)}.metric-card>*{position:relative;z-index:2}.metric-card.weight{border-left:4px solid var(--color-success)}.metric-card.body-fat{border-left:4px solid var(--color-info)}.metric-icon{color:var(--color-primary);margin-bottom:.5rem}.metric-value{color:var(--color-dark)}.metric-label{color:var(--color-text-light);margin-bottom:.5rem}.metric-trend{display:flex;align-items:center;gap:.5rem}.metric-trend.up{color:var(--color-success)}.metric-trend.down{color:var(--color-danger)}.chart-preview{height:15rem;background:var(--color-light-dim);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-light-gray)}.metrics-dashboard-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#ccfbf1 0,#fff 25%,#d1fae5 50%,#fff 75%,#a7f3d0 100%);position:relative;overflow:hidden}.metrics-dashboard-section::before{display:none}.metrics-dashboard-bg-health-1{position:absolute;top:-10%;right:-8%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(20,184,166,.12) 0,transparent 70%);pointer-events:none;z-index:0}.metrics-dashboard-bg-health-2{position:absolute;bottom:-12%;left:-5%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(6,182,212,.11) 0,transparent 70%);pointer-events:none;z-index:0}.metrics-dashboard-bg-health-3{position:absolute;top:35%;left:18%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);pointer-events:none;z-index:0}.metrics-dashboard-bg-health-4{position:absolute;top:50%;right:22%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(5,150,105,.09) 0,transparent 70%);pointer-events:none;z-index:0}.metrics-dashboard-bg-gauge{position:absolute;top:20%;right:35%;width:20rem;height:20rem;border:4px solid rgba(20,184,166,.1);border-radius:50%;border-top-color:rgba(6,182,212,.2);border-right-color:rgba(6,182,212,.2);pointer-events:none;z-index:0;transform:rotate(45deg)}.metrics-dashboard-bg-bar{position:absolute;bottom:28%;left:32%;width:18rem;height:22rem;background:linear-gradient(180deg,rgba(20,184,166,.12) 0,rgba(20,184,166,.12) 40%,transparent 40%),linear-gradient(180deg,rgba(6,182,212,.1) 0,rgba(6,182,212,.1) 60%,transparent 60%),linear-gradient(180deg,rgba(16,185,129,.08) 0,rgba(16,185,129,.08) 80%,transparent 80%);background-size:5rem 100%,5rem 100%,5rem 100%;background-position:0 0,6rem 0,12rem 0;background-repeat:no-repeat;pointer-events:none;z-index:0}.metrics-dashboard-bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(20,184,166,.02) 1px,transparent 1px),linear-gradient(0deg,rgba(6,182,212,.02) 1px,transparent 1px);background-size:70px 70px;pointer-events:none;z-index:0}.metrics-dashboard-section .container{position:relative;z-index:2}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);max-width:140rem;margin-left:auto;margin-right:auto;padding:0 var(--spacing-md)}@media (max-width:768px){.section-header{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.section-header>p{margin:0 auto}}.section-header-content{flex:1}.section-header-content h2{font-size:4.8rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md);font-family:Cormorant,serif;background:linear-gradient(135deg,var(--color-dark) 0,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.section-header-content p{font-size:1.8rem;color:var(--color-text-light);line-height:1.6;max-width:60rem}.section-header>h2{font-size:4.8rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md);font-family:Cormorant,serif;background:linear-gradient(135deg,var(--color-dark) 0,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.section-header>p{font-size:1.8rem;color:var(--color-text-light);line-height:1.6;max-width:60rem;margin-bottom:0}.section-controls{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.current-unit-display{display:flex;align-items:center;gap:var(--spacing-sm);padding:1.2rem 2rem;background:var(--color-light);border:2px solid var(--color-primary);border-radius:3rem;box-shadow:var(--shadow-md)}.current-unit-display i{color:var(--color-primary);font-size:1.6rem}#current-unit-text{font-size:1.4rem;font-weight:600;color:var(--color-dark)}.change-unit-btn{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.4rem;background:var(--color-primary);color:var(--color-light);border:none;border-radius:2rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.change-unit-btn:hover{background:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all var(--transition-smooth)}.modal-overlay.show{opacity:1;visibility:visible}.unit-modal{background:var(--color-light);border-radius:var(--radius-xl);box-shadow:0 25px 50px rgba(0,0,0,.3);max-width:60rem;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.8) translateY(30px);transition:all var(--transition-smooth);border:1px solid rgba(212,175,55,.2)}.modal-overlay.show .unit-modal{transform:scale(1) translateY(0)}.unit-modal-header{text-align:center;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);background:linear-gradient(135deg,rgba(212,175,55,.1) 0,rgba(212,175,55,.05) 100%);border-bottom:1px solid var(--color-light-gray)}.modal-icon{width:8rem;height:8rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);box-shadow:0 8px 24px rgba(212,175,55,.3)}.modal-icon i{font-size:3.2rem;color:var(--color-light)}.unit-modal-header h2{font-size:2.8rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-display)}.unit-modal-header p{font-size:1.6rem;color:var(--color-text-light);line-height:1.5;max-width:40rem;margin:0 auto}.unit-modal-content{padding:var(--spacing-xl) var(--spacing-lg)}.unit-options{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.unit-option{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-light);border:2px solid var(--color-light-gray);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.unit-option::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.05) 0,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.unit-option:hover::before{opacity:1}.unit-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,175,55,.2)}.unit-option.selected{border-color:var(--color-primary);background:linear-gradient(135deg,rgba(212,175,55,.1) 0,rgba(212,175,55,.05) 100%);box-shadow:0 8px 24px rgba(212,175,55,.3)}.unit-option.selected::before{opacity:1}.unit-option-icon{width:6rem;height:6rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md)}.unit-option-icon i{font-size:2.4rem;color:var(--color-light)}.unit-option-content{flex:1}.unit-option-content h3{font-size:2rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-xs);font-family:var(--font-display)}.unit-option-content p{font-size:1.4rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.unit-examples{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.example-tag{background:rgba(212,175,55,.1);color:var(--color-primary);padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:1.1rem;font-weight:500;border:1px solid rgba(212,175,55,.2)}.unit-option-check{width:2.4rem;height:2.4rem;border:2px solid var(--color-light-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.unit-option.selected .unit-option-check{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-light)}.unit-option-check i{font-size:1.2rem;opacity:0;transition:opacity var(--transition-fast)}.unit-option.selected .unit-option-check i{opacity:1}.unit-modal-actions{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-light-gray)}.unit-confirm-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:1.4rem 3rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:var(--color-light);border:none;border-radius:3rem;font-size:1.6rem;font-weight:600;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 8px 24px rgba(212,175,55,.3);margin-bottom:var(--spacing-md);position:relative;overflow:hidden}.unit-confirm-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s cubic-bezier(.4, 0, .2, 1);z-index:1}.unit-confirm-btn:hover::before{left:100%}.unit-confirm-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px rgba(212,175,55,.4),0 8px 16px rgba(0,0,0,.1)}.unit-confirm-btn>*{position:relative;z-index:2}.unit-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.unit-modal-note{font-size:1.2rem;color:var(--color-text-light);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin:0}.unit-change-notification{position:fixed;top:2rem;right:2rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:var(--color-light);padding:1.6rem 2.4rem;border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(212,175,55,.3);z-index:10001;transform:translateX(120%);transition:transform var(--transition-smooth)}.unit-change-notification.show{transform:translateX(0)}.notification-content{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.4rem;font-weight:600}.notification-content i{font-size:1.6rem}.metrics-grid{max-width:140rem;margin:0 auto;padding:0 var(--spacing-md)}.metric-category{margin-bottom:var(--spacing-xl);background:var(--color-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(212,175,55,.1);position:relative;overflow:hidden}.metric-category::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-light-gray)}.category-header h3{font-size:2.4rem;font-weight:600;color:var(--color-dark);font-family:var(--font-display);display:flex;align-items:center;gap:var(--spacing-sm)}.category-header h3 i{color:var(--color-primary);font-size:2rem}.category-status{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.6rem;background:rgba(40,167,69,.1);border-radius:2rem;border:1px solid rgba(40,167,69,.2)}.status-indicator{width:1rem;height:1rem;border-radius:50%;animation:2s infinite pulse}.status-indicator.on-track{background:#28a745}.status-indicator.improving{background:#17a2b8}.status-indicator.attention{background:#ffc107}.status-text{font-size:1.2rem;font-weight:600;color:#28a745;text-transform:uppercase;letter-spacing:.5px}.metric-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));gap:var(--spacing-lg)}.metric-card.enhanced{background:linear-gradient(135deg,var(--color-light) 0,rgba(255,255,255,.8) 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid rgba(212,175,55,.2);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.metric-card.enhanced::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.15),transparent);z-index:1;transition:left .5s cubic-bezier(.4, 0, .2, 1)}.metric-card.enhanced:hover::before{left:100%}.metric-card.enhanced:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 50px rgba(0,0,0,.2),0 10px 20px rgba(212,175,55,.3);border-color:rgba(212,175,55,.4)}.metric-card.enhanced.primary{background:linear-gradient(135deg,rgba(212,175,55,.1) 0,rgba(255,255,255,.9) 100%);border-color:var(--color-primary);box-shadow:0 12px 40px rgba(212,175,55,.2)}.metric-card.enhanced>*{position:relative;z-index:2}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.metric-icon{position:relative;width:5.6rem;height:5.6rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-light);box-shadow:0 8px 24px rgba(212,175,55,.3);transition:all var(--transition-fast);overflow:hidden}.metric-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px rgba(212,175,55,.4)}.icon-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);opacity:0;transition:opacity var(--transition-fast)}.metric-icon:hover .icon-glow{opacity:1;animation:1.5s ease-in-out infinite shimmer}.metric-trend{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border-radius:2rem;font-size:1.2rem;font-weight:600;backdrop-filter:blur(10px);transition:all var(--transition-fast)}.metric-trend:hover{transform:scale(1.05)}.metric-trend.positive{background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(16,185,129,.05) 100%);color:var(--color-success);border:1px solid rgba(16,185,129,.3);box-shadow:0 4px 12px rgba(16,185,129,.2)}.metric-trend.negative{background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(239,68,68,.05) 100%);color:var(--color-danger);border:1px solid rgba(239,68,68,.3);box-shadow:0 4px 12px rgba(239,68,68,.2)}.metric-badge{background:linear-gradient(135deg,rgba(212,175,55,.15) 0,rgba(212,175,55,.05) 100%);color:var(--color-primary);padding:.6rem 1.2rem;border-radius:2rem;font-size:1.1rem;font-weight:600;border:1px solid rgba(212,175,55,.3);box-shadow:0 4px 12px rgba(212,175,55,.2);transition:all var(--transition-fast)}.metric-badge:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(212,175,55,.3)}.metric-value{color:var(--color-dark);margin-bottom:var(--spacing-xs);font-family:var(--font-display);background:linear-gradient(135deg,var(--color-dark) 0,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--transition-fast)}.metric-card.enhanced:hover .metric-value{transform:scale(1.05)}.metric-label{color:var(--color-text-light);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.metric-details{display:flex;flex-direction:column;gap:.4rem;margin-bottom:var(--spacing-sm)}.metric-timeline{display:flex;flex-direction:column;gap:.4rem;margin-top:var(--spacing-sm)}.metric-timeline span{color:var(--color-text-light);padding:.2rem 0}.metric-change{color:var(--color-text-light);margin-top:var(--spacing-xs);padding:.4rem .8rem;background:rgba(212,175,55,.05);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.progress-bar.enhanced{position:relative;width:100%;height:1rem;background:var(--color-light-gray);border-radius:1rem;overflow:hidden;margin-top:var(--spacing-sm);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.progress-fill{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);transition:width 1s ease-in-out;overflow:hidden}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:2s infinite shine}@keyframes shine{0%{left:-100%}100%{left:100%}}.progress-percentage{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1rem;font-weight:600;color:var(--color-text);text-shadow:0 1px 2px rgba(0,0,0,.3)}.metric-value{font-size:3.6rem;font-weight:800;color:var(--color-dark);margin-bottom:.5rem;font-family:var(--font-display)}.metric-label{font-size:1.6rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-weight:500}.metric-details{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.metric-details span{color:var(--color-text-light);font-size:1.2rem;color:var(--color-text-muted)}.metric-timeline{display:flex;flex-direction:column;gap:.5rem}.metric-timeline span{font-size:1.2rem;color:var(--color-text-muted)}.metric-change{font-size:1.4rem;color:var(--color-text-light);font-weight:500}.progress-bar{width:100%;height:8px;background:var(--color-light-gray);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:4px;transition:width var(--transition-medium);position:relative}.progress-fill::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent 100%);animation:2s infinite shimmer}.charts-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#dbeafe 0,#fff 25%,#e0e7ff 50%,#fff 75%,#bfdbfe 100%);position:relative;overflow:hidden}.charts-section::after,.charts-section::before{display:none}.charts-viz-bg-chart-1{position:absolute;top:-10%;left:-8%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(59,130,246,.12) 0,transparent 70%);pointer-events:none;z-index:0}.charts-viz-bg-chart-2{position:absolute;bottom:-12%;right:-5%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(14,165,233,.11) 0,transparent 70%);pointer-events:none;z-index:0}.charts-viz-bg-chart-3{position:absolute;top:35%;right:20%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);pointer-events:none;z-index:0}.charts-viz-bg-chart-4{position:absolute;top:50%;left:25%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(37,99,235,.09) 0,transparent 70%);pointer-events:none;z-index:0}.charts-viz-bg-line-chart{position:absolute;top:25%;left:35%;width:28rem;height:20rem;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(14,165,233,.06));clip-path:polygon(0% 80%,12% 65%,25% 70%,37% 45%,50% 55%,62% 30%,75% 40%,87% 20%,100% 25%,100% 100%,0% 100%);pointer-events:none;z-index:0}.charts-viz-bg-axis{position:absolute;bottom:30%;right:30%;width:20rem;height:20rem;background:linear-gradient(90deg,rgba(59,130,246,.15) 2px,transparent 2px),linear-gradient(0deg,rgba(14,165,233,.15) 2px,transparent 2px);background-size:100% 100%,100% 100%;background-position:0 0,0 100%;background-repeat:no-repeat;pointer-events:none;z-index:0}.charts-viz-bg-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(59,130,246,.04) 2px,transparent 2px),radial-gradient(circle,rgba(14,165,233,.03) 2px,transparent 2px);background-size:70px 70px,100px 100px;background-position:0 0,35px 35px;pointer-events:none;z-index:0}.chart-container{max-width:140rem;margin:0 auto;padding:0;background:var(--color-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-light-gray);overflow:hidden;position:relative;transition:var(--transition-smooth);width:100%}.chart-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 50%,transparent 100%);opacity:0;transition:var(--transition-smooth);pointer-events:none;z-index:1}.chart-container:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:rgba(212,175,55,.3)}.chart-container:hover::before{opacity:1}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(1rem,2vw,var(--spacing-lg));background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-light);position:relative;z-index:2;flex-wrap:wrap;gap:var(--spacing-sm)}.chart-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,transparent 50%,rgba(0,0,0,.05) 100%);z-index:-1}.chart-header h3{font-weight:600;font-family:var(--font-display);text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#fff 0,rgba(255,255,255,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.time-range-selector{display:flex;gap:.3rem;background:rgba(255,255,255,.15);border-radius:var(--radius-md);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px rgba(0,0,0,.1);position:relative;overflow:hidden;flex-wrap:wrap}.time-range-selector::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);transition:var(--transition-smooth)}.time-range-selector:hover::before{left:100%}.range-btn{background:0 0;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--color-light);font-weight:600;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;text-align:center}.range-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);transition:var(--transition-smooth);transform:translate(-50%,-50%);border-radius:50%;opacity:0}.range-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.range-btn:hover::before{width:100px;height:100px;opacity:1}.range-btn.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:var(--color-dark);border-color:var(--color-primary);box-shadow:0 4px 15px rgba(212,175,55,.3);transform:translateY(-1px)}.range-btn.active::before{background:radial-gradient(circle,rgba(255,255,255,.4) 0,transparent 70%)}.chart-export-btn{display:flex;align-items:center;gap:.8rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--color-light);font-weight:500;cursor:help;transition:var(--transition-smooth);backdrop-filter:blur(15px);position:relative;overflow:visible}.chart-export-btn::after{content:"🔒 Login to unlock multiple export formats:\A• PDF Reports\A• Excel Spreadsheets\A• CSV Data\A• High-res Images\A• Interactive Charts";position:absolute;top:120%;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#1f2937 0,#374151 100%);color:#fff;padding:clamp(1.2rem,2vw,1.6rem) clamp(1.5rem,3vw,2rem);border-radius:clamp(.8rem,1.5vw,1.2rem);font-size:clamp(1.1rem, 1.5vw, 1.3rem);font-weight:500;white-space:pre-line;line-height:1.5;opacity:0;visibility:hidden;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px);z-index:15000;min-width:clamp(20rem,40vw,28rem);max-width:90vw;text-align:left;border:1px solid rgba(255,255,255,.1)}.chart-export-btn::before{content:"";position:absolute;top:110%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #1f2937;opacity:0;visibility:hidden;transition:.3s cubic-bezier(.4, 0, .2, 1);z-index:14999}.chart-export-btn:hover::after{opacity:1;visibility:visible;top:110%;transform:translateX(-50%) translateY(5px)}.chart-export-btn:hover::before{opacity:1;visibility:visible}.chart-export-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.chart-export-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (max-width:768px){.chart-export-btn::after,.chart-export-btn::before,.chart-export-btn:hover::after,.chart-export-btn:hover::before{display:none!important}#weightChart{min-height:350px!important;height:350px!important}}.chart-export-btn i{font-size:1.6rem;transition:var(--transition-fast)}.chart-export-btn:hover i{transform:translateY(-1px)}.chart-wrapper{padding:clamp(1rem,2vw,var(--spacing-lg));position:relative;background:var(--color-light);z-index:2;overflow-x:auto;overflow-y:hidden}.chart-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(212,175,55,.02) 0,transparent 50%);pointer-events:none;z-index:-1}.chart-tooltip{position:absolute;background:linear-gradient(135deg,var(--color-dark) 0,rgba(30,30,30,.95) 100%);color:var(--color-light);padding:1.2rem 1.6rem;border-radius:var(--radius-md);font-size:1.2rem;pointer-events:none;opacity:0;transition:var(--transition-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.chart-legend{display:flex;justify-content:center;gap:clamp(.8rem,1.5vw,var(--spacing-lg));padding:var(--spacing-sm) clamp(.8rem,2vw,var(--spacing-lg));background:linear-gradient(135deg,var(--color-light-dim) 0,var(--color-light) 100%);border-top:1px solid var(--color-light-gray);position:relative;flex-wrap:wrap}.chart-legend::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0,rgba(212,175,55,.3) 50%,transparent 100%)}.legend-item{display:flex;align-items:center;gap:.8rem;color:var(--color-text);font-weight:500;border-radius:var(--radius-sm);transition:var(--transition-fast);cursor:pointer;position:relative;overflow:hidden;min-height:40px}.legend-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(212,175,55,.1) 50%,transparent 100%);transition:var(--transition-smooth)}.legend-item:hover{background:rgba(212,175,55,.05);transform:translateY(-1px)}.legend-item:hover::before{left:100%}.legend-color{width:1.8rem;height:1.8rem;border-radius:50%;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:var(--transition-fast)}.legend-item:hover .legend-color{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.legend-color.weight{background:linear-gradient(135deg,var(--color-chart-weight) 0,rgba(255,107,107,.8) 100%)}.legend-color.trend{background:linear-gradient(135deg,var(--color-chart-trend) 0,rgba(99,102,241,.8) 100%)}.legend-color.prediction{background:linear-gradient(135deg,var(--color-chart-prediction) 0,rgba(6,214,160,.8) 100%)}.legend-color.goal{background:linear-gradient(135deg,var(--color-chart-goal) 0,rgba(6,214,160,.8) 100%)}.chart-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(32rem,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);max-width:140rem;margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);position:relative}.chart-insights::before{content:"";position:absolute;top:-2rem;left:50%;transform:translateX(-50%);width:8rem;height:4px;background:linear-gradient(90deg,transparent 0,var(--color-primary) 50%,transparent 100%);border-radius:2px}.insight-card{display:flex;gap:var(--spacing-lg);background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:var(--spacing-xl);border-radius:var(--radius-xl);transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1)}.insight-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.05) 0,rgba(99,102,241,.03) 50%,rgba(212,175,55,.05) 100%);opacity:0;transition:.4s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.insight-card::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease-out}.insight-card:hover{transform:translateY(-8px) scale(1.02);background:rgba(255,255,255,.15);border-color:rgba(212,175,55,.4);box-shadow:0 20px 40px rgba(0,0,0,.15),0 8px 16px rgba(212,175,55,.2),inset 0 1px 0 rgba(255,255,255,.2)}.insight-card:hover::before{opacity:1}.insight-card:hover::after{left:100%}.insight-icon{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-dark);flex-shrink:0;box-shadow:0 8px 16px rgba(212,175,55,.3),0 4px 8px rgba(0,0,0,.1),inset 0 2px 4px rgba(255,255,255,.2);position:relative;overflow:hidden;transition:.4s cubic-bezier(.4, 0, .2, 1);border:2px solid rgba(255,255,255,.3)}.insight-icon::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0,rgba(255,255,255,.3) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 70%,transparent 100%);transform:rotate(45deg);transition:.4s cubic-bezier(.4, 0, .2, 1);opacity:0}.insight-card:hover .insight-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 24px rgba(212,175,55,.4),0 6px 12px rgba(0,0,0,.15),inset 0 2px 4px rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}.insight-card:hover .insight-icon::before{opacity:1;animation:.8s ease-out shimmer}@keyframes shimmer{0%{transform:translate(-50%,-50%) rotate(0);transform:translateX(-100%);transform:rotate(45deg) translateX(-200%);opacity:0}100%{transform:translate(-50%,-50%) rotate(360deg);transform:translateX(100%);transform:rotate(45deg) translateX(200%);opacity:0}50%{opacity:1}}.insight-content h4{font-weight:700;color:var(--color-dark);margin-bottom:1.2rem;font-family:var(--font-display);position:relative;text-shadow:0 1px 2px rgba(0,0,0,.1)}.insight-content h4::after{content:"";position:absolute;bottom:-.4rem;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:2px;transition:.4s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 4px rgba(212,175,55,.3)}.insight-card:hover .insight-content h4::after{width:100%}.insight-content p{color:var(--color-text-light);line-height:1.8;font-weight:400;position:relative;z-index:2}.body-composition-section{padding:var(--spacing-xl) 0;background:var(--color-light)}.composition-dashboard{max-width:140rem;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}.composition-chart-container{background:var(--color-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-light-gray);overflow:hidden}.measurement-selector{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.measurement-toggle{display:flex;align-items:center;gap:.8rem;cursor:pointer;padding:.8rem 1.6rem;border-radius:var(--radius-md);transition:var(--transition-fast);background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.measurement-toggle:hover{background:rgba(255,255,255,.2)}.measurement-toggle input{display:none}.toggle-slider{width:4rem;height:2rem;background:rgba(255,255,255,.2);border-radius:1rem;position:relative;transition:var(--transition-fast)}.toggle-slider::after{content:"";position:absolute;top:-.5px;left:0;width:1.6rem;height:1.6rem;background:var(--color-light);border-radius:50%;transition:var(--transition-fast)}.measurement-toggle input:checked+.toggle-slider{background:var(--color-primary)}.measurement-toggle input:checked+.toggle-slider::after{transform:translateX(2rem)}.measurement-toggle input:checked+.toggle-slider.waist{background:#ff6b6b;border-color:#ff6b6b}.measurement-toggle input:checked+.toggle-slider.chest{background:#06d6a0;border-color:#06d6a0}.measurement-toggle input:checked+.toggle-slider.hips{background:#6366f1;border-color:#6366f1}.measurement-toggle input:checked+.toggle-slider.arms{background:#f59e0b;border-color:#f59e0b}.toggle-slider.waist{border:2px solid rgba(255,107,107,.3)}.toggle-slider.chest{border:2px solid rgba(6,214,160,.3)}.toggle-slider.hips{border:2px solid rgba(99,102,241,.3)}.toggle-slider.arms{border:2px solid rgba(245,158,11,.3)}.toggle-label{font-size:1.4rem;font-weight:500;color:var(--color-light)}.composition-summary{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 8px 32px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden;transition:.4s cubic-bezier(.4, 0, .2, 1)}.composition-summary::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.03) 0,rgba(99,102,241,.03) 50%,rgba(212,175,55,.03) 100%);opacity:0;transition:.4s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.composition-summary:hover{transform:translateY(-4px);background:rgba(255,255,255,.15);border-color:rgba(212,175,55,.3);box-shadow:0 16px 48px rgba(0,0,0,.15),0 8px 24px rgba(212,175,55,.2),inset 0 1px 0 rgba(255,255,255,.2)}.composition-summary:hover::before{opacity:1}.composition-summary h4{font-size:2.6rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-lg);font-family:var(--font-display);position:relative;text-shadow:0 1px 2px rgba(0,0,0,.1)}.composition-summary h4::after{content:"";position:absolute;bottom:-.8rem;left:0;width:6rem;height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:2px;box-shadow:0 2px 4px rgba(212,175,55,.3)}.recomposition-cards{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.recomp-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-xl);position:relative;overflow:hidden;transition:.4s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}.recomp-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease-out}.recomp-card.muscle-gain{background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(16,185,129,.05) 100%);border:2px solid rgba(16,185,129,.2)}.recomp-card.fat-loss{background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(239,68,68,.05) 100%);border:2px solid rgba(239,68,68,.2)}.recomp-card.overall{background:linear-gradient(135deg,rgba(212,175,55,.1) 0,rgba(212,175,55,.05) 100%);border:2px solid rgba(212,175,55,.2)}.recomp-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.15),0 6px 16px rgba(0,0,0,.08)}.recomp-card:hover::before{left:100%}.recomp-card.muscle-gain:hover{border-color:rgba(16,185,129,.4);background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(16,185,129,.08) 100%)}.recomp-card.fat-loss:hover{border-color:rgba(239,68,68,.4);background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(239,68,68,.08) 100%)}.recomp-card.overall:hover{border-color:rgba(212,175,55,.4);background:linear-gradient(135deg,rgba(212,175,55,.15) 0,rgba(212,175,55,.08) 100%)}.recomp-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:2rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;overflow:hidden;transition:.4s cubic-bezier(.4, 0, .2, 1);flex-shrink:0}.recomp-icon::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);opacity:0;transition:.6s ease-out;transform:rotate(-45deg)}.recomp-card:hover .recomp-icon::before{opacity:1;transform:rotate(-45deg) translate(50%,50%)}.recomp-card.muscle-gain .recomp-icon{background:linear-gradient(135deg,rgba(16,185,129,.9) 0,rgba(16,185,129,.7) 100%);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}.recomp-card.muscle-gain:hover .recomp-icon{transform:scale(1.1);box-shadow:0 6px 20px rgba(16,185,129,.4)}.recomp-card.fat-loss .recomp-icon{background:linear-gradient(135deg,rgba(239,68,68,.9) 0,rgba(239,68,68,.7) 100%);color:#fff;box-shadow:0 4px 12px rgba(239,68,68,.3)}.recomp-card.fat-loss:hover .recomp-icon{transform:scale(1.1);box-shadow:0 6px 20px rgba(239,68,68,.4)}.recomp-card.overall .recomp-icon{background:linear-gradient(135deg,rgba(212,175,55,.9) 0,rgba(212,175,55,.7) 100%);color:#fff;box-shadow:0 4px 12px rgba(212,175,55,.3)}.recomp-card.overall:hover .recomp-icon{transform:scale(1.1);box-shadow:0 6px 20px rgba(212,175,55,.4)}.recomp-value{font-size:2.4rem;font-weight:700;margin-bottom:.5rem;font-family:var(--font-display);text-shadow:0 2px 4px rgba(0,0,0,.1);transition:.3s;position:relative}.recomp-card:hover .recomp-value{transform:scale(1.05);text-shadow:0 4px 8px rgba(0,0,0,.15)}.recomp-card.muscle-gain .recomp-value{color:var(--color-success);background:linear-gradient(135deg,var(--color-success) 0,rgba(16,185,129,.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.recomp-card.fat-loss .recomp-value{color:var(--color-danger);background:linear-gradient(135deg,var(--color-danger) 0,rgba(239,68,68,.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.recomp-card.overall .recomp-value{color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0,rgba(212,175,55,.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.recomp-label{font-size:1.4rem;font-weight:600;color:var(--color-dark);margin-bottom:.2rem;opacity:.9;transition:.3s;position:relative}.recomp-label::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-500) 0,var(--primary-400) 100%);transition:width .4s cubic-bezier(.4, 0, .2, 1)}.recomp-card:hover .recomp-label{opacity:1;color:var(--text-primary)}.recomp-card:hover .recomp-label::after{width:100%}.recomp-detail{font-size:1.2rem;color:var(--color-text-light)}.measurement-history{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);backdrop-filter:blur(10px);transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.measurement-history::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease-out}.measurement-history:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.4);background:linear-gradient(135deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.08) 100%);box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.06)}.measurement-history:hover::before{left:100%}.measurement-history h5{font-size:1.8rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);font-family:var(--font-display);position:relative;text-shadow:0 2px 4px rgba(0,0,0,.1)}.measurement-history h5::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--primary-500) 0,var(--primary-400) 100%);transition:width .4s cubic-bezier(.4, 0, .2, 1)}.measurement-history:hover h5::after{width:100%}.history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-item{padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(255,255,255,.8) 0,rgba(255,255,255,.6) 100%);border-radius:var(--radius-lg);border:2px solid rgba(255,255,255,.3);transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;backdrop-filter:blur(5px)}.history-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(59,130,246,.1) 50%,transparent 100%);transition:left .5s ease-out}.history-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.9) 0,rgba(255,255,255,.7) 100%);border-color:rgba(59,130,246,.4);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.05)}.history-item:hover::before{left:100%}.history-date{font-size:1.3rem;font-weight:600;color:var(--color-text);margin-bottom:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:.3s}.history-item:hover .history-date{color:var(--primary-600);transform:scale(1.05)}.history-measurements{display:flex;flex-direction:column;gap:.6rem}.measurement{font-size:1.2rem;color:var(--color-text-light);padding:.4rem .8rem;border-left:4px solid transparent;border-radius:var(--radius-sm);transition:.3s;background:rgba(255,255,255,.3)}.measurement:hover{color:var(--text-primary);background:rgba(255,255,255,.6);transform:translateX(8px)}.measurement.waist{border-left-color:#ff6b6b}.measurement.chest{border-left-color:#06d6a0}.measurement.hips{border-left-color:#6366f1}.measurement.arms{border-left-color:#f59e0b}.nutrition-trends-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#fed7aa 0,#fff 25%,#fecaca 50%,#fff 75%,#fde68a 100%);position:relative;overflow:hidden}.nutrition-trends-section.full-width{padding:var(--spacing-xl) 0}.nutrition-trends-section::before{display:none}.nutrition-trends-bg-macro-1{position:absolute;top:-10%;right:-8%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(251,146,60,.12) 0,transparent 70%);pointer-events:none;z-index:0}.nutrition-trends-bg-macro-2{position:absolute;bottom:-12%;left:-5%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(239,68,68,.11) 0,transparent 70%);pointer-events:none;z-index:0}.nutrition-trends-bg-macro-3{position:absolute;top:35%;left:18%;width:58rem;height:58rem;background:radial-gradient(circle,rgba(245,158,11,.1) 0,transparent 70%);pointer-events:none;z-index:0}.nutrition-trends-bg-macro-4{position:absolute;top:50%;right:20%;width:52rem;height:52rem;background:radial-gradient(circle,rgba(234,88,12,.09) 0,transparent 70%);pointer-events:none;z-index:0}.nutrition-trends-bg-pie{position:absolute;top:22%;left:38%;width:22rem;height:22rem;background:conic-gradient(rgba(251,146,60,.12) 0deg 120deg,rgba(239,68,68,.1) 120deg 240deg,rgba(245,158,11,.08) 240deg 360deg);border-radius:50%;pointer-events:none;z-index:0}.nutrition-trends-bg-wave{position:absolute;bottom:25%;right:30%;width:25rem;height:15rem;background:linear-gradient(135deg,rgba(251,146,60,.1),transparent);clip-path:path('M0,50 Q25,30 50,50 T100,50 V100 H0 Z');pointer-events:none;z-index:0;transform:scale(2)}.nutrition-trends-bg-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(251,146,60,.04) 2px,transparent 2px),radial-gradient(circle,rgba(239,68,68,.03) 2px,transparent 2px),radial-gradient(circle,rgba(245,158,11,.02) 2px,transparent 2px);background-size:65px 65px,95px 95px,125px 125px;background-position:0 0,32px 32px,64px 64px;pointer-events:none;z-index:0}.nutrition-dashboard-full{width:100%;padding:0 var(--spacing-md);margin-top:var(--spacing-lg)}.nutrition-chart-container-full{width:100%;max-width:100%;background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.9) 100%);border:2px solid rgba(212,175,55,.2);border-radius:var(--radius-xl);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;margin:0 auto}.nutrition-chart-container-full::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(212,175,55,.1) 50%,transparent 100%);transition:left .6s ease-out}.nutrition-chart-container-full:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.4);box-shadow:0 16px 48px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.2)}.nutrition-chart-container-full:hover::before{left:100%}.nutrition-chart-container-full .chart-wrapper{padding:var(--spacing-lg);min-height:320px}.nutrition-dashboard{max-width:140rem;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}.nutrition-chart-container{background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative}.nutrition-chart-container::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease-out}.nutrition-chart-container:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.4);background:linear-gradient(135deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.08) 100%);box-shadow:0 16px 48px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.2)}.nutrition-chart-container:hover::before{left:100%}.nutrition-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;padding:var(--spacing-lg);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.1)}.metric-toggles{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.metric-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,rgba(255,255,255,.8) 0,rgba(255,255,255,.6) 100%);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:var(--color-text);font-size:1.2rem;font-weight:500;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(5px);position:relative;overflow:hidden}.metric-toggle::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease-out}.metric-toggle:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.5);background:linear-gradient(135deg,rgba(255,255,255,.9) 0,rgba(255,255,255,.7) 100%);box-shadow:0 6px 20px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.05)}.metric-toggle:hover::before{left:100%}.metric-toggle.active{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-400) 100%);color:#fff;border-color:var(--primary-400);box-shadow:0 4px 16px rgba(var(--primary-rgb),.3),0 2px 8px rgba(var(--primary-rgb),.2)}.metric-toggle.active:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px rgba(var(--primary-rgb),.4),0 4px 12px rgba(var(--primary-rgb),.3)}.toggle-color{width:1.4rem;height:1.4rem;border-radius:50%;border:2px solid rgba(255,255,255,.3);transition:.3s}.metric-toggle:hover .toggle-color{transform:scale(1.1);border-color:rgba(255,255,255,.6)}.toggle-color.calories{background:#ef4444;box-shadow:0 2px 8px rgba(239,68,68,.3)}.toggle-color.protein{background:#10b981;box-shadow:0 2px 8px rgba(16,185,129,.3)}.toggle-color.carbs{background:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.3)}.toggle-color.fats{background:#f59e0b;box-shadow:0 2px 8px rgba(245,158,11,.3)}.view-selector{display:flex;gap:var(--spacing-xs);background:linear-gradient(135deg,rgba(255,255,255,.6) 0,rgba(255,255,255,.4) 100%);padding:var(--spacing-xs);border-radius:var(--radius-lg);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.2)}.view-btn{padding:var(--spacing-sm) var(--spacing-lg);background:0 0;border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text);font-size:1.2rem;font-weight:600;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.view-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .4s ease-out}.view-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.8) 0,rgba(255,255,255,.6) 100%);border-color:rgba(255,255,255,.4);transform:translateY(-1px)}.view-btn:hover::before{left:100%}.view-btn.active{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-400) 100%);color:#fff;border-color:var(--primary-400);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3),0 2px 6px rgba(var(--primary-rgb),.2)}.view-btn.active:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 16px rgba(var(--primary-rgb),.4),0 3px 8px rgba(var(--primary-rgb),.3)}.nutrition-insights{background:rgba(255,255,255,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:28px 24px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.15);position:relative;overflow:hidden;transition:.4s cubic-bezier(.25, .46, .45, .94)}.nutrition-insights::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 50%,rgba(255,255,255,.1) 100%);pointer-events:none;opacity:0;transition:opacity .3s}.nutrition-insights:hover::before{opacity:1}.nutrition-insights:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}.nutrition-insights h4{font-size:2.4rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);font-family:var(--font-display)}.quality-metrics{margin-bottom:var(--spacing-lg)}.quality-card{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-md);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:24px;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.quality-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.08) 50%,transparent 100%);transition:left .6s ease-out}.quality-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.18);box-shadow:0 8px 25px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.05)}.quality-card:hover::before{left:100%}.quality-score{position:relative;margin-bottom:var(--spacing-md)}.score-circle{position:relative}.score-ring{transform:rotate(-90deg)}.score-ring-bg{stroke:var(--color-light-gray)}.score-ring-fill{stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset var(--transition-medium)}.score-text{position:absolute;top:48%;left:45%;transform:translate(-50%,-50%);font-size:2.4rem;font-weight:700;color:var(--color-primary);font-family:var(--font-display)}.score-label{font-size:1.4rem;font-weight:600;color:var(--color-text);text-align:center}.quality-insights{display:flex;flex-direction:column;gap:var(--spacing-sm)}.insight-item{display:flex;gap:var(--spacing-sm);padding:16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.insight-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .5s ease-out}.insight-item:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateX(8px) translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}.insight-item:hover::before{left:100%}.insight-icon{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-icon.positive{background:rgba(16,185,129,.1);color:var(--color-success)}.insight-icon.warning{background:rgba(245,158,11,.1);color:var(--color-warning)}.insight-text{font-size:1.2rem;line-height:1.5;color:var(--color-text)}.insight-text strong{color:var(--color-dark);font-weight:600}.correlation-analysis{margin-top:var(--spacing-lg)}.correlation-analysis h5{font-size:1.8rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);font-family:var(--font-display)}.correlation-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.correlation-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-fast)}.correlation-item:hover{background:var(--color-light-dim);transform:translateX(5px)}.correlation-strength{width:8rem;height:.8rem;background:var(--color-light-gray);border-radius:.4rem;overflow:hidden;position:relative}.strength-bar{height:100%;border-radius:.4rem;transition:width var(--transition-medium)}.correlation-strength.strong .strength-bar{background:var(--color-success)}.correlation-strength.moderate .strength-bar{background:var(--color-warning)}.correlation-strength.weak .strength-bar{background:var(--color-danger)}.correlation-text{display:flex;flex-direction:column;gap:.2rem}.correlation-label{font-size:1.2rem;font-weight:600;color:var(--color-text)}.correlation-result{font-size:1.1rem;color:var(--color-text-light)}.activity-patterns-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#d9f99d 0,#fff 25%,#dcfce7 50%,#fff 75%,#bbf7d0 100%);position:relative;overflow:hidden}.activity-patterns-section.full-width{padding:var(--spacing-xl) 0}.activity-patterns-section::before{display:none}.activity-patterns-bg-fitness-1{position:absolute;top:-10%;left:-8%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(34,197,94,.12) 0,transparent 70%);pointer-events:none;z-index:0}.activity-patterns-bg-fitness-2{position:absolute;bottom:-12%;right:-5%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(163,230,53,.11) 0,transparent 70%);pointer-events:none;z-index:0}.activity-patterns-bg-fitness-3{position:absolute;top:35%;right:18%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);pointer-events:none;z-index:0}.activity-patterns-bg-fitness-4{position:absolute;top:50%;left:22%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(132,204,22,.09) 0,transparent 70%);pointer-events:none;z-index:0}.activity-patterns-bg-steps{position:absolute;top:20%;right:35%;width:25rem;height:25rem;background:repeating-linear-gradient(45deg,rgba(34,197,94,.08) 0,rgba(34,197,94,.08) 3px,transparent 3px,transparent 8px);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);pointer-events:none;z-index:0}.activity-patterns-bg-heart{position:absolute;bottom:28%;left:32%;width:18rem;height:18rem;background:radial-gradient(circle,rgba(239,68,68,.15) 0,rgba(34,197,94,.1) 50%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:2s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.activity-patterns-bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(34,197,94,.04) 2px,transparent 2px),radial-gradient(circle,rgba(163,230,53,.03) 2px,transparent 2px);background-size:70px 70px,100px 100px;background-position:0 0,35px 35px;pointer-events:none;z-index:0}.activity-dashboard-full{width:100%;padding:0 var(--spacing-md);margin-top:var(--spacing-lg)}.activity-chart-container-full{width:100%;max-width:100%;background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.9) 100%);border:2px solid rgba(59,130,246,.2);border-radius:var(--radius-xl);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;margin:0 auto;margin-bottom:var(--spacing-xl)}.activity-chart-container-full::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(59,130,246,.1) 50%,transparent 100%);transition:left .6s ease-out}.activity-chart-container-full:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.4);box-shadow:0 16px 48px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.2)}.activity-chart-container-full:hover::before{left:100%}.activity-chart-container-full .chart-wrapper{padding:var(--spacing-lg);min-height:400px;display:flex;align-items:center;justify-content:center;background:rgba(248,250,252,.5);position:relative}.activity-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;padding:var(--spacing-lg);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.1)}.toggle-color.steps{background:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.3)}.toggle-color.active-calories{background:#ef4444;box-shadow:0 2px 8px rgba(239,68,68,.3)}.toggle-color.heart-points{background:#ec4899;box-shadow:0 2px 8px rgba(236,72,153,.3)}.activity-summary-cards{margin-top:var(--spacing-lg);padding:var(--spacing-lg) 0;background:linear-gradient(135deg,rgba(59,130,246,.05) 0,transparent 100%)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:140rem;margin:0 auto;padding:0 var(--spacing-md)}.summary-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.9) 100%);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.05);transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.summary-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease-out}.summary-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.08)}.summary-card:hover::before{left:100%}.summary-card.steps{border-color:rgba(59,130,246,.3)}.summary-card.steps:hover{border-color:rgba(59,130,246,.5);box-shadow:0 16px 48px rgba(59,130,246,.2)}.summary-card.calories{border-color:rgba(239,68,68,.3)}.summary-card.calories:hover{border-color:rgba(239,68,68,.5);box-shadow:0 16px 48px rgba(239,68,68,.2)}.summary-card.heartpoints{border-color:rgba(236,72,153,.3)}.summary-card.heartpoints:hover{border-color:rgba(236,72,153,.5);box-shadow:0 16px 48px rgba(236,72,153,.2)}.summary-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;flex-shrink:0;transition:.3s}.summary-card.steps .summary-icon{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.05));color:#3b82f6}.summary-card.calories .summary-icon{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));color:#ef4444}.summary-card.heartpoints .summary-icon{background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(236,72,153,.05));color:#ec4899}.summary-card:hover .summary-icon{transform:scale(1.1) rotate(5deg)}.summary-content{flex:1}.summary-value{font-size:3.2rem;font-weight:700;color:var(--color-dark);font-family:var(--font-display);margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.summary-label{font-size:1.4rem;color:var(--color-text-light);font-weight:500;margin-bottom:var(--spacing-sm)}.summary-trend{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:600}.summary-trend.positive{color:var(--color-success)}.summary-trend.negative{color:var(--color-danger)}.summary-trend i{font-size:1.2rem}.visual-progress-section{padding:var(--spacing-xl) 0;background:var(--color-light)}.progress-timeline{max-width:140rem;margin:0 auto;padding:0 var(--spacing-md)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.timeline-header h3{font-size:2.4rem;font-weight:600;color:var(--color-dark);font-family:var(--font-display)}.timeline-controls{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.view-toggle{padding:1rem 2rem;background:var(--color-light);border:2px solid var(--color-light-gray);border-radius:var(--radius-md);font-size:1.2rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.view-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.view-toggle.active{background:var(--color-primary);color:var(--color-dark);border-color:var(--color-primary)}.add-photo-btn{display:flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:var(--color-dark);border:none;border-radius:var(--radius-md);font-size:1.2rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.add-photo-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.timeline-container{margin-bottom:var(--spacing-lg)}.timeline-track{display:flex;gap:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-md) 0;position:relative}.timeline-track::-webkit-scrollbar{height:6px}.timeline-track::-webkit-scrollbar-track{background:var(--color-light-gray);border-radius:3px}.timeline-track::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.timeline-item{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-md)}.marker-dot{width:1.6rem;height:1.6rem;background:var(--color-primary);border-radius:50%;border:4px solid var(--color-light);box-shadow:var(--shadow-sm);z-index:var(--z-normal)}.timeline-item.current .marker-dot{background:var(--color-success);animation:2s infinite pulse}.marker-line{width:2px;height:4rem;background:var(--color-light-gray);margin-top:.8rem}.timeline-item:last-child .marker-line{display:none}.timeline-content{width:100%}.photo-card{background:var(--color-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-light-gray);transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative}.photo-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.12),transparent);transition:left .4s cubic-bezier(.4, 0, .2, 1);z-index:1}.photo-card:hover::before{left:100%}.photo-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 35px rgba(0,0,0,.15),0 6px 12px rgba(212,175,55,.25);border-color:rgba(212,175,55,.4)}.photo-card>*{position:relative;z-index:2}.photo-container{position:relative;overflow:hidden}.progress-photo{width:100%;height:30rem;object-fit:cover;transition:var(--transition-fast)}.photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-fast)}.photo-container:hover .photo-overlay{opacity:1}.photo-action{width:5rem;height:5rem;background:var(--color-primary);color:var(--color-dark);border:none;border-radius:50%;font-size:2rem;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.photo-action:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.current-badge{position:absolute;top:1rem;right:1rem;background:var(--color-success);color:var(--color-light);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.photo-info{padding:var(--spacing-md);text-align:center}.photo-date{font-size:1.4rem;font-weight:600;color:var(--color-dark);margin-bottom:.5rem}.photo-weight{font-size:1.8rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem;font-family:var(--font-display)}.photo-note{font-size:1.2rem;color:var(--color-text-light)}.comparison-tools{background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-light-gray)}.comparison-tools h4{font-size:2rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);font-family:var(--font-display)}.comparison-options{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.comparison-btn{display:flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:var(--color-light-dim);border:2px solid var(--color-light-gray);border-radius:var(--radius-md);font-size:1.2rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.comparison-btn:hover{background:var(--color-primary);color:var(--color-dark);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.goal-tracking-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-light-dim) 0,var(--color-light) 100%);position:relative}.goal-tracking-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(212,175,55,.05) 0,transparent 50%);pointer-events:none;z-index:var(--z-back)}.goals-dashboard{max-width:140rem;margin:0 auto;padding:0 var(--spacing-md)}.goal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.goal-card{background:var(--color-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-light-gray);transition:var(--transition-fast);position:relative;overflow:hidden}.goal-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%)}.goal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.goal-card.primary{background:linear-gradient(135deg,var(--color-light) 0,rgba(212,175,55,.05) 100%);border-color:var(--color-primary)}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.goal-icon{width:5rem;height:5rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-dark);box-shadow:var(--shadow-sm)}.goal-status{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:var(--radius-md);font-size:1.2rem;font-weight:600}.goal-status.on-track{background:rgba(16,185,129,.1);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.goal-status.ahead{background:rgba(59,130,246,.1);color:var(--color-info);border:1px solid rgba(59,130,246,.2)}.goal-status.behind{background:rgba(245,158,11,.1);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.goal-content h3{font-size:2.4rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);font-family:var(--font-display)}.goal-progress{margin-bottom:var(--spacing-md)}.progress-stats{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.stat{text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem;font-family:var(--font-display)}.stat-label{font-size:1.2rem;color:var(--color-text-light);font-weight:500}.progress-bar-container{margin-bottom:var(--spacing-md)}.progress-bar.large{height:1.2rem;position:relative}.progress-marker{position:absolute;top:-2.5rem;font-size:1rem;color:var(--color-text-muted);font-weight:500;transform:translateX(-50%)}.progress-marker.start{left:0;transform:translateX(0)}.progress-marker.end{right:0;transform:translateX(0)}.progress-marker.current{color:var(--color-primary);font-weight:600}.goal-timeline{display:flex;flex-direction:column;gap:.8rem}.timeline-item{display:flex;justify-content:space-between;align-items:center}.timeline-label{font-size:1.2rem;color:var(--color-text-light);font-weight:500}.timeline-value{font-size:1.2rem;color:var(--color-text);font-weight:600}.goal-recommendations{background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-light-gray)}.goal-recommendations h4{font-size:2.4rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);font-family:var(--font-display)}.recommendation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:var(--spacing-md)}.recommendation-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-light-dim);border-radius:var(--radius-lg);border:1px solid var(--color-light-gray);transition:var(--transition-fast)}.recommendation-card:hover{background:var(--color-light);border-color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.recommendation-icon{width:4rem;height:4rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--color-dark);flex-shrink:0;box-shadow:var(--shadow-sm)}.recommendation-content h5{font-size:1.6rem;font-weight:600;color:var(--color-dark);margin-bottom:.8rem;font-family:var(--font-display)}.recommendation-content p{font-size:1.3rem;color:var(--color-text-light);line-height:1.5;margin-bottom:var(--spacing-sm)}.recommendation-action{padding:.8rem 1.6rem;background:var(--color-primary);color:var(--color-dark);border:none;border-radius:var(--radius-md);font-size:1.2rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.recommendation-action:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.data-export-section{padding:100px 0;background:linear-gradient(135deg,#e2e8f0 0,#fff 25%,#e0e7ff 50%,#fff 75%,#f1f5f9 100%);position:relative;overflow:hidden}.data-export-section::before{display:none}.data-export-bg-file-1{position:absolute;top:-10%;right:-8%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(100,116,139,.12) 0,transparent 70%);pointer-events:none;z-index:0}.data-export-bg-file-2{position:absolute;bottom:-12%;left:-5%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(71,85,105,.11) 0,transparent 70%);pointer-events:none;z-index:0}.data-export-bg-file-3{position:absolute;top:35%;left:20%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);pointer-events:none;z-index:0}.data-export-bg-file-4{position:absolute;top:50%;right:18%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(51,65,85,.09) 0,transparent 70%);pointer-events:none;z-index:0}.data-export-bg-document{position:absolute;top:22%;left:38%;width:18rem;height:24rem;background:linear-gradient(135deg,rgba(100,116,139,.1),rgba(99,102,241,.08));clip-path:polygon(0% 0%,70% 0%,100% 30%,100% 100%,0% 100%);pointer-events:none;z-index:0}.data-export-bg-download{position:absolute;bottom:30%;right:32%;width:16rem;height:16rem;background:linear-gradient(180deg,transparent 0,transparent 50%,rgba(100,116,139,.15) 50%,rgba(100,116,139,.15) 100%);clip-path:polygon(30% 0%,70% 0%,70% 50%,100% 50%,50% 100%,0% 50%,30% 50%);pointer-events:none;z-index:0}.data-export-bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(100,116,139,.02) 1px,transparent 1px),linear-gradient(0deg,rgba(71,85,105,.02) 1px,transparent 1px);background-size:65px 65px;pointer-events:none;z-index:0}@keyframes floatingGlow{0%{opacity:.5;transform:translateY(0)}100%{opacity:1;transform:translateY(-10px)}}.export-dashboard{max-width:140rem;margin:0 auto;padding:0 24px;position:relative;z-index:2}.export-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.export-card{background:rgba(255,255,255,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:24px 20px;box-shadow:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.03),inset 0 1px 0 rgba(255,255,255,.15);transition:transform .2s,box-shadow .2s;text-align:center;position:relative;overflow:hidden;z-index:1}.export-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05)}.export-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,rgba(212,175,55,.8) 0,rgba(255,193,7,.8) 100%)}.export-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.08) 50%,transparent 100%);transition:left .5s}.export-card:hover::after{left:100%}.export-icon{width:60px;height:60px;background:linear-gradient(135deg,rgba(212,175,55,.2) 0,rgba(255,193,7,.15) 100%);border:2px solid rgba(212,175,55,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-primary);margin:0 auto 16px;transition:transform .2s}.export-card:hover .export-icon{transform:scale(1.05)}.export-card h3{font-size:18px;font-weight:700;color:var(--color-dark);margin-bottom:12px;font-family:var(--font-display)}.export-card p{font-size:13px;color:var(--color-text);line-height:1.4;margin-bottom:16px;opacity:.9}.export-features{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.feature-tag{background:rgba(212,175,55,.12);color:var(--color-primary);padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;border:1px solid rgba(212,175,55,.3)}.export-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,var(--color-primary) 0,rgba(255,193,7,.9) 100%);color:var(--color-dark);border:none;border-radius:16px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 16px rgba(212,175,55,.3),0 2px 8px rgba(0,0,0,.08);position:relative;z-index:2;overflow:hidden}.export-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s}.export-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px rgba(212,175,55,.4),0 4px 16px rgba(0,0,0,.12);background:linear-gradient(135deg,#d4af37 0,#ffc107 100%)}.export-btn:hover::before{opacity:1}.export-btn:active{transform:translateY(-1px) scale(.98)}.export-btn:disabled{box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.08);opacity:.9;border:1px solid rgba(255,255,255,.3);transition:.3s cubic-bezier(.4, 0, .2, 1);background:rgba(150,150,150,.3);color:rgba(100,100,100,.7);cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);position:relative;filter:grayscale(60%);opacity:.6}.export-btn:disabled:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.2),0 3px 10px rgba(0,0,0,.12);border-color:rgba(255,255,255,.4);transform:none;background:rgba(150,150,150,.3);box-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);filter:grayscale(60%);opacity:.6}.export-btn:disabled i{opacity:1;color:rgba(255,255,255,.95);margin-right:8px;opacity:.5}.export-btn:disabled i.fa-lock{animation:2s ease-in-out infinite lockPulse}@keyframes lockPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}.export-btn:disabled::before{opacity:0}.export-btn[data-tooltip]{position:relative}.export-btn[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:12px 16px;border-radius:8px;font-size:1.2rem;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:.2s ease-out tooltipFadeIn}.export-btn[data-tooltip]:hover::before{content:'';position:absolute;bottom:110%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(0,0,0,.9);z-index:1000;animation:.2s ease-out tooltipFadeIn}@keyframes tooltipFadeIn{from{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.export-settings{background:rgba(255,255,255,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);padding:40px;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.15);position:relative;overflow:hidden}.export-settings::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(212,175,55,.03) 0,rgba(255,193,7,.02) 50%,rgba(212,175,55,.03) 100%);pointer-events:none}.export-settings h4{font-size:2.6rem;font-weight:700;color:var(--color-dark);margin-bottom:32px;font-family:var(--font-display);position:relative;z-index:2}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;position:relative;z-index:2}.setting-group{display:flex;flex-direction:column;gap:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;transition:.3s cubic-bezier(.4, 0, .2, 1)}.setting-group:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.setting-label{font-size:1.6rem;font-weight:700;color:var(--color-dark);margin-bottom:8px}.setting-select{padding:14px 48px 14px 16px;border:2px solid rgba(212,175,55,.3);border-radius:12px;font-size:1.4rem;color:var(--color-text);background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:.3s cubic-bezier(.4, 0, .2, 1);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.setting-select:focus{outline:0;border-color:var(--color-primary);background:rgba(255,255,255,.15);box-shadow:0 0 0 3px rgba(212,175,55,.15),0 4px 12px rgba(212,175,55,.1)}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:12px}.checkbox-item,.radio-item{display:flex;align-items:center;gap:16px;cursor:pointer;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.checkbox-item::before,.radio-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.08) 50%,transparent 100%);transition:left .5s ease-out}.checkbox-item:hover,.radio-item:hover{background:rgba(255,255,255,.1);border-color:rgba(212,175,55,.3);transform:translateX(4px)}.checkbox-item:hover::before,.radio-item:hover::before{left:100%}.checkbox-item input,.radio-item input{display:none}.checkbox-mark,.radio-mark{width:22px;height:22px;border:2px solid rgba(212,175,55,.4);border-radius:6px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:.3s cubic-bezier(.4, 0, .2, 1);flex-shrink:0;position:relative;z-index:2}.radio-mark{border-radius:50%}.checkbox-item input:checked+.checkbox-mark,.radio-item input:checked+.radio-mark{background:linear-gradient(135deg,var(--color-primary) 0,rgba(255,193,7,.9) 100%);border-color:var(--color-primary);box-shadow:0 2px 8px rgba(212,175,55,.3),0 0 0 2px rgba(212,175,55,.1);transform:scale(1.1)}.checkbox-item input:checked+.checkbox-mark::after{content:"✓";color:var(--color-dark);font-weight:900;font-size:1.2rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.radio-item input:checked+.radio-mark::after{content:"";width:8px;height:8px;background:var(--color-dark);border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.1)}.checkbox-item span,.radio-item span{font-size:1.4rem;font-weight:500;color:var(--color-text);position:relative;z-index:2}.checkbox-item input:checked~span,.radio-item input:checked~span{color:var(--color-dark);font-weight:600}.cta-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-light);text-align:center;position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.1) 0,transparent 70%);pointer-events:none;z-index:var(--z-back)}.cta-content{max-width:80rem;margin:0 auto;padding:0 var(--spacing-md);position:relative;z-index:var(--z-normal)}.cta-content h2{font-size:4.8rem;font-weight:700;margin-bottom:var(--spacing-md);font-family:var(--font-display);background:linear-gradient(135deg,var(--color-light) 0,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-content p{font-size:1.8rem;line-height:1.6;margin-bottom:var(--spacing-lg);opacity:.9}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:1rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:var(--transition-fast);border:2px solid transparent}.cta-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:var(--color-dark);box-shadow:var(--shadow-gold)}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(212,175,55,.4)}.cta-btn.secondary{background:0 0;color:var(--color-light);border-color:var(--color-light)}.cta-btn.secondary:hover{background:var(--color-light);color:var(--color-dark);transform:translateY(-3px);box-shadow:var(--shadow-md)}.photo-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:var(--transition-fast);backdrop-filter:blur(10px)}.photo-modal.active{opacity:1;visibility:visible}.modal-content{background:var(--color-light);border-radius:var(--radius-xl);max-width:80rem;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);transform:scale(.9);transition:var(--transition-fast)}.photo-modal.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);color:var(--color-light)}.modal-header h3{font-size:2rem;font-weight:600;font-family:var(--font-display)}.modal-close{width:4rem;height:4rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--color-light);font-size:1.8rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.modal-body{padding:var(--spacing-lg);display:flex;gap:var(--spacing-lg)}.modal-photo{max-width:40rem;max-height:60rem;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.photo-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-light-gray)}.detail-label{font-size:1.4rem;font-weight:600;color:var(--color-text)}.detail-value{font-size:1.4rem;color:var(--color-text-light)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes bounce{0%,100%,20%,53%,80%{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@keyframes slideInUp{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.container{padding:0 1.5rem}@media (min-width:480px){.container{padding:0 2rem}}@media (min-width:768px){.container{padding:0 var(--spacing-md)}}@media (max-width:1200px){.container{padding:0 39px}.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-md)}.composition-dashboard,.nutrition-dashboard{grid-template-columns:1fr;gap:var(--spacing-md)}.goal-cards{grid-template-columns:1fr}}@media (max-width:1024px){.hero-progress-bg-chart,.hero-progress-bg-data-1,.hero-progress-bg-data-2,.hero-progress-bg-data-3,.hero-progress-bg-data-4,.hero-progress-bg-dots,.hero-progress-bg-line{display:none!important}main .hero-section{padding:10rem 0 var(--spacing-lg)!important;min-height:auto!important}main .hero-content{grid-template-columns:1fr!important;text-align:center!important}main .hero-text{max-width:100%}main .feature-hero-subtitle{margin-left:auto!important;margin-right:auto!important}.hero-stats{justify-content:center}.dashboard-preview{display:none}.export-options{grid-template-columns:repeat(3,1fr);gap:16px}.export-card{padding:20px 16px}.export-card h3{font-size:clamp(1.4rem, 1.8vw, 1.6rem)}.export-card p{font-size:clamp(1.1rem, 1.3vw, 1.2rem)}.feature-tag{font-size:.9rem;padding:3px 8px}}@media (max-width:768px){main .hero-section{padding:8rem 0 var(--spacing-md)!important}main .hero-badge{font-size:1.2rem!important;padding:1rem 2rem!important}.hero-stats{justify-content:center;flex-wrap:wrap;gap:var(--spacing-md)}main .stat-item{min-width:10rem!important;padding:var(--spacing-sm)!important}main .stat-number{font-size:clamp(2.4rem, 5vw, 3.2rem)!important}main .stat-label{font-size:1.2rem!important}.chart-insights,.metric-cards-row{grid-template-columns:1fr}.chart-container{border-radius:var(--radius-lg);margin:0 -1rem}.chart-header{padding:var(--spacing-md);flex-direction:column}.chart-header h3{width:100%;font-size:2rem}.chart-controls{flex-direction:column;gap:var(--spacing-sm);width:100%}.time-range-selector{justify-content:center}.range-btn{flex:1;min-width:3.5rem}.chart-export-btn{width:100%;justify-content:center}.chart-wrapper{padding:var(--spacing-md);min-height:40rem}.chart-legend{padding:var(--spacing-sm);gap:var(--spacing-sm)}.legend-item{padding:.5rem .8rem;font-size:1.1rem}.chart-controls{flex-direction:column;gap:var(--spacing-sm)}.time-range-selector{order:2;width:100%;justify-content:center}.chart-export-btn{order:1;align-self:flex-end}.chart-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.summary-grid{grid-template-columns:1fr;padding:0;margin:0 auto;max-width:100%;justify-items:center}.summary-card{max-width:500px;width:100%}.chart-legend{flex-wrap:wrap;gap:var(--spacing-sm)}.insight-card{padding:var(--spacing-md);gap:var(--spacing-md)}.insight-icon{width:5rem;height:5rem;font-size:2rem}.export-icon{width:80px;height:80px;font-size:2.8rem;margin-bottom:20px}.export-options{grid-template-columns:1fr;gap:24px;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.export-card{padding:20px 16px}.export-btn{padding:12px 24px;font-size:14px}.export-settings{padding:32px 24px}.export-settings h4{font-size:2.2rem;margin-bottom:24px;text-align:center}.settings-grid{grid-template-columns:1fr;gap:24px}.setting-group{padding:20px}.feature-tag{font-size:1rem;padding:6px 12px}.export-btn[data-tooltip]::after{font-size:1.2rem;padding:10px 14px;max-width:200px;white-space:normal;text-align:center;line-height:1.3}.cta-buttons{flex-direction:column;align-items:center}.comparison-options,.timeline-controls{justify-content:center}.modal-body{flex-direction:column}.modal-photo{max-width:100%}}@media (max-width:480px){#weightChart{min-height:320px!important;height:320px!important}.container{padding:0 1rem}main .hero-section{padding:6rem 0 var(--spacing-md)!important}main .hero-badge{font-size:1.1rem!important;padding:.8rem 1.5rem!important}.hero-stats{gap:var(--spacing-sm)}main .stat-item{min-width:8rem!important;padding:.8rem!important}main .stat-number{font-size:clamp(2rem, 4.5vw, 2.8rem)!important}main .stat-label{font-size:1.1rem!important}.metric-cards{grid-template-columns:1fr;gap:var(--spacing-sm)}.chart-controls{gap:.8rem}.time-range-selector{flex-wrap:wrap;gap:.5rem}.time-btn{padding:.6rem 1rem;font-size:1.1rem;min-height:40px}.export-options{gap:12px}.export-card{padding:16px 12px}.export-icon{width:60px;height:60px;font-size:2rem;margin-bottom:12px}.export-card h3{font-size:1.3rem}.export-card p{font-size:1rem}.export-btn{padding:10px 18px;font-size:1.2rem;min-height:44px}.export-settings{padding:20px 16px}.export-settings h4{font-size:1.8rem;margin-bottom:16px}.settings-grid{gap:16px}.setting-group{padding:16px}.feature-tag{font-size:.9rem;padding:4px 10px}.btn,.cta-btn{padding:1rem 1.5rem;font-size:1.2rem;min-height:44px}.timeline-controls{justify-content:center;gap:.5rem}.chart-container{margin:0;border-radius:var(--radius-md)}.chart-wrapper{padding:1rem;min-height:38rem}.chart-header{padding:1rem}.chart-header h3{font-size:1.6rem}.time-range-selector{padding:.3rem;gap:.2rem}.range-btn{padding:.5rem .8rem;font-size:1rem;min-width:2.8rem}.chart-legend{flex-direction:column;align-items:center;padding:.8rem;gap:.5rem}.legend-item{width:100%;max-width:18rem;justify-content:center;padding:.5rem .8rem;font-size:1.1rem}.chart-export-btn{padding:.6rem 1rem;font-size:1.1rem}}html{font-size:50%}.container{padding:0 var(--spacing-sm)}.hero-title{font-size:4rem}.section-header h2{font-size:3.2rem}.hero-stats{flex-direction:column;align-items:center}.chart-container{margin:0 var(--spacing-xs)}.chart-header{padding:var(--spacing-md)}.chart-header h3{font-size:1.8rem}.time-range-selector{gap:.2rem;padding:.3rem}.range-btn{padding:.6rem 1.2rem;font-size:1.1rem;min-width:3.5rem}.chart-export-btn{padding:.8rem 1.5rem;font-size:1.2rem;gap:.5rem}.chart-wrapper{padding:var(--spacing-md);min-height:30rem}.chart-legend{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.legend-item{padding:.6rem 1rem;font-size:1.2rem}.insight-card{flex-direction:column;text-align:center;padding:var(--spacing-md)}.insight-icon{align-self:center;width:4.5rem;height:4.5rem;font-size:1.8rem}.insight-content h4{font-size:1.6rem}.insight-content p{font-size:1.3rem}.chart-controls{flex-direction:column;gap:var(--spacing-sm)}.time-range-selector{flex-wrap:wrap;justify-content:center}.nutrition-controls{flex-direction:column;align-items:center}.metric-toggles{justify-content:center}.timeline-track{flex-direction:column;align-items:center}.timeline-item{min-width:auto;width:100%}.cta-btn{padding:1.5rem 2.5rem;font-size:1.4rem}.btn,.chart-export-btn,.cta-btn,.export-btn,.range-btn,.time-btn,.unit-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.btn,.export-card,.goal-card,.insight-card,.metric-card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (pointer:coarse){.btn,.chart-export-btn,.export-btn,.range-btn,.time-btn{min-height:48px;min-width:48px}.export-card,.metric-card{padding:var(--spacing-md)}}@media (prefers-contrast:high){.btn,.export-card,.metric-card{border:2px solid currentColor}.export-icon{border:3px solid var(--color-primary)}}.btn:focus-visible,.export-btn:focus-visible,.range-btn:focus-visible,.time-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.hidden{display:none}.visible{display:block}.fade-in{animation:.6s ease-out fadeInUp}.slide-in-left{animation:.6s ease-out fadeInLeft}.slide-in-right{animation:.6s ease-out fadeInRight}.zoom-in{animation:.6s ease-out zoomIn}.bounce-in{animation:1s ease-out bounce}.container{max-width:140rem;margin:0 auto;padding:0 var(--spacing-md)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media print{.cta-section,.hero-section,.photo-modal{display:none}.chart-wrapper{break-inside:avoid}.export-card,.goal-card,.metric-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}