.calculator-page{min-height:100vh;background:#fafbfc;padding:60px 0}.wizard-container{max-width:1000px;margin:0 auto;padding:0 40px;display:flex;gap:60px;align-items:flex-start}.steps-sidebar{width:240px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px}.sidebar-header{margin-bottom:32px}.sidebar-header h1{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:8px;letter-spacing:-.01em}.sidebar-header p{font-size:.875rem;color:#6b7280;line-height:1.5}.steps-list{display:flex;flex-direction:column;gap:0;position:relative}.steps-list:before{content:"";position:absolute;left:15px;top:32px;bottom:16px;width:2px;background:#e5e7eb}.step-item{display:flex;align-items:flex-start;gap:16px;padding:12px 0;cursor:pointer;position:relative}.step-number{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#9ca3af;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.step-item.active .step-number{border-color:#088b7b;color:#088b7b;background:#fff;box-shadow:0 0 0 4px #088b7b1f}.step-item.completed .step-number{border-color:#088b7b;background:#088b7b;color:#fff}.step-info{padding-top:4px}.step-title{font-size:14px;font-weight:600;color:#9ca3af;margin-bottom:2px;transition:color .2s ease}.step-item.active .step-title,.step-item.completed .step-title{color:#374151}.step-subtitle{font-size:12px;color:#9ca3af}.form-panel{flex:1 1;background:#fff;border-radius:20px;padding:48px;box-shadow:0 1px 3px #0000000a,0 6px 24px #0000000a;border:1px solid #0000000a}.calculator-intro{text-align:left;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #f3f4f6}.calculator-intro h2{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:8px;letter-spacing:-.025em}.calculator-intro p{font-size:1rem;color:#6b7280;line-height:1.6;margin:0}.wizard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e8f5f3;border-top-color:#088b7b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.wizard-header{margin-bottom:32px}.wizard-header h1{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:6px;letter-spacing:-.025em}.wizard-header p{font-size:.95rem;color:#6b7280}.wizard-content{transition:opacity .25s ease,transform .25s ease}.wizard-content.animating{opacity:0;transform:translateY(12px)}.step-content{max-width:100%}.step-question{font-size:1rem;font-weight:600;color:#374151;margin-bottom:20px;text-align:left}.gender-cards{display:flex;gap:12px;max-width:280px}.gender-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px 24px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:row;align-items:center;gap:10px;flex:1 1}.gender-card:hover{border-color:#d1d5db;background:#f9fafb}.gender-card.selected{border-color:#088b7b;background:#fff;box-shadow:0 0 0 3px #088b7b14}.gender-icon{width:36px;height:36px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:16px;color:#6b7280;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.gender-card:hover .gender-icon{background:#e5e7eb}.gender-card.selected .gender-icon{background:#088b7b;color:#fff}.gender-card span{font-size:14px;font-weight:600;color:#374151}.date-picker{display:flex;gap:8px;max-width:320px}.date-field{display:flex;flex-direction:column;gap:6px;flex:1 1}.date-field:first-child{flex:1.3 1}.date-field:nth-child(2){flex:0.9 1}.date-field label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;text-align:center}.date-field select{padding:16px 12px;border:1px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:600;color:#111827;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%239ca3af' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-shadow:0 1px 2px #0000000a}.date-field select:hover{border-color:#d1d5db;background-color:#fafafa}.date-field select:focus{outline:none;border-color:#088b7b;box-shadow:0 0 0 3px #088b7b1a,0 1px 2px #0000000a}.date-field select option{font-weight:500}.step-header-with-toggle{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:20px}.step-header-with-toggle .step-question{margin-bottom:0}.unit-toggle{display:inline-flex;gap:0}.unit-btn{padding:4px 8px;border:none;background:#0000;border-radius:4px;font-size:11px;font-weight:500;color:#c4c9d1;cursor:pointer;transition:all .15s ease;white-space:nowrap}.unit-btn:hover:not(.active){color:#9ca3af;background:none}.unit-btn.active{color:#6b7280;font-weight:600}.input-with-unit{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:4px 4px 4px 20px;max-width:220px;transition:all .2s ease}.input-with-unit:hover{border-color:#d1d5db}.input-with-unit:focus-within{border-color:#088b7b;box-shadow:0 0 0 3px #088b7b1a}.input-with-unit input,.input-with-unit select{flex:1 1;border:none;font-size:22px;font-weight:600;color:#111827;background:#0000;min-width:0}.input-with-unit input:focus,.input-with-unit select:focus{outline:none}.input-with-unit input::placeholder{color:#9ca3af;font-weight:400;font-size:16px}.input-with-unit select{cursor:pointer;-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center;padding-left:8px;padding-right:8px;background-image:none}.input-with-unit .unit{background:#f3f4f6;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600;color:#6b7280;margin-left:8px}.input-with-unit input::-webkit-inner-spin-button,.input-with-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-with-unit input[type=number]{-moz-appearance:textfield}.height-imperial{display:flex;gap:12px;max-width:300px}.height-imperial .input-with-unit{flex:1 1;max-width:none}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-card{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:16px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.activity-card:hover{border-color:#d1d5db;background:#f9fafb}.activity-card.selected{border-color:#088b7b;background:#fff;box-shadow:0 0 0 3px #088b7b14}.activity-check{width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.activity-card:hover .activity-check{border-color:#9ca3af}.activity-card.selected .activity-check{background:#088b7b;border-color:#088b7b}.activity-text{display:flex;flex-direction:column;gap:2px}.activity-label{font-size:15px;font-weight:600;color:#374151}.activity-desc{font-size:13px;color:#6b7280}.goal-list{display:flex;flex-direction:column;gap:10px}.goal-card{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:16px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.goal-card:hover{border-color:#d1d5db;background:#f9fafb}.goal-card.selected{border-color:#088b7b;background:#fff;box-shadow:0 0 0 3px #088b7b14}.goal-check{width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.goal-card:hover .goal-check{border-color:#9ca3af}.goal-card.selected .goal-check{background:#088b7b;border-color:#088b7b}.goal-text{display:flex;flex-direction:column;gap:2px}.goal-label{font-size:15px;font-weight:600;color:#374151}.goal-desc{font-size:13px;color:#6b7280}.meals-selector{display:flex;gap:10px;max-width:280px}.meals-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;flex:1 1}.meals-card:hover{border-color:#d1d5db;background:#f9fafb}.meals-card.selected{border-color:#088b7b;background:#fff;box-shadow:0 0 0 3px #088b7b14}.meals-number{font-size:22px;font-weight:700;color:#374151;line-height:1}.meals-card.selected .meals-number{color:#088b7b}.meals-label{font-size:11px;color:#6b7280;font-weight:500}.wizard-nav{display:flex;justify-content:center;gap:12px;margin-top:48px}.btn-back{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-back:hover{border-color:#d1d5db;color:#374151;background:#f9fafb}.btn-next{display:flex;align-items:center;gap:10px;padding:14px 32px;background:#088b7b;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-next:hover:not(.disabled){background:#077a6b;transform:translateY(-1px);box-shadow:0 8px 20px #088b7b40}.btn-next.disabled{background:#d1d5db;cursor:not-allowed}.btn-save{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background:#1e293b;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:200px}.btn-save:hover:not(:disabled){background:#334155;transform:translateY(-1px);box-shadow:0 8px 20px #1e293b40}.btn-save:disabled{cursor:not-allowed;opacity:.7}.btn-save.saved{background:#059669}.btn-save.saved:hover{background:#059669;transform:none;box-shadow:none}.health-notice{margin-top:24px;padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;font-size:13px;color:#dc2626;font-weight:500;text-align:left}.results-content{text-align:center}.result-highlight{padding:32px 0;margin-bottom:32px;border-bottom:1px solid #f3f4f6}.result-highlight .result-label{font-size:12px;font-weight:600;color:#088b7b;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:8px}.result-highlight .result-number{font-size:4.5rem;font-weight:800;color:#088b7b;background:linear-gradient(135deg,#066153,#088b7b);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;line-height:1.1;margin-bottom:8px}.result-highlight .result-unit{font-size:1rem;color:#6b7280;font-weight:500}.result-details-row{display:flex;justify-content:center;gap:48px;padding:8px 0}.result-stat{text-align:center}.result-stat-value{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:2px}.result-stat-label{font-size:13px;color:#6b7280}