:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-card: #111111;--bg-card-hover: #1a1a1a;--bg-elevated: #141414;--bg-subtle: #181818;--bg-surface: #1f1f1f;--bg-highlight: #252525;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-red: #ef4444;--accent-orange: #f59e0b;--accent-pink: #ec4899;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--border: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .08);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 64px rgba(0, 0, 0, .4);--gradient-accent: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));--gradient-mesh: radial-gradient(at 40% 20%, hsla(28, 100%, 74%, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, .15) 0px, transparent 50%);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--radius: 12px}html{overflow-x:hidden;max-width:100vw;margin:0;padding:0}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;font-size:clamp(.875rem,2.5vw,1rem);position:relative;overflow-x:hidden;max-width:100vw}.container{max-width:1400px;margin:0 auto;padding:24px}h1{font-size:32px;font-weight:700;margin-bottom:8px}h2{font-size:24px;font-weight:600;margin-bottom:16px}h3{font-size:18px;font-weight:600;color:var(--text-primary)}button{cursor:pointer;font-family:inherit}@media (max-width: 768px){body{padding-bottom:110px}.chart-grid{grid-template-columns:1fr!important;gap:1rem!important}.stats-grid-2{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.stats-grid-3{grid-template-columns:1fr!important}.stats-grid-4{grid-template-columns:1fr 1fr!important}.chart-card{padding:1rem!important}.chart-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.chart-title{font-size:1rem!important}.schedule-item{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.schedule-item>div:last-child{width:100%!important;min-width:auto!important}.schedule-item button{width:100%!important}.calendar-day{min-height:60px!important;padding:.5rem!important;font-size:.75rem!important}.blend-constituents{padding:.5rem!important;font-size:.65rem!important}.blend-constituents>div{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important}.container{padding:12px!important}.dashboard,.main-content{padding:.75rem!important}.sidebar{transform:translate(-100%)!important}.sidebar.mobile-open{transform:translate(0)!important}.main-content{margin-left:0!important;width:100%!important}.btn{padding:.5rem .75rem!important;font-size:.875rem!important}.btn-sm{padding:.375rem .5rem!important;font-size:.75rem!important}.hide-mobile{display:none!important}}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-card: #111111;--bg-card-hover: #1a1a1a;--bg-elevated: #141414;--bg-subtle: #181818;--bg-surface: #1f1f1f;--bg-highlight: #252525;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, .5);--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--secondary-500: #a855f7;--secondary-600: #9333ea;--secondary-700: #7e22ce;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-blue-active: #1d4ed8;--accent-purple: #8b5cf6;--accent-purple-hover: #7c3aed;--accent-purple-active: #6d28d9;--accent-green: #10b981;--accent-green-hover: #059669;--accent-green-active: #047857;--accent-red: #ef4444;--accent-red-hover: #dc2626;--accent-red-active: #b91c1c;--accent-orange: #f59e0b;--accent-orange-hover: #d97706;--accent-orange-active: #b45309;--accent-pink: #ec4899;--accent-pink-hover: #db2777;--accent-pink-active: #be185d;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--border-focus: rgba(59, 130, 246, .4);--border-color: rgba(255, 255, 255, .08);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-md: 0 12px 40px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 64px rgba(0, 0, 0, .4);--shadow-xl: 0 32px 80px rgba(0, 0, 0, .5);--gradient-accent: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));--gradient-success: linear-gradient(135deg, #10b981, #059669);--gradient-warning: linear-gradient(135deg, #f59e0b, #d97706);--gradient-danger: linear-gradient(135deg, #ef4444, #dc2626);--gradient-mesh: radial-gradient(at 40% 20%, hsla(28, 100%, 74%, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, .15) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(252, 100%, 74%, .1) 0px, transparent 50%);--transition: all .2s ease-out;--transition-fast: all .2s ease-out;--transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--radius-sm: 8px;--radius: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--font-light: 300;--font-normal: 400;--font-semibold: 600;--font-bold: 700}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;font-size:clamp(.875rem,2.5vw,1rem);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-mesh);opacity:.3;z-index:-1;animation:meshMove 20s ease infinite}@keyframes meshMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-30px) scale(1.05)}66%{transform:translate(20px,-10px) scale(1.08)}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-card-hover) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{height:1rem;margin:.5rem 0;border-radius:var(--radius-sm)}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--space-md)}.skeleton-card{height:200px;border-radius:var(--radius-md)}.skeleton-stat{height:120px;border-radius:var(--radius-md)}.fade-in{animation:fadeInUp .6s ease-out backwards}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.fade-in-delay-4{animation-delay:.4s}.fade-in-delay-5{animation-delay:.5s}.fade-in-delay-6{animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-grid>*:nth-child(1){animation:fadeInUp .6s ease-out .1s backwards}.stats-grid>*:nth-child(2){animation:fadeInUp .6s ease-out .2s backwards}.stats-grid>*:nth-child(3){animation:fadeInUp .6s ease-out .3s backwards}.stats-grid>*:nth-child(4){animation:fadeInUp .6s ease-out .4s backwards}.stats-grid>*:nth-child(5){animation:fadeInUp .6s ease-out .5s backwards}.stats-grid>*:nth-child(6){animation:fadeInUp .6s ease-out .6s backwards}.chart-grid>*:nth-child(1){animation:fadeInUp .6s ease-out .2s backwards}.chart-grid>*:nth-child(2){animation:fadeInUp .6s ease-out .3s backwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-contrast: high){:root{--glass-border: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9)}}.page-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.section-title{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;color:var(--text-primary)}.card-title{font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.card-value{font-size:clamp(2rem,5vw,2.5rem);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-sm);letter-spacing:-.02em;color:var(--text-primary)}.dashboard{display:block;min-height:100vh}@media (min-width: 769px){.dashboard{display:grid;grid-template-columns:260px 1fr;gap:0}}.main-content{padding:.75rem;max-width:1600px;margin:0 auto}@media (min-width: 769px){.main-content{padding:1.5rem;max-width:none}}@media (max-width: 480px){.main-content{padding:.75rem!important;overflow-x:hidden}.card{padding:1rem!important;border-radius:12px!important}.stats-grid,.stats-grid-3,.stats-grid-4,.chart-grid{grid-template-columns:1fr!important;gap:.75rem!important;margin-bottom:1rem!important}.content-header{margin-bottom:.5rem!important;margin-top:0!important;justify-content:flex-start!important;width:100%}.content-header>div:first-child{flex:none;width:100%}.page-title{text-align:left!important;width:100%;margin-bottom:.5rem!important;padding-left:0}.header-actions{justify-content:flex-start!important;width:100%;gap:.5rem!important}}@media (max-width: 768px){.main-content{padding:1rem}}.sidebar{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);padding:2rem 0 1rem;position:sticky;top:0;height:100vh;overflow-y:auto;transition:transform .3s ease;display:flex;flex-direction:column}.sidebar-header{padding:0 2rem 2rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.logo{font-size:1.5rem;font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{list-style:none;padding:0 1rem}.mobile-tab-nav{display:none}.nav-item{margin-bottom:.5rem}.nav-link{display:flex;align-items:center;padding:1rem;text-decoration:none;color:var(--text-secondary);border-radius:var(--radius);transition:var(--transition);position:relative;font-weight:500}.nav-link:hover{background:var(--glass-bg);color:var(--text-primary);transform:translate(4px)}.nav-link.active{background:var(--gradient-accent);color:#fff;box-shadow:0 8px 24px #3b82f64d}.nav-icon{font-size:1.25rem;margin-right:.75rem;width:24px;text-align:center}.info-icon{margin-left:auto;opacity:.5;cursor:help;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--accent-blue);color:#fff;font-size:10px;font-weight:700;position:relative}.info-icon:hover{opacity:1}.info-icon[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.75rem;width:250px;font-size:.875rem;color:var(--text-secondary);z-index:1000;box-shadow:var(--shadow);white-space:normal;font-weight:400}.nav-link.admin-link{color:var(--accent-purple)}.nav-link.admin-link:hover{background:#8b5cf61a}.nav-link.admin-link.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue))}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--border)}.sidebar .logout-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.sidebar .logout-button:hover{background:#ef44441a;border-color:var(--accent-red);color:var(--accent-red)}.main-content{overflow-y:auto;overflow-x:hidden;max-width:100vw;width:100%;position:relative}.content-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;width:100%}.content-header>div:first-child{flex:1;min-width:0}.header-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-left:auto}.card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow);transition:var(--transition-fast);cursor:pointer;height:fit-content;position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out}.card:hover:after{transform:scaleX(1)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(59,130,246,.08),transparent 40%);opacity:0;transition:opacity .2s ease-out;pointer-events:none}.card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover);background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.card:hover:before{opacity:1}.card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.card-icon{width:48px;height:48px;font-size:var(--font-3xl);display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border-radius:var(--radius);padding:var(--space-sm);transition:var(--transition-fast)}.card:hover .card-icon{transform:scale(1.1) rotate(5deg);background:var(--glass-bg-hover)}.card-trend{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem}.trend-up{color:var(--accent-green)}.trend-down{color:var(--accent-red)}.percentage-change{font-weight:600;font-size:.875rem;margin-left:.5rem}.percentage-change.positive{color:var(--accent-green)}.percentage-change.negative{color:var(--accent-red)}.percentage-change:before{content:"("}.percentage-change:after{content:")"}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stats-grid .card,.stats-grid-3 .card,.stats-grid-4 .card{min-height:200px;height:auto;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.stats-grid-3,.stats-grid-4{align-items:stretch}.stats-grid .card .card-header,.stats-grid-3 .card .card-header,.stats-grid-4 .card .card-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between}.stats-grid .card .card-trend,.stats-grid-3 .card .card-trend,.stats-grid-4 .card .card-trend{flex:0 0 auto;margin-top:.5rem}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.chart-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.chart-container{height:300px;position:relative}.chart-container.large{height:400px}.btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn:active:before{width:300px;height:300px}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #3b82f666}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0003}.btn-xs{padding:.25rem .5rem;font-size:.75rem;font-weight:500}.btn-sm{padding:.5rem .75rem;font-size:.8125rem}.category-filter{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.875rem}.filter-btn.active,.filter-btn:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.biomarker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1rem}.biomarker-category{background:var(--bg-secondary);border-radius:12px;padding:1rem;border:1px solid var(--border)}.biomarker-category h3{margin:0 0 1rem;color:var(--accent-purple);font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.biomarker-input{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:var(--bg-primary);border-radius:8px}.biomarker-input label{flex:1;color:var(--text-secondary);font-size:.875rem;font-weight:500}.biomarker-input input{width:80px;padding:.25rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);text-align:center}.biomarker-unit{color:var(--text-secondary);font-size:.75rem;min-width:40px}.lab-result-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border);margin-bottom:1rem;transition:all .2s}.lab-result-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.lab-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.lab-result-date{font-weight:600;color:var(--text-primary);font-size:1.1rem}.lab-result-info{color:var(--text-secondary);font-size:.875rem}.biomarker-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.biomarker-value{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-primary);border-radius:6px;border-left:3px solid var(--accent-purple)}.biomarker-value.normal{border-left-color:var(--accent-green)}.biomarker-value.high,.biomarker-value.low{border-left-color:var(--accent-orange)}.biomarker-value.critical_high,.biomarker-value.critical_low{border-left-color:var(--accent-red)}.biomarker-name{font-weight:500;color:var(--text-primary)}.biomarker-result{display:flex;align-items:center;gap:.25rem}.biomarker-number{font-weight:600;color:var(--text-primary)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-green)}.status-indicator.high,.status-indicator.low{background:var(--accent-orange)}.status-indicator.critical_high,.status-indicator.critical_low{background:var(--accent-red)}.activity-list{max-height:300px;overflow-y:auto}.activity-item{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1.25rem}.activity-content{flex:1}.activity-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.activity-meta{color:var(--text-muted);font-size:.875rem}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background:var(--gradient-accent);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s linear infinite}.badge{padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#10b98133;color:var(--accent-green)}.badge-warning{background:#f59e0b33;color:#f59e0b}.badge-danger{background:#ef444433;color:var(--accent-red)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modalFadeIn .25s ease-out;padding:1rem;align-items:center;justify-content:center}.modal-content{background:var(--bg-card-hover);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);margin:2rem auto;padding:0;border-radius:16px;width:90%;max-width:480px;border:1px solid var(--glass-border);box-shadow:0 20px 40px #0000004d,0 4px 12px #0000001a;overflow:hidden;animation:modalSlideIn .35s cubic-bezier(.34,1.56,.64,1);transform-origin:center;max-height:calc(100vh - 4rem)}.cycle-wizard-modal .modal-content.cycle-wizard-content{background:var(--bg-card)!important}.cycle-wizard-modal .form-label{color:var(--text-primary)!important}.cycle-wizard-modal .dosing-card{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.modal-header{padding:2rem 2.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-card);position:relative;border-radius:16px 16px 0 0}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.close-btn,.close{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.close-btn:hover,.close:hover{background:#ef444433;color:var(--accent-red);transform:translateY(-50%) rotate(90deg)}.modal-content form{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 140px);background:var(--bg-card)}.modal-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 1rem;padding-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.modal-content h4:first-of-type{margin-top:0}@keyframes modalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.form-group{margin-bottom:1.75rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;letter-spacing:0;text-transform:none}.form-input,.form-select,.form-textarea,.form-control{width:100%;max-width:100%;padding:.875rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);font-weight:400;transition:all .2s ease;box-shadow:none;min-height:44px;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-width:0}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus{outline:none;border-color:var(--accent-blue);background:var(--bg-subtle);box-shadow:0 0 0 3px #3b82f61a}.form-row{display:flex;gap:1rem;max-width:100%;overflow:hidden;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--text-disabled);font-weight:400;font-style:normal}.form-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.baseline-input[readonly]{background-color:var(--bg-secondary)!important;border:1px solid var(--border)!important;cursor:not-allowed;opacity:.8}.baseline-input:not([readonly]){background-color:var(--bg-primary)!important;border:2px solid var(--accent-blue)!important}.fab-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:100}.fab-main{width:64px;height:64px;border-radius:50%;border:none;background:var(--gradient-accent);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 32px #0ea5e94d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:101}.fab-main:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0ea5e966}.fab-main.expanded{transform:rotate(45deg);background:linear-gradient(135deg,var(--accent-red),#ef4444)}.fab-submenu{display:flex;flex-direction:column;gap:.75rem;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none}.fab-submenu.expanded{opacity:1;transform:translateY(0);pointer-events:all}.fab-sub{width:48px;height:48px;border-radius:50%;border:none;background:var(--bg-card);color:var(--text-primary);font-size:1.25rem;cursor:pointer;box-shadow:0 4px 16px #0003;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:2px solid var(--border)}.fab-sub:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 8px 24px #0000004d;background:var(--bg-card-hover)}.fab-sub.dose{border-color:var(--accent-blue);transition-delay:.1s}.fab-sub.metric{border-color:var(--accent-green);transition-delay:.05s}.fab-sub.calculator{border-color:var(--accent-purple);transition-delay:0s}.fab-label{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:#000000e6;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.fab-sub:hover .fab-label{opacity:1}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:1.5rem}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease}.profile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--bg-card-hover)}.profile-card .card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.profile-card .card-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:1rem}.stat-item{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.stat-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-category{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.cycle-section{margin-bottom:2rem}.cycle-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem;transition:all .2s}.cycle-item:hover{transform:translate(2px);background:var(--bg-card-hover)}.cycle-item.active{border-color:var(--accent-green)}.tutorial-banner{display:none;background:var(--gradient-accent);color:#fff;padding:1rem 2rem;border-radius:12px;margin-bottom:2rem;position:relative}.tutorial-banner.show{display:block}.tutorial-dismiss{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;padding:.25rem .5rem;border-radius:6px;cursor:pointer}.status-bar{height:8px;border-radius:4px;overflow:hidden;display:flex}.status-segment{transition:all .3s ease}.status-segment.normal{background:var(--accent-green)}.status-segment.low{background:#fbbf24}.status-segment.high{background:#f97316}.status-segment.critical{background:var(--accent-red)}.biomarker-grade-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-card)}.biomarker-grade-item.normal{border-color:var(--accent-green);background:#10b9811a}.biomarker-grade-item.low,.biomarker-grade-item.high{border-color:#fbbf24;background:#fbbf241a}.biomarker-grade-item.critical_low,.biomarker-grade-item.critical_high{border-color:var(--accent-red);background:#ef44441a}.biomarker-grade{font-weight:600;font-size:.875rem}.biomarker-grade-item.normal .biomarker-grade{color:var(--accent-green)}.biomarker-grade-item.low .biomarker-grade,.biomarker-grade-item.high .biomarker-grade{color:#fbbf24}.biomarker-grade-item.critical_low .biomarker-grade,.biomarker-grade-item.critical_high .biomarker-grade{color:var(--accent-red)}@media (max-width: 1400px){.stats-grid-4{grid-template-columns:repeat(3,1fr);gap:1.25rem}.stats-grid-3{gap:1.25rem}.chart-grid,.activity-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.modal-content{max-width:440px}.modal-header,.modal-content form{padding-left:2rem;padding-right:2rem}.stats-grid .card,.stats-grid-3 .card,.stats-grid-4 .card{min-height:180px;height:auto}.fab-container{bottom:1.5rem;right:1.5rem}.fab-main{width:56px;height:56px;font-size:1.25rem}.fab-sub{width:44px;height:44px;font-size:1.125rem}}@media (max-width: 1200px){.stats-grid-4,.stats-grid-3{grid-template-columns:repeat(2,1fr);gap:1rem}.chart-grid,.activity-grid{grid-template-columns:1fr;gap:1rem}.modal-content{max-width:450px;padding:1.5rem;margin:3% auto}.stats-grid .card,.stats-grid-3 .card,.stats-grid-4 .card{min-height:160px;height:auto}.card-value{font-size:1.75rem}}@media (max-width: 1024px){.content-header{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;width:100%}.content-header>div:first-child{width:100%}.page-title{text-align:left!important}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.header-actions .btn{font-size:.875rem;padding:.5rem .75rem}}@media (max-width: 900px){.stats-grid-4,.stats-grid-3{grid-template-columns:repeat(2,1fr);gap:1rem}.stats-grid .card,.stats-grid-3 .card,.stats-grid-4 .card{min-height:150px;height:auto}.card-value{font-size:1.5rem}.modal-content{width:95%;max-width:400px;padding:1.25rem;margin:2% auto}}@media (max-width: 768px){.dashboard{grid-template-columns:1fr}.mobile-tab-nav{display:block;position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:0;margin-bottom:1rem}.mobile-tab-scroll{display:flex;overflow-x:auto;padding:.5rem 1rem;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none}.mobile-tab-scroll::-webkit-scrollbar{display:none}.mobile-tab-item{flex-shrink:0;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.mobile-tab-item.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.mobile-tab-item:hover{background:var(--bg-card-hover);border-color:var(--accent-blue)}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg-card);z-index:1000;transform:translate(-100%);transition:transform .3s ease;display:block}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay.active{display:block}.main-content{padding:.75rem}.main-content.no-padding-mobile{padding:0!important}.page-title{font-size:1.5rem}.card-title{font-size:.875rem}.section-title{font-size:1.25rem}#tutorialBanner{margin-top:1rem}.content-header{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;margin-bottom:1.5rem;width:100%}.content-header>div:first-child{width:100%}.page-title{text-align:left!important;width:100%}.header-actions{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.header-actions .btn{flex:1;min-width:120px;font-size:.875rem;padding:.5rem 1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stats-grid-3,.stats-grid-4{grid-template-columns:1fr;gap:1rem}.fab-container{bottom:100px;right:1rem}.fab-main{width:52px;height:52px;font-size:1.125rem}.fab-sub{width:40px;height:40px;font-size:1rem}.card-value{font-size:1.5rem}.chart-grid{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}.chart-container{width:100%!important;height:280px!important;max-width:100%;overflow:hidden;padding:.5rem}.chart-container.large{height:320px!important;min-height:320px}.chart-card{margin:.5rem 0;padding:1rem;max-width:100%;overflow:hidden}canvas{max-width:100%!important;height:auto!important;touch-action:pan-y}.chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.chart-header>div{flex-wrap:wrap;gap:.25rem}.modal{padding:.5rem}.modal-content{max-width:none;width:100%;max-height:95vh;border-radius:12px;margin:1rem!important;width:calc(100% - 2rem)!important}.modal-header{padding:1rem 1.25rem}.modal-content form{padding:1.25rem;max-height:calc(95vh - 80px)}.form-input,.form-select,.form-textarea{padding:1rem 1.25rem;font-size:1.125rem;min-height:48px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px}.form-group{margin-bottom:1.5rem!important}.form-label{font-size:.875rem!important;margin-bottom:.5rem!important;font-weight:600!important;color:var(--text-primary)!important}.form-row{flex-direction:column!important;gap:0!important}.modal-content .btn{padding:1rem 1.5rem!important;font-size:1rem!important;min-height:48px!important;border-radius:8px!important;font-weight:600!important}.profile-grid{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.modal-content{width:98%;max-width:none;padding:1rem;margin:1% auto;border-radius:16px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.card{padding:1rem}.page-title{font-size:1.25rem}}.tab-content{display:none}.tab-content.active{display:block!important;opacity:1!important;visibility:visible!important;height:auto!important}#effectsList,#profile,#doses,#metrics,#analysis,#blood-work,#schedule,#cycles{min-height:100px!important}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted);position:relative;overflow:hidden}.loading:before{content:"";width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-right:.75rem}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:100%}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state-text{margin-bottom:1.5rem;line-height:1.5;color:var(--text-muted)}.alert{padding:1rem;border-radius:12px;margin-bottom:1rem;font-weight:500}.alert-success{background:#10b9811a;color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.alert-error{background:#ef44441a;color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}#protocol{min-width:0;overflow-x:hidden}body.protocol-manager .mobile-tab-nav{display:none!important}body.protocol-manager .mobile-bottom-nav{display:none}@media (max-width: 768px){body.protocol-manager .mobile-bottom-nav{display:block!important}body.protocol-manager{padding-bottom:100px!important}}.dose-item{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:var(--transition);min-width:0;word-wrap:break-word}.dose-item:hover{background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.dose-icon{font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0ea5e933;border-radius:50%;flex-shrink:0}.dose-details{flex:1}.dose-peptide{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem}.dose-meta{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.cycle-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:var(--transition);margin-bottom:1rem}.cycle-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.cycle-card.active{border-color:var(--accent-blue);box-shadow:0 0 0 1px #0ea5e933}.cycle-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.cycle-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.cycle-duration{color:var(--text-muted);font-size:.875rem;font-weight:500}.cycle-peptides{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.peptide-tag{background:#0ea5e933;color:var(--accent-blue);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.cycle-actions{display:flex;gap:.75rem}#protocol .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#protocol .chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.cycle-wizard-modal{z-index:10000}.cycle-wizard-modal .cycle-wizard-content{max-width:800px;width:95%;max-height:90vh;overflow-y:auto;background:var(--bg-card)!important;border-radius:20px;box-shadow:0 20px 60px #0009}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-color)}.wizard-title h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.wizard-close .close{font-size:2rem;color:var(--text-muted);cursor:pointer;transition:color .2s ease}.wizard-close .close:hover{color:var(--text-primary)}.wizard-progress{padding:1rem 2rem}.progress-steps{display:flex;justify-content:space-between;margin-bottom:1rem}.step{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-muted);transition:all .3s ease}.step.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 0 20px #0ea5e980}.wizard-step{padding:2rem;min-height:400px}.wizard-step h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:2rem;text-align:center}.category-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.radio-option{display:flex;align-items:center;padding:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:var(--accent-blue);background:var(--bg-card-hover)}.radio-option input[type=radio]{margin-right:.75rem;transform:scale(1.2)}.radio-option input[type=radio]:checked+.radio-label{color:var(--accent-blue);font-weight:600}.radio-label{color:var(--text-primary);font-size:1rem}.quick-stacks{margin:2rem 0}.popular-cycles{margin-bottom:2rem}.collapsible-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);transition:all .2s ease;margin-bottom:.5rem}.collapsible-header:hover{background:var(--bg-card-hover);border-color:var(--accent-blue)}.collapsible-header h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.collapse-icon{color:var(--text-muted);font-size:.875rem;transition:transform .2s ease}.collapsible-desc{margin-bottom:1rem;padding-left:.75rem}.collapsible-desc small{color:var(--text-muted);font-size:.875rem}.template-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.template-btn{padding:1.5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:center;font-size:1rem;line-height:1.4}.template-btn:hover{border-color:var(--accent-blue);background:var(--bg-card-hover);transform:translateY(-2px)}.template-btn small{color:var(--text-muted);display:block;margin-top:.5rem;font-size:.8rem}.peptide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:1rem 0;max-height:300px;overflow-y:auto;padding:1rem;background:var(--bg-secondary);border-radius:8px}.peptide-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center;transition:all .2s ease}.peptide-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.peptide-name{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.peptide-class{color:var(--text-muted);font-size:.8rem;margin-bottom:1rem}.selected-peptide-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem}.selected-peptide-item .peptide-name{color:var(--text-primary);font-weight:600;margin-bottom:0}.selected-peptide-item .peptide-dose{color:var(--text-muted);font-size:.9rem}.selected-peptides{margin-top:2rem}.selected-peptides h4{color:var(--text-primary);margin-bottom:1rem}.no-selection{color:var(--text-muted);font-style:italic;text-align:center;padding:2rem}.timing-options{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.timing-option{display:flex;align-items:center;padding:1.5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.timing-option:hover,.timing-option.active{border-color:var(--accent-blue);background:var(--bg-card-hover)}.timing-option input[type=radio]{margin-right:1rem;transform:scale(1.2)}.option-content{flex:1}.option-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.option-desc{color:var(--text-muted);font-size:.9rem}.schedule-details{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.backdate-option{margin-top:2rem}.checkbox-option{display:flex;align-items:center;cursor:pointer}.checkbox-option input[type=checkbox]{margin-right:.75rem;transform:scale(1.2)}.checkbox-label{color:var(--text-primary)}.backdate-details{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.review-summary{background:var(--bg-secondary);border-radius:12px;padding:2rem}.summary-section{margin-bottom:2rem}.summary-section h4{color:var(--accent-blue);margin-bottom:1rem;font-size:1.1rem}.summary-section p{color:var(--text-primary);margin-bottom:.5rem;line-height:1.5}.wizard-navigation{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.wizard-navigation .btn{min-width:120px;padding:.75rem 1.5rem;font-weight:600}@media (max-width: 768px){.cycle-wizard-modal .cycle-wizard-content{width:100%;margin:0;border-radius:0;max-height:100vh;background:var(--bg-card)!important}.wizard-header{padding:1rem}.wizard-step{padding:1rem;min-height:300px}.category-selection,.template-buttons{grid-template-columns:1fr}.timing-options{gap:.5rem}.timing-option{padding:1rem}.wizard-navigation{padding:1rem;flex-direction:column;gap:1rem}.wizard-navigation .btn{width:100%}}body.protocol-manager .modal{z-index:99999!important}@media (min-width: 769px){body.protocol-manager .mobile-bottom-nav{display:none}body.protocol-manager .dashboard{min-height:calc(100vh - 160px)}body.protocol-manager .modal-content{max-height:calc(100vh - 200px)!important}body.protocol-manager .modal-content form{max-height:calc(100vh - 280px)!important}}@media (max-width: 768px){*,html,body{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}body{padding-bottom:100px!important}.sidebar{display:none!important}.dashboard{grid-template-columns:1fr!important}body.protocol-manager .main-content{padding:.75rem!important;overflow-x:hidden}#protocol .stats-grid,#protocol .stats-grid-4{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}#protocol .stats-grid .card{padding:.75rem;min-height:100px;height:auto}#protocol .chart-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.dose-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem;margin-bottom:.5rem}.dose-details{text-align:center}.dose-peptide{font-size:.9rem}.dose-meta{font-size:.8rem}.dose-actions{justify-content:center;gap:.5rem}.cycle-card{padding:1rem;margin-bottom:.75rem}.cycle-header{flex-direction:column;gap:.5rem;align-items:flex-start;text-align:left}.cycle-header h3{font-size:1rem}.cycle-actions{justify-content:flex-start;flex-wrap:wrap;gap:.5rem;width:100%}.cycle-actions .btn{flex:1;min-width:80px;font-size:.8rem;padding:.5rem}body.protocol-manager .modal,.modal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;padding:0!important;align-items:flex-start!important;justify-content:center!important;overflow-y:auto!important;background:#000000bf!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}body.protocol-manager .modal-content,.modal-content{width:calc(100% - 2rem)!important;max-width:480px!important;margin:1rem auto 3rem!important;max-height:none!important;overflow:visible!important;border-radius:12px!important;background:var(--bg-card)!important;box-shadow:0 8px 32px #0000004d!important;padding-bottom:2rem!important;box-sizing:border-box!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}body.protocol-manager .modal form,.modal form{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overflow-x:hidden!important}body.modal-open{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}.schedule-item{grid-template-columns:1fr!important;gap:.5rem;text-align:center;padding:.75rem}.schedule-time,.schedule-peptide,.schedule-amount{justify-self:center}.schedule-actions{justify-content:center;gap:.5rem}}@media (max-width: 320px){.main-content{padding:.5rem}#protocol .stats-grid,#protocol .stats-grid-4{grid-template-columns:1fr;gap:.5rem}.dose-item{padding:.5rem}.cycle-card{padding:.75rem}.header-actions .btn{padding:.65rem;font-size:.85rem}.chart-container{height:180px!important}}.schedule-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:1rem;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:var(--transition);margin-bottom:.75rem}.schedule-item:hover{background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.schedule-item.completed{opacity:.7;border-color:var(--accent-green)}.schedule-item.missed{border-color:var(--accent-red)}.schedule-time{font-weight:600;color:var(--text-primary);font-size:.875rem;white-space:nowrap}.schedule-peptide{font-weight:500;color:var(--text-primary)}.schedule-amount{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.schedule-actions{display:flex;gap:.5rem}.popular-cycles-compressed{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem}.popular-cycles-compressed .collapsible-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.popular-cycles-compressed .collapsible-header:hover{color:var(--accent-blue)}.template-buttons-compressed{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;max-height:200px;overflow-y:auto}.template-btn-small{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:center;font-size:.85rem;line-height:1.3;min-height:60px;display:flex;flex-direction:column;justify-content:center}.template-btn-small:hover{border-color:var(--accent-blue);background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.template-btn-small small{color:var(--text-muted);display:block;margin-top:.25rem;font-size:.75rem}.protocol-manager-main{padding:2rem;max-width:1400px;margin:0 auto}.protocol-header{text-align:center;margin-bottom:2rem}.protocol-title{font-size:2.5rem;font-weight:900;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:4px;text-transform:uppercase;text-shadow:0 4px 8px rgba(0,0,0,.3);transition:var(--transition)}.protocol-top-row{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.current-cycle-status h2,.quick-actions h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:1px}.cycle-status-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;height:140px;display:flex;align-items:center}.cycle-info{width:100%}.cycle-name{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.cycle-progress{margin-bottom:1rem}.progress-text{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted)}.progress-bar-container{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));transition:width .3s ease;border-radius:4px}.cycle-today{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted)}.action-buttons{display:grid;grid-template-columns:1fr;gap:.75rem}.action-btn{padding:.75rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;text-align:left}.action-btn.primary{background:var(--accent-blue);color:#fff}.action-btn.primary:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.action-btn.secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-blue)}.cycle-timeline-section{margin-bottom:2rem}.cycle-timeline-section h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:1px}.timeline-container{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem}.timeline-header{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;margin-bottom:1rem;font-size:.9rem;color:var(--text-muted)}.timeline-cycles{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0}.timeline-cycle{min-width:200px!important;max-width:250px!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:1rem!important;text-align:center!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.timeline-cycle.active{border-color:var(--accent-green);background:#10b9811a}.timeline-cycle.completed{opacity:.7}.timeline-cycle.planned{border-style:dashed}.protocol-bottom-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}.calendar-widget,.compliance-widget,.saturation-widget{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem}.protocol-bottom-row h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:1px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.day-header{text-align:center;font-weight:700;color:var(--text-muted);font-size:.8rem;padding:.5rem}.calendar-day{text-align:center;padding:.5rem;border-radius:8px;background:var(--bg-secondary);min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s}.calendar-day:hover{background:var(--bg-hover)}.calendar-day.today{background:var(--primary);color:#fff}.date-number{font-weight:700;font-size:1rem;margin-bottom:.25rem}.dose-indicator{font-size:.7rem;color:var(--success);font-weight:500;background:#22c55e1a;padding:.125rem .5rem;border-radius:12px}.timeline-navigation{display:flex!important;justify-content:center!important;align-items:center!important;gap:1rem!important;margin-bottom:1rem!important;padding:.5rem!important;background:var(--bg-secondary)!important;border-radius:6px!important;border:1px solid var(--border-color)!important;width:100%!important;box-sizing:border-box!important;max-width:none!important}.timeline-nav-btn{background:var(--primary)!important;color:#fff!important;border:none!important;padding:.25rem .75rem!important;border-radius:4px!important;cursor:pointer!important;font-size:.75rem!important;font-weight:500!important;transition:all .2s!important;min-width:60px!important;max-width:none!important}.timeline-nav-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.timeline-nav-btn:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;transform:none}.timeline-position{font-size:.7rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.timeline-cycles-container{display:flex;flex-direction:column;gap:.75rem}.timeline-cycles-list{display:flex!important;flex-direction:row!important;gap:1rem!important;overflow-x:hidden!important;justify-content:center!important;align-items:stretch!important}.compliance-stats{display:flex;flex-direction:column;gap:1rem}.compliance-item{display:flex;justify-content:space-between;align-items:center}.compliance-label{color:var(--text-muted);font-size:.9rem}.compliance-value{font-weight:700;color:var(--accent-green);font-size:1.1rem}.saturation-item{display:flex;align-items:center;gap:.5rem}.saturation-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.saturation-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:4px;transition:width .3s ease}.progress-charts-section{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem}.progress-charts-section h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:1px}.chart-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.chart-tab{padding:.75rem 1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.chart-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.chart-tab:hover{color:var(--text-primary)}.chart-content{min-height:400px}.chart-panel{display:none}.chart-panel.active{display:block}.chart-panel h3{margin-bottom:.5rem;color:var(--text-primary)}.chart-panel p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}@media (max-width: 768px){.protocol-manager-main{padding:1rem}.protocol-title{font-size:1.8rem}.protocol-top-row,.protocol-bottom-row{grid-template-columns:1fr;gap:1rem}.timeline-cycles{flex-direction:column}.timeline-cycle{min-width:auto}.chart-tabs{flex-wrap:wrap}.chart-tab{flex:1;min-width:80px;font-size:.8rem;padding:.5rem}.template-buttons-compressed{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.template-btn-small{padding:.5rem;font-size:.8rem;min-height:50px}}.timeline-tabs{display:flex;gap:0;margin-bottom:1rem;background:var(--bg-secondary);border-radius:12px;padding:.25rem;border:1px solid var(--border-color)}.timeline-tab{flex:1;background:transparent;border:none;padding:.75rem 1rem;color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.875rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.timeline-tab:hover{color:var(--text-primary);background:#ffffff0d}.timeline-tab.active{background:var(--bg-card);color:var(--accent-blue);box-shadow:0 2px 8px #0000001a}.timeline-tab-icon{font-size:1rem}.timeline-content{min-height:300px;background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.timeline-panel{display:none;animation:fadeIn .3s ease}.timeline-panel.active{display:block}.timeline-navigation-bar{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;gap:1rem;border:1px solid var(--border-color)}.timeline-nav-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.timeline-nav-label.past{text-align:right;min-width:60px}.timeline-nav-label.future{text-align:left;min-width:60px}.timeline-nav-track{flex:1;height:4px;background:var(--bg-primary);border-radius:2px;position:relative;max-width:300px}.timeline-nav-track:before{content:"◄";position:absolute;left:-20px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.timeline-nav-track:after{content:"►";position:absolute;right:-20px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.timeline-nav-current{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--accent-blue);border:2px solid white;border-radius:50%;box-shadow:0 2px 8px #3b82f666}.timeline-nav-current-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--accent-blue);white-space:nowrap;background:var(--bg-secondary);padding:.125rem .5rem;border-radius:4px}#allCyclesPanel{padding:0}.all-cycles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.all-cycles-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.add-cycle-btn{background:var(--accent-blue);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.add-cycle-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.cycles-list{display:grid;gap:1rem}#templatesPanel{padding:0}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.templates-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.add-template-btn{background:var(--accent-purple);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.add-template-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.templates-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}#schedulesPanel{padding:0}.schedules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.schedules-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.add-schedule-btn{background:var(--accent-green);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.add-schedule-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.schedules-list{display:flex;flex-direction:column;gap:.75rem}#recentDosesPanel{padding:0}.doses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.doses-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.add-dose-btn{background:var(--accent-orange, #f59e0b);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.add-dose-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.doses-list{display:flex;flex-direction:column;gap:.5rem}.empty-cycles,.empty-templates,.empty-schedules,.empty-doses{text-align:center;padding:3rem 2rem;color:var(--text-muted);background:#ffffff05;border:2px dashed var(--border-color);border-radius:12px;margin:1rem 0}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-title{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-text{font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.empty-action{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);text-decoration:none;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-action:hover{background:var(--bg-card-hover);border-color:var(--accent-blue);transform:translateY(-1px)}@media (max-width: 768px){.timeline-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem;gap:.25rem}.timeline-tabs::-webkit-scrollbar{display:none}.timeline-tab{min-width:100px;padding:.5rem .75rem;font-size:.8rem;flex-shrink:0}.timeline-tab-icon{display:none}.timeline-navigation-bar{flex-direction:column;gap:.5rem;padding:.75rem}.timeline-nav-track{width:100%;max-width:none}.timeline-nav-label.past,.timeline-nav-label.future{min-width:auto}.all-cycles-header,.templates-header,.schedules-header,.doses-header{flex-direction:column;gap:1rem;align-items:stretch}.add-cycle-btn,.add-template-btn,.add-schedule-btn,.add-dose-btn{width:100%;justify-content:center}.templates-list{grid-template-columns:1fr}.empty-cycles,.empty-templates,.empty-schedules,.empty-doses{padding:2rem 1rem}.empty-icon{font-size:2.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-tab:not(.active):hover{background:#3b82f61a}.timeline-panel h3{margin:0 0 1rem;color:var(--text-primary)}.timeline-panel p{color:var(--text-muted);line-height:1.5}.timeline-container{margin-bottom:0}.timeline-container+.protocol-bottom-row{margin-top:2rem}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.chart-grid{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}.chart-card{width:100%!important;max-width:100%!important;overflow:hidden;padding:.75rem!important;box-sizing:border-box;margin:0!important}.chart-card>div,.chart-card>div>div{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.chart-card .echarts-for-react,.chart-card canvas{width:100%!important;max-width:100%!important}.chart-header{flex-direction:column!important;align-items:flex-start!important}.chart-header>div{flex-direction:column!important;width:100%!important}.chart-header select,.chart-header button,.echarts-for-react{width:100%!important}}@media (max-width: 768px){.main-content{padding:.75rem!important;padding-bottom:100px!important}.content-header,.dashboard-container .content-header{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;margin-left:0!important;padding-left:0!important}.content-header>div:first-child{text-align:left!important;align-items:flex-start!important}.page-title{text-align:left!important;margin-left:0!important;padding-left:0!important}.protocol-header,.protocol-header h1,.protocol-header h2,.calculator-header,.calculator-title,.peptide-lib-header-section,.peptide-lib-header-section h2{text-align:left!important}}.main-content.public-content{padding-top:80px}@media (max-width: 768px){.main-content.public-content{padding-top:120px}}.pwa-install-banner{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:1200;width:calc(100% - 32px);max-width:480px;animation:pwa-slide-up .4s ease-out}.pwa-install-content{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#8b5cf626;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.3);border-radius:16px;box-shadow:0 8px 32px #0006}.pwa-install-icon img{border-radius:10px;display:block}.pwa-install-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.pwa-install-text strong{color:#fff;font-size:14px;font-weight:600}.pwa-install-text span{color:#ffffffb3;font-size:12px;line-height:1.3}.pwa-install-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#8b5cf6;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.pwa-install-btn:hover{background:#7c3aed}.pwa-dismiss-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#ffffff80;cursor:pointer;border-radius:50%;flex-shrink:0;transition:color .2s,background .2s}.pwa-dismiss-btn:hover{color:#fff;background:#ffffff1a}@keyframes pwa-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (min-width: 769px){.pwa-install-banner{bottom:24px}}.payment-failure-banner{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:.75rem 1rem;box-shadow:0 2px 8px #dc26264d}.payment-failure-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9rem;font-weight:500}.payment-failure-btn{display:inline-flex;align-items:center;gap:.4rem;background:#fff;color:#dc2626;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.payment-failure-btn:hover{background:#fef2f2;transform:scale(1.02)}@media (max-width: 768px){.payment-failure-inner{flex-wrap:wrap;font-size:.82rem;text-align:center}.payment-failure-btn{width:100%;justify-content:center;padding:.5rem}}.landing-container{min-height:100vh;background:#0a0a0f;color:#fff;overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:1rem 2rem}.landing-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.landing-logo svg{color:#4f46e5}.landing-logo img.brand-logo{height:36px;width:auto}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.nav-link:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:1rem}.btn-nav-secondary{color:#fffc;text-decoration:none;padding:.5rem 1rem;font-weight:500;font-size:.9rem;transition:color .2s}.btn-nav-secondary:hover{color:#fff}.btn-nav-primary{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-decoration:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:transform .2s,box-shadow .2s}.btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #4f46e566}@media (max-width: 768px){.nav-links,.nav-actions .btn-nav-secondary{display:none}.nav-actions .btn-nav-primary{padding:.5rem 1rem;font-size:.8rem}.landing-nav{height:56px}.nav-inner{padding:.75rem 1rem;height:100%}}@media (max-width: 768px){.mobile-nav-bar{display:block;position:fixed;top:56px;left:0;right:0;z-index:98;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(79,70,229,.25);box-shadow:0 4px 20px #0006}.mobile-nav-scroll{display:flex;align-items:center;justify-content:space-between;gap:.375rem;padding:.5rem .625rem}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;flex:1;padding:.5rem .25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffbf;font-size:.625rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:all .2s ease;cursor:pointer}.mobile-nav-link svg{color:#a5b4fc;flex-shrink:0}.mobile-nav-link:hover,.mobile-nav-link:active{background:#4f46e533;border-color:#4f46e566;color:#fff}.mobile-nav-link:active{transform:scale(.96)}.mobile-nav-link.mobile-nav-signin{background:linear-gradient(135deg,#4f46e540,#9333ea40);border-color:#4f46e566}.mobile-nav-link.mobile-nav-signin:hover,.mobile-nav-link.mobile-nav-signin:active{background:linear-gradient(135deg,#4f46e566,#9333ea66);border-color:#4f46e599}.mobile-nav-link.mobile-nav-dashboard{background:linear-gradient(135deg,#10b98140,#05966940);border-color:#10b98166}.mobile-nav-link.mobile-nav-dashboard:hover,.mobile-nav-link.mobile-nav-dashboard:active{background:linear-gradient(135deg,#10b98166,#05966966);border-color:#10b98199}.mobile-nav-link.mobile-nav-logout{background:linear-gradient(135deg,#ef444440,#dc262640);border-color:#ef444466}.mobile-nav-link.mobile-nav-logout:hover,.mobile-nav-link.mobile-nav-logout:active{background:linear-gradient(135deg,#ef444466,#dc262666);border-color:#ef444499}.hero-section{padding-top:8.5rem}}.hero-section{position:relative;padding:8rem 2rem 4rem;min-height:100vh;display:flex;flex-direction:column;align-items:center}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.hero-glow-1{width:600px;height:600px;background:linear-gradient(135deg,#4f46e5,#7c3aed);top:-200px;left:-100px}.hero-glow-2{width:500px;height:500px;background:linear-gradient(135deg,#9333ea,#ec4899);top:200px;right:-150px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.hero-content{position:relative;text-align:center;max-width:900px;margin-bottom:4rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#4f46e526;border:1px solid rgba(79,70,229,.3);color:#a5b4fc;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:2rem}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#4f46e5,#9333ea,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#fff9;line-height:1.7;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.btn-primary-lg{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer}.btn-primary-lg:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4f46e566}.btn-secondary-lg{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:500;transition:background .2s,border-color .2s}.btn-secondary-lg:hover{background:#ffffff1a;border-color:#ffffff40}.hero-trust{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.875rem}.trust-item svg{color:#22c55e}.hero-visual{position:relative;width:100%;max-width:1000px;margin:0 auto}.dashboard-mockup{background:#14141ecc;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -20px #00000080}.mockup-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:12px;height:12px;border-radius:50%}.mockup-dots span:nth-child(1){background:#ef4444}.mockup-dots span:nth-child(2){background:#eab308}.mockup-dots span:nth-child(3){background:#22c55e}.mockup-title{color:#ffffff80;font-size:.8rem}.mockup-content{display:flex;min-height:300px}.mockup-sidebar{width:200px;padding:1rem;background:#0003;border-right:1px solid rgba(255,255,255,.05)}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#ffffff80;border-radius:8px;font-size:.875rem;margin-bottom:.25rem}.sidebar-item.active{background:#4f46e533;color:#a5b4fc}.mockup-main{flex:1;padding:1.5rem}.mockup-stats{display:flex;gap:1.5rem;margin-bottom:2rem}.mock-stat{display:flex;align-items:center;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.5rem;flex:1}.mock-stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e533,#9333ea33);border-radius:10px;color:#a5b4fc}.mock-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.mock-stat-label{display:block;font-size:.75rem;color:#ffffff80}.mockup-chart{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;height:120px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:100%;gap:.5rem}.chart-bar{width:40px;background:linear-gradient(to top,#4f46e54d,#4f46e599);border-radius:4px 4px 0 0;transition:background .3s}.chart-bar.active{background:linear-gradient(to top,#4f46e5,#9333ea)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-cta{flex-direction:column}.mockup-sidebar{display:none}.mockup-stats{flex-direction:column}}.social-proof-bar{background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:2rem}.proof-inner{display:flex;align-items:center;justify-content:center;gap:3rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}.proof-stat{text-align:center}.proof-number{display:block;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.proof-label{display:block;font-size:.875rem;color:#ffffff80;margin-top:.25rem}.proof-divider{width:1px;height:40px;background:#ffffff1a}@media (max-width: 768px){.proof-divider{display:none}.proof-inner{gap:2rem}}.audience-tabs{padding:4rem 2rem 2rem;max-width:1200px;margin:0 auto}.tabs-header{text-align:center;margin-bottom:2rem}.tabs-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.tabs-header p{color:#fff9;font-size:1.125rem}.tab-switcher{display:flex;justify-content:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.5rem;max-width:500px;margin:0 auto}.tab-btn{display:flex;align-items:center;gap:.5rem;flex:1;padding:1rem 1.5rem;background:transparent;border:none;border-radius:12px;color:#fff9;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;justify-content:center}.tab-btn:hover{color:#fff}.tab-btn.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 20px #4f46e54d}.features-section{padding:2rem 2rem 4rem;max-width:1400px;margin:0 auto}.feature-block{max-width:1200px;margin:0 auto 4rem;padding:3rem 0}.feature-block.alt{background:#ffffff05;border-radius:24px;padding:3rem;max-width:1200px;margin:0 auto 4rem}.feature-block-header{text-align:center;margin-bottom:3rem}.feature-block-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#4f46e533,#9333ea33);border:1px solid rgba(79,70,229,.3);border-radius:16px;margin-bottom:1.5rem;color:#a5b4fc}.feature-block-icon.brand-icon{background:linear-gradient(135deg,#ec489933,#f9731633);border-color:#ec48994d;color:#f9a8d4}.feature-block-header h2{font-size:2rem;font-weight:700;margin-bottom:.75rem}.feature-block-header p{color:#fff9;font-size:1.125rem}.features-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.features-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.features-grid-3,.features-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid-3,.features-grid-4{grid-template-columns:1fr}}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);border-color:#4f46e566;box-shadow:0 20px 40px -15px #4f46e533}.feature-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#4f46e526,#9333ea26);border-radius:12px;margin-bottom:1.25rem;color:#a5b4fc}.feature-card-icon.brand-icon{background:linear-gradient(135deg,#ec489926,#f9731626);color:#f9a8d4}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:#fff9;line-height:1.6;margin-bottom:1rem}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.875rem;padding:.375rem 0}.feature-list li svg{color:#22c55e;flex-shrink:0}.feature-card-sm{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;text-align:center;transition:transform .2s,border-color .2s}.feature-card-sm:hover{transform:translateY(-2px);border-color:#4f46e54d}.feature-card-sm svg{color:#a5b4fc;margin-bottom:1rem}.feature-card-sm h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-card-sm p{color:#ffffff80;font-size:.875rem;line-height:1.5}.feature-card-compact{display:flex;align-items:flex-start;gap:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem;transition:border-color .2s}.feature-card-compact:hover{border-color:#4f46e54d}.feature-card-compact svg{color:#a5b4fc;flex-shrink:0;margin-top:2px}.feature-card-compact h4{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.feature-card-compact p{color:#ffffff80;font-size:.8rem;line-height:1.4}.feature-showcase{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1100px;margin:0 auto}@media (max-width: 900px){.feature-showcase{grid-template-columns:1fr}}.showcase-feature{display:flex;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.showcase-feature:last-child{border-bottom:none}.showcase-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e526,#9333ea26);border-radius:14px;flex-shrink:0;color:#a5b4fc}.showcase-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.showcase-info p{color:#fff9;line-height:1.6;font-size:.95rem}.showcase-visual{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem}.saturation-demo{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.sat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:600}.sat-value{color:#22c55e;font-size:1.25rem}.sat-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:1rem}.sat-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#22c55e);border-radius:4px;transition:width .5s ease}.sat-details{display:flex;justify-content:space-between}.sat-detail{text-align:center}.sat-label{display:block;font-size:.75rem;color:#fff6;margin-bottom:.25rem}.sat-data{font-size:.875rem;font-weight:600;color:#fffc}.halflife-demo{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.hl-curve{height:80px;margin-bottom:.5rem}.hl-curve svg{width:100%;height:100%}.hl-label{text-align:center;font-size:.75rem;color:#fff6}.ai-showcase{max-width:800px;margin:0 auto}.ai-chat-demo{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.ai-message{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1rem}.ai-message:last-child{margin-bottom:0}.ai-message.user{background:#4f46e526;border:1px solid rgba(79,70,229,.3);margin-left:2rem}.ai-message.assistant{background:#ffffff08;border:1px solid rgba(255,255,255,.08);margin-right:2rem;display:flex;gap:1rem}.ai-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:8px;flex-shrink:0}.ai-message p{color:#fffc;line-height:1.6;font-size:.95rem;margin:0}.ai-features{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.ai-feature{display:flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:.5rem 1rem;font-size:.875rem;color:#ffffffb3}.ai-feature svg{color:#a5b4fc}.brand-features .feature-block-icon{background:linear-gradient(135deg,#ec489933,#f9731633);border-color:#ec48994d;color:#f9a8d4}.brand-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.brand-hero-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.brand-hero-grid{grid-template-columns:1fr}}.brand-benefit{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;transition:transform .2s,border-color .2s}.brand-benefit:hover{transform:translateY(-4px);border-color:#ec48994d}.benefit-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec489926,#f9731626);border-radius:16px;margin-bottom:1.5rem;color:#f9a8d4}.brand-benefit h4{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.brand-benefit p{color:#fff9;line-height:1.6}.brand-benefit strong{color:#f9a8d4}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}@media (max-width: 900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.steps-grid{grid-template-columns:1fr}}.step-card{text-align:center;padding:2rem 1.5rem}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#f97316);border-radius:50%;font-size:1.25rem;font-weight:700;margin:0 auto 1.25rem}.step-card h4{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.step-card p{color:#ffffff80;font-size:.9rem;line-height:1.5}.earnings-showcase{max-width:700px;margin:0 auto}.earnings-table{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.earnings-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.earnings-row:last-child{border-bottom:none}.earnings-row.header{background:#0003;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.earnings-row.highlight{background:#ec48991a}.earnings-value{font-size:1.25rem;font-weight:700;color:#22c55e}.earnings-note{text-align:center;color:#fff6;font-size:.8rem;margin-top:1rem}.brand-pricing-cards-row{display:flex;gap:2rem;justify-content:center;max-width:900px;margin:0 auto}@media (max-width: 768px){.brand-pricing-cards-row{flex-direction:column;align-items:center}}.brand-pricing-card{position:relative;flex:1;max-width:420px;background:linear-gradient(180deg,#ec48991a,#0000 50%);border:2px solid rgba(236,72,153,.4);border-radius:24px;padding:2.5rem;text-align:center}.brand-pricing-card.brand-pricing-featured{border-color:#f9731699;background:linear-gradient(180deg,#f9731626,#0000 50%);transform:scale(1.02)}.brand-pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.brand-pricing-header{margin-bottom:2rem}.brand-pricing-header h4{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.brand-pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:.75rem}.brand-price-old{font-size:1.75rem;font-weight:600;color:#fff6;text-decoration:line-through}.brand-price-new{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#ec4899,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.brand-price-period{font-size:1.25rem;color:#ffffff80}.brand-pricing-savings{color:#22c55e;font-size:.95rem;font-weight:600;margin-top:.75rem}.brand-pricing-features{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.brand-pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#fffc;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem}.brand-pricing-features li:last-child{border-bottom:none}.brand-pricing-features li svg{color:#22c55e;flex-shrink:0}.brand-pricing-features li strong{color:#f9a8d4}.btn-brand-pricing{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;text-decoration:none;padding:1.125rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-brand-pricing:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ec489966}.brand-pricing-note{color:#ffffff80;font-size:.875rem;margin-top:1rem}.brand-cta-section{margin:3rem auto 0;text-align:center;background:linear-gradient(135deg,#ec48991a,#f973161a);border:1px solid rgba(236,72,153,.2);border-radius:24px;padding:4rem 2rem;max-width:1200px}.brand-cta-content h3{font-size:2rem;font-weight:700;margin-bottom:.75rem}.brand-cta-content>p{color:#fff9;font-size:1.125rem;margin-bottom:2rem}.brand-cta-note{color:#ffffff80;font-size:.875rem;margin-top:1rem}.pricing-section{padding:6rem 2rem;background:#0000004d}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.pricing-header p{color:#fff9;font-size:1.125rem}.pricing-cards{display:flex;justify-content:center;gap:2rem;max-width:900px;margin:0 auto}@media (max-width: 768px){.pricing-cards{flex-direction:column;align-items:center}}.pricing-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;width:100%;max-width:400px}.pricing-card.featured{border-color:#4f46e5;background:linear-gradient(180deg,#4f46e51a,#0000 50%);transform:scale(1.02)}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4f46e5,#9333ea);color:#fff;padding:.5rem 1.25rem;border-radius:50px;font-size:.8rem;font-weight:600;white-space:nowrap}.pricing-card-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.pricing-card-header h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.pricing-amount .currency{font-size:1.5rem;font-weight:600;color:#ffffffb3}.pricing-amount .price{font-size:3.5rem;font-weight:800;line-height:1}.pricing-amount .period{font-size:1rem;color:#ffffff80}.pricing-billed{color:#ffffff80;font-size:.875rem;margin-top:.5rem}.pricing-desc{color:#fff6;font-size:.875rem;margin-top:.5rem}.pricing-features{list-style:none;padding:0;margin:0 0 2rem}.pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.04);font-size:.95rem}.pricing-features li:last-child{border-bottom:none}.pricing-features li svg{color:#22c55e;flex-shrink:0}.btn-pricing,.btn-pricing-featured{display:block;width:100%;text-align:center;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-pricing{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.15)}.btn-pricing:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-pricing-featured{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none}.btn-pricing-featured:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4f46e566}.pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ffffff80;font-size:.9rem;margin-top:2rem}.pricing-guarantee svg{color:#22c55e}.faq-section{padding:6rem 2rem;max-width:1000px;margin:0 auto}.faq-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (max-width: 768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem}.faq-item h4{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.faq-item p{color:#fff9;line-height:1.6;font-size:.95rem}.final-cta{position:relative;text-align:center;padding:8rem 2rem;overflow:hidden}.cta-glow{position:absolute;width:600px;height:600px;background:linear-gradient(135deg,#4f46e54d,#9333ea4d);border-radius:50%;filter:blur(120px);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.final-cta-content{position:relative}.final-cta h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.final-cta>p,.final-cta-content>p:first-of-type{color:#fff9;font-size:1.25rem;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.btn-cta-lg{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-decoration:none;padding:1.25rem 2.5rem;border-radius:14px;font-size:1.25rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-cta-lg:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4f46e566}.cta-subtext{color:#fff6;font-size:.9rem;margin-top:1rem}@media (max-width: 768px){.final-cta h2{font-size:2rem}}.landing-footer{padding:4rem 2rem 2rem;background:#00000080;border-top:1px solid rgba(255,255,255,.05)}.footer-main{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto 3rem;gap:4rem}@media (max-width: 768px){.footer-main{flex-direction:column;gap:2rem}}.footer-brand{max-width:300px}.footer-brand p{color:#ffffff80;margin-top:1rem;line-height:1.6}.footer-links{display:flex;gap:4rem}@media (max-width: 500px){.footer-links{flex-direction:column;gap:2rem}}.footer-column h4{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:1rem}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;padding:.4rem 0;font-size:.9rem;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{color:#ffffff4d;font-size:.8rem;margin-bottom:.5rem}.footer-disclaimer{max-width:600px;margin:0 auto;line-height:1.5}.ecosystem-section{padding:6rem 2rem;text-align:center;max-width:1200px;margin:0 auto}.ecosystem-section h2{font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.ecosystem-section>p{color:#fff9;font-size:1.125rem;margin-bottom:3rem}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}@media (max-width: 768px){.ecosystem-grid{grid-template-columns:1fr;max-width:400px}}.ecosystem-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem 2rem;text-decoration:none;color:#fff;transition:transform .3s,border-color .3s,box-shadow .3s}.ecosystem-card:hover{transform:translateY(-6px)}.ecosystem-card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:.25rem}.ecosystem-card h3{font-size:1.5rem;font-weight:700}.ecosystem-card p{color:#fff9;font-size:.95rem;line-height:1.5}.ecosystem-card-arrow{display:inline-flex;align-items:center;gap:.375rem;font-size:.9rem;font-weight:600;margin-top:.5rem;transition:gap .2s}.ecosystem-card:hover .ecosystem-card-arrow{gap:.625rem}.ecosystem-card.vialdex{border-color:#7c3aed33}.ecosystem-card.vialdex:hover{border-color:#7c3aed80;box-shadow:0 20px 40px -10px #7c3aed33}.ecosystem-card.vialdex .ecosystem-card-icon{background:linear-gradient(135deg,#7c3aed33,#4f46e533);border:1px solid rgba(124,58,237,.3);color:#c4b5fd}.ecosystem-card.vialdex .ecosystem-card-arrow{color:#c4b5fd}.ecosystem-card.macrodex{border-color:#14b8a633}.ecosystem-card.macrodex:hover{border-color:#14b8a680;box-shadow:0 20px 40px -10px #14b8a633}.ecosystem-card.macrodex .ecosystem-card-icon{background:linear-gradient(135deg,#14b8a633,#0d948833);border:1px solid rgba(20,184,166,.3);color:#5eead4}.ecosystem-card.macrodex .ecosystem-card-arrow{color:#5eead4}.ecosystem-card.fitdex{border-color:#00d4ff33}.ecosystem-card.fitdex:hover{border-color:#00d4ff80;box-shadow:0 20px 40px -10px #00d4ff33}.ecosystem-card.fitdex .ecosystem-card-icon{background:linear-gradient(135deg,#00d4ff33,#08c3);border:1px solid rgba(0,212,255,.3);color:#67e8f9}.ecosystem-card.fitdex .ecosystem-card-arrow{color:#67e8f9}.discord-bot-section{padding:6rem 2rem;background:linear-gradient(180deg,#5865f20d,#0a0a0f00);border-top:1px solid rgba(88,101,242,.2)}.discord-bot-header{text-align:center;max-width:700px;margin:0 auto 4rem}.discord-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#5865f226;border:1px solid rgba(88,101,242,.3);border-radius:50px;color:#5865f2;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.discord-bot-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#5865f2,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.discord-bot-header p{color:#fff9;font-size:1.1rem}.discord-bot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto 4rem}@media (max-width: 1024px){.discord-bot-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.discord-bot-grid{grid-template-columns:1fr}}.discord-feature-card{background:#1e1e3280;border:1px solid rgba(88,101,242,.15);border-radius:16px;padding:1.75rem;transition:all .3s ease}.discord-feature-card:hover{border-color:#5865f266;transform:translateY(-4px);box-shadow:0 10px 30px #5865f21a}.discord-feature-card.highlight{background:linear-gradient(135deg,#5865f226,#7c3aed26);border-color:#5865f24d}.discord-feature-icon{width:56px;height:56px;background:linear-gradient(135deg,#5865f233,#7c3aed33);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#5865f2}.discord-feature-card h4{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.discord-feature-card p{color:#fff9;font-size:.9rem;line-height:1.6}.discord-badge-sm{display:inline-block;margin-top:1rem;padding:.25rem .75rem;background:linear-gradient(135deg,#5865f2,#7c3aed);border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.discord-pricing-preview{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem}@media (max-width: 600px){.discord-pricing-preview{flex-direction:column;align-items:center}}.discord-plan{background:#1e1e3299;border:1px solid rgba(88,101,242,.2);border-radius:16px;padding:2rem;text-align:center;min-width:220px;position:relative}.discord-plan.featured{border-color:#5865f2;background:linear-gradient(135deg,#5865f21a,#7c3aed1a)}.discord-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.35rem 1rem;background:linear-gradient(135deg,#5865f2,#7c3aed);border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.discord-plan h5{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#fffc}.discord-plan-price{font-size:2rem;font-weight:700;color:#5865f2;margin-bottom:.5rem}.discord-plan-price span{font-size:.9rem;font-weight:400;color:#ffffff80}.discord-plan p{color:#ffffff80;font-size:.85rem}.discord-cta{text-align:center}.btn-discord{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#5865f2,#7c3aed);color:#fff;text-decoration:none;border-radius:12px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 20px #5865f24d}.btn-discord:hover{transform:translateY(-2px);box-shadow:0 8px 30px #5865f280}.discord-cta-note{color:#fff6;font-size:.85rem;margin-top:1rem}.hamburger-button{position:fixed;top:1rem;left:1rem;z-index:1100;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003}.hamburger-button:hover{background:#ffffff14;transform:scale(1.05);box-shadow:0 8px 24px #0000004d}.hamburger-button:active{transform:scale(.95)}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;gap:5px}.hamburger-line{display:block;width:22px;height:2px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:2px;transform-origin:center}@media (max-width: 768px){.hamburger-button{top:.75rem;left:.75rem;width:44px;height:44px}.hamburger-icon{width:20px;height:20px;gap:4px}.hamburger-line{width:18px}}.menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000}.hamburger-menu{position:fixed;top:0;left:0;width:300px;height:100%;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-primary) 100%);border-right:1px solid var(--glass-border);box-shadow:4px 0 24px #0000004d,8px 0 48px #0003;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border)}.menu-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{color:var(--accent-blue);filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.menu-user{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border);background:#ffffff05}.user-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#fff;box-shadow:0 4px 12px #3b82f64d}.user-info{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.user-name{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-nav{flex:1;list-style:none;margin:0;padding:1rem .75rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.menu-nav::-webkit-scrollbar{width:4px}.menu-nav::-webkit-scrollbar-track{background:transparent}.menu-nav::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.menu-nav li{margin-bottom:.25rem}.menu-nav-link{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:10px;transition:all .2s ease;position:relative}.menu-nav-link:hover{background:#ffffff0f;color:var(--text-primary);transform:translate(4px)}.menu-nav-link.active{background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:var(--text-primary)}.menu-nav-link .nav-icon{font-size:1.25rem;width:28px;text-align:center}.menu-nav-link .nav-icon-svg{width:20px;height:20px;color:var(--accent-purple)}.menu-nav-link .nav-label{font-size:.95rem;font-weight:500}.active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--accent-blue),var(--accent-purple));border-radius:0 3px 3px 0}.admin-link{margin-top:.5rem;border-top:1px solid var(--glass-border);padding-top:1rem}.admin-link .nav-icon-svg{color:var(--accent-purple)}.menu-footer{padding:1rem 1.5rem;border-top:1px solid var(--glass-border);background:#0003}.logout-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:var(--accent-red);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#ef444433;border-color:#ef444466;transform:translateY(-2px)}.app-version{text-align:center;margin-top:.75rem;font-size:.75rem;color:var(--text-disabled)}.auth-buttons{display:flex;gap:.75rem;width:100%}.auth-button{flex:1;padding:.875rem;border-radius:10px;font-size:.95rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease}.auth-button.login-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:var(--accent-blue)}.auth-button.login-btn:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px)}.auth-button.register-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff}.auth-button.register-btn:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-2px)}@media (max-width: 768px){.hamburger-menu{width:100%;max-width:none}.menu-header,.menu-user{padding:1rem}.menu-nav{padding:.75rem}.menu-nav-link,.menu-footer{padding:1rem}}@media (max-width: 375px){.logo-text{font-size:1.25rem}.user-avatar{width:40px;height:40px;font-size:1rem}.menu-nav-link{padding:.875rem}}.ai-orb-floating{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 32px #667eea66,0 0 0 3px #ffffff1a,inset 0 1px #fff3;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.ai-orb-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 60%);animation:orbPulse 3s ease-in-out infinite}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.ai-orb-icon{position:relative;z-index:1;font-size:1.25rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.ai-orb-floating:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.3);opacity:0;transition:all .3s ease}.ai-orb-floating:hover:before{opacity:1;transform:scale(1.2)}@media (max-width: 768px){.ai-orb-floating{bottom:1rem;right:1rem;width:56px;height:56px}.ai-orb-icon{font-size:1.1rem}}@media (max-width: 375px){.ai-orb-floating{width:52px;height:52px}}.scifi-orb-container{position:relative;width:72px;height:72px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;z-index:50;margin-top:-45px;background:#0f172ae6;box-shadow:0 0 25px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.scifi-orb-container:active{transform:scale(.95)}.orb-core{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#60a5fa,#3b82f6,#1d4ed8);box-shadow:0 0 15px #3b82f6,0 0 30px #3b82f699,inset 0 0 10px #fff9;z-index:10;position:relative;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.85rem;letter-spacing:1px;text-shadow:0 0 4px rgba(0,0,0,.5);animation:orb-pulse 3s infinite ease-in-out}.orb-ring-inner{position:absolute;width:58px;height:58px;border-radius:50%;border:1px solid rgba(147,197,253,.3);border-top:2px solid rgba(147,197,253,.9);border-bottom:2px solid rgba(147,197,253,.9);animation:orb-spin 4s infinite linear;box-shadow:0 0 8px #3b82f64d}.orb-ring-outer{position:absolute;width:72px;height:72px;border-radius:50%;border:1px dashed rgba(167,139,250,.4);border-left:3px solid rgba(167,139,250,.8);border-right:3px solid rgba(167,139,250,.8);animation:orb-spin-reverse 7s infinite linear}.orb-scanner{position:absolute;width:100%;height:2px;background:#fffc;top:50%;left:0;animation:orb-scan 2s infinite ease-in-out;opacity:.5;box-shadow:0 0 4px #fff;transform-origin:center;z-index:11;display:none}@keyframes orb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orb-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes orb-pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #3b82f6,0 0 30px #3b82f699}50%{transform:scale(1.05);box-shadow:0 0 20px #60a5fa,0 0 40px #60a5facc}}@keyframes orb-scan{0%,to{transform:scaleX(.1);opacity:0}50%{transform:scaleX(1);opacity:.8}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:80px;background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:none;justify-content:space-around;align-items:flex-end;padding:0 .5rem .75rem;z-index:1000;box-shadow:0 -4px 30px #0006}.nav-btn{background:transparent;border:none;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;cursor:pointer;transition:all .2s;padding:.4rem .25rem;min-width:48px;flex:1;max-width:64px}.nav-btn-label{font-size:.55rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;opacity:.8;white-space:nowrap}.nav-btn:active{transform:scale(.9);color:var(--text-primary)}.nav-btn.active{color:var(--accent-blue)}.nav-app-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;box-shadow:0 2px 8px #0000004d}.fitdex-nav-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.macrodex-nav-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.nav-btn-app:active .nav-app-icon{transform:scale(.9);box-shadow:0 1px 4px #0006}.nav-add-icon{border-radius:50%;padding:7px;transition:all .2s}.mobile-quick-actions-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1001;display:flex;flex-direction:column;justify-content:flex-end}.mobile-quick-actions-sheet{background:var(--bg-card);border-radius:24px 24px 0 0;padding:2rem 1.5rem 2.5rem;border-top:1px solid var(--border);animation:slide-up .3s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #00000080}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.quick-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.quick-action-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;background:none;border:none;cursor:pointer;color:var(--text-primary);transition:transform .2s}.quick-action-item:active{transform:scale(.95)}.quick-action-icon-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #00000040;font-size:1.25rem}.quick-action-label{font-size:.75rem;font-weight:600;letter-spacing:.02em}@media (max-width: 768px){.mobile-bottom-nav{display:flex}}.quick-add-fab-container{position:fixed;bottom:6.5rem;right:1.5rem;z-index:899;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.quick-add-fab-main{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #3b82f666,0 0 0 3px #ffffff1a;transition:box-shadow .3s ease}.quick-add-fab-main:hover{box-shadow:0 8px 32px #3b82f680,0 0 0 4px #ffffff26}.quick-add-fab-main.expanded{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 24px #ef444466,0 0 0 3px #ffffff1a}.fab-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;margin-bottom:.5rem}.fab-action-wrapper{display:flex;align-items:center;gap:.75rem}.fab-action-label{background:var(--bg-card);color:var(--text-primary);padding:.5rem .875rem;border-radius:8px;font-size:.875rem;font-weight:500;box-shadow:0 4px 16px #0000004d;border:1px solid var(--border);white-space:nowrap}.fab-action-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;background:var(--fab-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:all .2s ease}.fab-action-btn:hover{filter:brightness(1.1)}.schedule-picker-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.schedule-picker-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;max-width:360px;width:100%;box-shadow:0 20px 60px #00000080}.schedule-picker-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.schedule-picker-subtitle{font-size:.875rem;color:var(--text-muted);margin:0 0 1.25rem}.schedule-picker-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.schedule-picker-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.schedule-picker-item:hover{background:#3b82f61a;border-color:var(--accent-blue)}.schedule-picker-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.schedule-picker-info{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.schedule-picker-name{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-picker-dose{font-size:.875rem;color:var(--text-muted)}.schedule-picker-cancel{width:100%;margin-top:1rem;padding:.875rem;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.schedule-picker-cancel:hover{background:#ffffff0d;color:var(--text-primary)}.schedule-picker-divider{display:flex;align-items:center;margin:1rem 0;color:var(--text-muted);font-size:.8rem}.schedule-picker-divider:before,.schedule-picker-divider:after{content:"";flex:1;height:1px;background:var(--border)}.schedule-picker-divider span{padding:0 .75rem;white-space:nowrap}.schedule-picker-empty{text-align:center;padding:1rem 0;margin-bottom:1rem}.schedule-picker-empty .schedule-picker-subtitle{margin-bottom:.5rem;font-weight:500}.schedule-picker-hint{font-size:.8rem;color:var(--text-muted);margin:0}@media (max-width: 768px){.quick-add-fab-container{bottom:5.5rem;right:1rem}.quick-add-fab-main{width:52px;height:52px}.fab-action-btn{width:44px;height:44px}.fab-action-label{font-size:.8rem;padding:.4rem .75rem}.schedule-picker-modal{max-width:100%;margin:0 1rem;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;padding-bottom:2rem}}@media (max-width: 375px){.quick-add-fab-container{bottom:5rem;right:.75rem}.quick-add-fab-main{width:48px;height:48px}.fab-action-btn{width:40px;height:40px}.fab-action-btn svg{width:18px;height:18px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:16px 20px;min-width:320px;max-width:500px;box-shadow:0 10px 40px #0000004d;display:flex;align-items:center;gap:12px;pointer-events:all;cursor:pointer;animation:slideIn .3s ease-out;transition:all .2s ease}.toast:hover{transform:translate(-4px);box-shadow:0 12px 48px #0006}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:#10b98133;color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:#ef444433;color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:#f59e0b33;color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:#3b82f633;color:#3b82f6}.toast-message{flex:1;font-size:.95rem;color:var(--text-primary);line-height:1.4}.toast-close{background:transparent;border:none;color:var(--text-muted);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:var(--text-primary)}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:unset;width:100%}}.quick-metrics-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.quick-metrics-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.quick-metrics-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.quick-metrics-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.quick-metrics-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .2s ease}.quick-metrics-close:hover{background:#ffffff1a;color:var(--text-primary)}.quick-metrics-tabs{display:flex;padding:.75rem;gap:.5rem;background:var(--bg-elevated)}.quick-metrics-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:transparent;border:none;border-radius:10px;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-metrics-tab:hover{color:var(--text-secondary)}.quick-metrics-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0003}.quick-metrics-content{padding:1.5rem;overflow-y:auto;flex:1}.quick-metrics-form{display:flex;flex-direction:column;gap:1.25rem}.quick-metric-field{display:flex;flex-direction:column;gap:.5rem}.quick-metric-field label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.quick-metric-field input{padding:.875rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.quick-metric-field input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.quick-metric-field input::placeholder{color:var(--text-disabled)}.bp-field .bp-inputs{display:flex;align-items:center;gap:.5rem}.bp-field .bp-inputs input{flex:1;text-align:center}.bp-field .bp-divider{font-size:1.5rem;font-weight:700;color:var(--text-muted)}.quick-metric-slider{display:flex;flex-direction:column;gap:.5rem}.quick-metric-slider label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.quick-metric-slider .slider-value{margin-left:auto;color:var(--accent-blue);font-weight:700}.quick-metric-slider input[type=range]{width:100%;height:8px;background:var(--bg-elevated);border-radius:4px;appearance:none;-webkit-appearance:none;cursor:pointer}.quick-metric-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);cursor:pointer;box-shadow:0 2px 8px #3b82f666;transition:transform .2s ease}.quick-metric-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.quick-metric-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);cursor:pointer;border:none;box-shadow:0 2px 8px #3b82f666}.quick-metric-slider .slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-disabled)}.quick-metric-notes{display:flex;flex-direction:column;gap:.5rem}.quick-metric-notes label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.quick-metric-notes textarea{padding:.875rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;resize:none;font-family:inherit;transition:all .2s ease}.quick-metric-notes textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.quick-metric-notes textarea::placeholder{color:var(--text-disabled)}.quick-metrics-actions{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.quick-metrics-cancel{flex:1;padding:.875rem 1.5rem;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-metrics-cancel:hover{background:#ffffff0d;color:var(--text-primary)}.quick-metrics-submit{flex:1;padding:.875rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-metrics-submit:hover{opacity:.9;transform:translateY(-1px)}.quick-metrics-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.quick-metrics-modal{max-width:100%;max-height:85vh;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0}.quick-metrics-content{padding:1.25rem}.quick-metrics-actions{padding-bottom:2rem}}.cycle-wizard-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.cycle-wizard-modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:min(900px,95vw);max-height:min(85vh,800px);height:auto;overflow:hidden;display:flex;flex-direction:column}.cycle-wizard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.cycle-wizard-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.cycle-wizard-fixed-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;background:#ef4444;border:3px solid var(--bg-primary);color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10011;box-shadow:0 4px 12px #ef444466;transition:all .2s}.cycle-wizard-fixed-close:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 6px 16px #ef444480}.cycle-wizard-modal{position:relative}.close-btn{background:#ffffff1a;border:1px solid var(--border);color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem .75rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.close-btn:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}.cycle-wizard-tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.tab{flex:1;padding:1rem 2rem;background:transparent;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;position:relative}.tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.tab.active{color:var(--accent-blue);background:var(--bg-primary)}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-blue)}.cycle-wizard-content{flex:1;overflow-y:auto;padding:1.5rem}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tab-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.schedule-filters{display:flex;gap:1rem;align-items:center}.schedule-filters select{padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text-primary)}.cycle-form,.schedule-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.cycle-form h4,.schedule-form h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.875rem;text-transform:none;letter-spacing:normal}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=color]{width:60px;height:40px;padding:0;cursor:pointer}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn{padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{background:var(--bg-secondary);transform:translateY(-1px)}.btn.btn-primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.btn.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.btn.btn-danger{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.btn.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn.btn-sm{padding:.5rem 1rem;font-size:.75rem}.cycles-list,.schedules-list{display:flex;flex-direction:column;gap:1rem}.cycle-card,.schedule-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s}.cycle-card:hover,.schedule-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cycle-card{border-width:2px;border-style:solid}.cycle-header,.schedule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.cycle-info,.schedule-info{display:flex;align-items:center;gap:1rem}.cycle-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.cycle-info h4,.schedule-info h4{margin:0;color:var(--text-primary);font-size:1.1rem}.cycle-status,.schedule-cycle{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.cycle-actions,.schedule-actions{display:flex;gap:.5rem;align-items:center}.cycle-details,.schedule-details{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.cycle-details p,.schedule-details p{margin:0 0 .5rem}.cycle-details p:last-child,.schedule-details p:last-child{margin-bottom:0}.loading{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.error-message{background:var(--accent-red);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0}@media (max-width: 768px){.cycle-wizard-overlay{padding:1rem}.cycle-wizard-modal{max-height:90vh}.cycle-wizard-header{padding:1rem 1.5rem}.cycle-wizard-content{padding:1rem}.form-grid{grid-template-columns:1fr}.tab-header{flex-direction:column;gap:1rem;align-items:stretch}.schedule-filters{flex-direction:column;gap:.5rem}.cycle-header,.schedule-header{flex-direction:column;gap:1rem;align-items:stretch}.cycle-info,.schedule-info{flex-direction:column;align-items:flex-start;gap:.5rem}.cycle-info h4,.schedule-info h4{font-size:1rem}.cycle-card,.schedule-card{padding:1rem}.cycle-details,.schedule-details{font-size:.85rem}.cycle-details p,.schedule-details p{margin:.5rem 0}.cycle-actions,.schedule-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.cycle-actions .btn,.schedule-actions .btn{width:100%;min-width:auto;padding:.6rem .5rem;font-size:.75rem;text-align:center;justify-content:center}.cycle-actions .btn.btn-danger,.schedule-actions .btn.btn-danger{grid-column:span 2}}@media (max-width: 480px){.cycle-wizard-tabs{flex-direction:column}.tab{border-bottom:1px solid var(--border)}.tab:last-child{border-bottom:none}.form-actions{flex-direction:column}.cycle-actions .btn,.schedule-actions .btn{padding:.4rem .6rem;font-size:.7rem;min-width:50px}.cycle-info,.schedule-info{gap:.5rem}.cycle-info h4,.schedule-info h4{font-size:1rem}}.peptide-section{margin-top:2rem;padding:1.5rem;border:3px solid var(--accent-blue);border-radius:16px;background:linear-gradient(135deg,#3b82f626,#8b5cf61a);position:relative;box-shadow:0 4px 20px #3b82f633}.peptide-section:before{content:"💉 REQUIRED";position:absolute;top:-12px;left:20px;background:var(--accent-blue);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(59,130,246,.3)}.section-header h5{margin:0;color:var(--text-primary);font-size:1.4rem;font-weight:700}.peptide-selection-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.peptide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.peptide-header h6{margin:0;color:var(--text-primary);font-size:1rem}.vial-calculations{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:1rem;margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.calc-result{color:var(--text-secondary);font-size:.875rem}.calc-result strong{color:var(--text-primary)}.cycle-peptides{margin-top:.75rem}.peptide-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.peptide-tag{background:var(--bg-secondary);color:var(--text-primary);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid var(--border)}.peptide-search-container{display:flex;flex-direction:column;gap:.5rem}.peptide-search-input{padding:.5rem .75rem;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s;border-radius:6px 6px 0 0;border-bottom:none}.peptide-search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f61a}.peptide-search-input::placeholder{color:var(--text-muted);font-style:italic}.peptide-select{border-top-left-radius:0;border-top-right-radius:0;border-top:1px solid var(--border);min-height:120px}.peptide-select optgroup{font-weight:700;color:var(--accent-blue);background:var(--bg-elevated);padding:.5rem;font-size:.875rem;border-bottom:1px solid var(--border)}.peptide-select option{padding:.5rem .75rem;color:var(--text-primary);background:var(--bg-primary);font-weight:400;font-size:.8rem}.peptide-select option:hover{background:var(--bg-elevated)}@media (max-width: 768px){.peptide-selection-card{padding:1rem}.vial-calculations{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.peptide-tags{flex-direction:column;gap:.25rem}.peptide-tag{align-self:flex-start}.peptide-search-container{gap:.25rem}.peptide-search-input{font-size:.8rem;padding:.4rem .6rem}.peptide-select{font-size:.8rem;min-height:100px}}.cycle-details-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:2rem}.cycle-details-modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:min(900px,95vw);max-height:min(80vh,700px);height:auto;overflow:hidden;display:flex;flex-direction:column}.cycle-details-content{flex:1;overflow-y:auto;padding:2rem}.cycle-overview{margin-bottom:2rem}.cycle-title{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.cycle-color-large{width:32px;height:32px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.cycle-title h2{margin:0;color:var(--text-primary);font-size:2rem;font-weight:700}.cycle-status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cycle-status-badge.active{background:var(--accent-green);color:#fff}.cycle-status-badge.completed{background:var(--bg-secondary);color:var(--text-secondary)}.cycle-status-badge.paused{background:var(--accent-yellow);color:#000}.cycle-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-bottom:2rem}.cycle-stats-grid .stat-card{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s}.cycle-stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cycle-stats-grid .stat-value{font-size:2rem;font-weight:800;color:var(--accent-blue);margin-bottom:.5rem;line-height:1;white-space:normal;overflow:visible;text-overflow:clip}.cycle-stats-grid .stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:normal;overflow:visible;text-overflow:clip}.cycle-description{margin-bottom:2rem}.cycle-description h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem}.cycle-description p{color:var(--text-secondary);line-height:1.6;margin:0}.cycle-peptides-detailed{margin-bottom:2rem}.cycle-peptides-detailed h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.peptides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.peptide-detail-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:transform .2s}.peptide-detail-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.peptide-name{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.peptide-dose{font-size:1.5rem;font-weight:800;color:var(--accent-blue);margin-bottom:.25rem}.peptide-frequency{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.peptide-vials{color:var(--text-muted);font-size:.75rem;font-style:italic}.cycle-actions-detailed{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--border)}.cycle-actions-detailed .btn{min-width:150px}.btn.btn-success{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.btn.btn-success:hover{background:#059669;border-color:#059669}@media (max-width: 768px){.cycle-details-overlay{padding:1rem}.cycle-details-modal{max-height:90vh}.cycle-details-content{padding:1rem}.cycle-title{flex-direction:column;text-align:center;gap:1rem}.cycle-title h2{font-size:1.5rem}.cycle-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.cycle-stats-grid .stat-card{display:block;padding:.75rem;min-width:0}.cycle-stats-grid .stat-value{font-size:1rem;word-break:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:clip}.cycle-stats-grid .stat-label{font-size:.7rem;letter-spacing:0;white-space:normal;overflow:visible;text-overflow:clip}.peptides-grid{grid-template-columns:1fr}.cycle-actions-detailed{flex-direction:column}.cycle-actions-detailed .btn{min-width:auto}}.template-selector-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10002;display:flex;align-items:center;justify-content:center;padding:2rem}.template-selector-modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:min(1000px,95vw);max-height:min(80vh,750px);height:auto;overflow:hidden;display:flex;flex-direction:column}.template-selector-content{flex:1;overflow-y:auto;padding:2rem}.template-intro{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:.9rem;line-height:1.5}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.template-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s;cursor:pointer}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-blue)}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.template-header h4{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:700}.template-peptide-count{background:var(--accent-blue);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.template-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;font-size:.875rem}.template-peptides{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.template-peptide-tag{background:var(--bg-secondary);color:var(--text-primary);padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid var(--border)}.template-apply-btn{width:100%;justify-content:center}.template-actions{display:flex;justify-content:center;padding-top:1.5rem;border-top:1px solid var(--border)}.peptide-actions{display:flex;gap:.75rem;align-items:center}.peptide-actions .btn{padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;box-shadow:0 2px 8px #00000026}.peptide-actions .btn-primary{background:linear-gradient(135deg,var(--accent-blue) 0%,#8b5cf6 100%);border:none;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #3b82f64d}50%{box-shadow:0 4px 20px #3b82f680}}.peptide-section-empty{text-align:center;padding:2rem;background:#3b82f61a;border:2px dashed var(--accent-blue);border-radius:12px;margin-top:1rem}.peptide-section-empty p{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.peptide-section-empty .btn{font-size:1rem;padding:1rem 2rem}@media (max-width: 768px){.template-selector-overlay{padding:1rem}.template-selector-modal{max-height:90vh}.template-selector-content{padding:1.5rem}.templates-grid{grid-template-columns:1fr;gap:1rem}.template-card{padding:1.25rem}.template-header{flex-direction:column;align-items:flex-start;gap:.5rem}.template-peptides{gap:.25rem}.peptide-actions{flex-direction:column;align-items:stretch;gap:.5rem}}.completion-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10003;display:flex;align-items:center;justify-content:center;padding:2rem}.completion-modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:min(1100px,95vw);max-height:min(85vh,800px);height:auto;overflow:hidden;display:flex;flex-direction:column}.completion-content{flex:1;overflow-y:auto;padding:2rem}.completion-overview{text-align:center;margin-bottom:2rem}.completion-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.completion-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.completion-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s}.completion-stat-card.primary{border-color:var(--accent-blue);background:linear-gradient(135deg,var(--bg-elevated) 0%,rgba(59,130,246,.05) 100%)}.completion-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{font-size:2rem;line-height:1;flex-shrink:0}.stat-info{flex:1}.completion-stat-card .stat-value{font-size:2.5rem;font-weight:800;color:var(--accent-blue);margin-bottom:.25rem;line-height:1}.completion-stat-card .stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.peptide-breakdown-section{margin-bottom:2rem}.peptide-breakdown-section h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.peptide-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.peptide-breakdown-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:transform .2s}.peptide-breakdown-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.peptide-breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.peptide-breakdown-header .peptide-name{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.peptide-breakdown-header .peptide-total{font-size:1.25rem;font-weight:800;color:var(--accent-blue)}.peptide-breakdown-details{display:flex;flex-direction:column;gap:.5rem}.breakdown-detail{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.breakdown-detail span:first-child{color:var(--text-secondary);font-weight:500}.breakdown-detail span:last-child{color:var(--text-primary);font-weight:600}.completion-timeline{margin-bottom:2rem}.completion-timeline h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.timeline-stats{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.timeline-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:none}.timeline-label{color:var(--text-secondary);font-weight:600;font-size:.875rem}.timeline-value{color:var(--text-primary);font-weight:700;font-size:.875rem}.completion-actions{display:flex;gap:1rem;justify-content:center;padding-top:1.5rem;border-top:1px solid var(--border)}.completion-actions .btn{min-width:150px;padding:.875rem 1.5rem;font-weight:700}@media (max-width: 768px){.completion-modal-overlay{padding:1rem}.completion-modal{max-height:95vh}.completion-content{padding:1.5rem}.completion-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.completion-stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.stat-icon{font-size:1.5rem}.completion-stat-card .stat-value{font-size:2rem}.peptide-breakdown-grid{grid-template-columns:1fr}.timeline-stats{grid-template-columns:1fr;padding:1rem}.completion-actions{flex-direction:column}.completion-actions .btn{min-width:auto}}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10010;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-content{padding:1.5rem;margin:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.skeleton-element{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a 80%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.skeleton-stats-card{background:var(--glass-bg, rgba(255, 255, 255, .04));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.skeleton-schedule-list{display:flex;flex-direction:column;gap:.75rem}.skeleton-schedule-card{background:var(--glass-bg, rgba(255, 255, 255, .04));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;padding:1rem}.skeleton-schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.skeleton-schedule-details{display:flex;gap:1rem;margin-top:.5rem}.skeleton-chart-card{background:var(--glass-bg, rgba(255, 255, 255, .04));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;padding:1rem;margin-top:1rem}.skeleton-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skeleton-cycle-list{display:flex;flex-direction:column;gap:.75rem}.skeleton-cycle-card{background:var(--glass-bg, rgba(255, 255, 255, .04));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;padding:1rem}.skeleton-cycle-header{display:flex;justify-content:space-between;align-items:flex-start}.skeleton-cycle-progress{margin-top:.75rem}.skeleton-cycle-stats{display:flex;justify-content:space-between;margin-top:.75rem}.skeleton-saturation-list{display:flex;flex-direction:column;gap:.75rem}.skeleton-saturation-card{background:var(--glass-bg, rgba(255, 255, 255, .04));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;padding:1rem}.skeleton-saturation-header{display:flex;justify-content:space-between;align-items:center}.skeleton-saturation-details{display:flex;justify-content:space-between;margin-top:.75rem}.skeleton-table{background:var(--glass-bg, rgba(255, 255, 255, .04));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;padding:1rem;overflow:hidden}.skeleton-table-header{display:flex;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));margin-bottom:.5rem}.skeleton-table-row{display:flex;justify-content:space-between;padding:.5rem 0}.skeleton-dashboard{display:flex;flex-direction:column;gap:1rem;padding:0 .5rem}@media (max-width: 480px){.skeleton-stats-grid{grid-template-columns:1fr}}.ai-coach-box{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(139,92,246,.05) 100%);border:1px solid var(--border);border-left:4px solid #8b5cf6;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.ai-coach-box:hover{border-left-color:#a78bfa;box-shadow:0 4px 20px #8b5cf61a}.ai-coach-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ai-coach-title-section{display:flex;align-items:center;gap:.75rem}.ai-coach-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:10px;color:#fff}.ai-coach-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.ai-coach-updated{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.125rem}.ai-coach-header-right{display:flex;align-items:center;gap:.5rem}.ai-refresh-btn{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem;opacity:.6;transition:all .2s ease}.ai-refresh-btn:hover{opacity:1;transform:rotate(180deg)}.ai-coach-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;font-size:.75rem;display:flex;align-items:center;justify-content:center}.ai-coach-box.loading .ai-coach-icon{animation:pulse 1.5s ease-in-out infinite}.ai-loading-indicator{animation:blink 1s ease-in-out infinite;margin-left:.25rem}.ai-coach-loading{display:flex;align-items:center;gap:1rem;padding:1.5rem;color:var(--text-secondary)}.ai-loading-pulse{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);animation:pulse-ring 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}50%{transform:scale(1.1);opacity:.6}to{transform:scale(.8);opacity:1}}.ai-coach-content{overflow:hidden}.ai-coach-insights{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.ai-insight{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--bg-elevated);border-radius:8px;border-left:3px solid var(--border);transition:all .2s ease}.ai-insight:hover{transform:translate(2px)}.ai-insight.info{border-left-color:#3b82f6;background:#3b82f60d}.ai-insight.success{border-left-color:#10b981;background:#10b9810d}.ai-insight.warning{border-left-color:#f59e0b;background:#f59e0b0d}.ai-insight.alert{border-left-color:#ef4444;background:#ef44440d}.ai-insight.tip{border-left-color:#8b5cf6;background:#8b5cf60d}.ai-insight.trend-up{border-left-color:#22c55e;background:#22c55e0d}.ai-insight.trend-down{border-left-color:#f97316;background:#f973160d}.insight-icon{font-size:1.1rem;min-width:24px;text-align:center}.insight-content{flex:1}.insight-text{margin:0;font-size:.9rem;color:var(--text-primary);line-height:1.5}.insight-action{display:inline-block;margin-top:.375rem;font-size:.8rem;color:#8b5cf6;font-weight:500}.ai-coach-box.collapsed .ai-coach-header{border-bottom:none}@media (max-width: 768px){.ai-coach-box{margin-bottom:1rem}.ai-coach-header{padding:.875rem 1rem}.ai-coach-icon{width:36px;height:36px;font-size:1.25rem}.ai-coach-title{font-size:.9rem}.ai-coach-insights{padding:0 1rem 1rem;gap:.5rem}.ai-insight{padding:.75rem}.insight-text{font-size:.85rem}}@media (max-width: 480px){.ai-coach-header{padding:.75rem}.ai-coach-title-section{gap:.5rem}.ai-coach-icon{width:32px;height:32px;font-size:1rem;border-radius:8px}.ai-insight{padding:.625rem;gap:.5rem}.insight-icon{font-size:1rem;min-width:20px}}.badge-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,opacity .2s ease}.badge-icon--earned:hover{transform:scale(1.1)}.badge-icon--locked{opacity:.5}.streak-widget{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:var(--space-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.streak-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.streak-widget__title{display:flex;align-items:center;gap:var(--space-xs);font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.streak-widget__title-icon{font-size:1.25rem}.streak-widget__view-all{background:none;border:none;color:var(--accent-purple);font-size:.8125rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s ease}.streak-widget__view-all:hover{background:#8b5cf61a}.streak-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.streak-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:var(--space-sm) var(--space-xs);text-align:center}.streak-stat__value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff);line-height:1.2;font-variant-numeric:tabular-nums}.streak-stat__value--fire{color:var(--accent-orange, #f59e0b)}.streak-stat__value--star{color:var(--accent-purple, #8b5cf6)}.streak-stat__value--total{color:var(--accent-green, #10b981)}.streak-stat__label{font-size:.6875rem;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.streak-badges{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}.streak-badges::-webkit-scrollbar{display:none}.streak-progress{display:flex;flex-direction:column;gap:6px}.streak-progress__bar-container{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.streak-progress__bar{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue, #3b82f6));border-radius:3px;transition:width .6s ease;min-width:2px}.streak-progress__label{font-size:.75rem;color:var(--text-secondary, #9ca3af)}.streak-progress__label strong{color:var(--text-primary, #fff)}.badge-gallery{padding:var(--space-md) 0}.badge-gallery__header{margin-bottom:var(--space-lg)}.badge-gallery__title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff);margin-bottom:var(--space-xs)}.badge-gallery__subtitle{font-size:.875rem;color:var(--text-secondary, #9ca3af)}.badge-gallery__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-xl)}.badge-gallery__stat{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:var(--space-md);text-align:center}.badge-gallery__stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary, #fff);font-variant-numeric:tabular-nums}.badge-gallery__stat-label{font-size:.75rem;color:var(--text-secondary, #9ca3af);margin-top:4px}.badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.badge-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.badge-card--earned{border-color:#8b5cf633}.badge-card--earned:hover{border-color:#8b5cf666;box-shadow:0 4px 24px #8b5cf61a}.badge-card--locked{opacity:.6}.badge-card__icon{margin-bottom:var(--space-sm)}.badge-card__name{font-size:.875rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px}.badge-card__description{font-size:.75rem;color:var(--text-secondary, #9ca3af);margin-bottom:var(--space-xs)}.badge-card__status{font-size:.6875rem;padding:3px 10px;border-radius:12px;font-weight:500}.badge-card__status--earned{background:#10b9811f;color:var(--accent-green, #10b981)}.badge-card__status--locked{background:#ffffff0f;color:var(--text-secondary, #9ca3af)}.badge-card__progress{width:100%;margin-top:var(--space-xs)}.badge-card__progress-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-bottom:4px}.badge-card__progress-fill{height:100%;background:var(--accent-purple, #8b5cf6);border-radius:2px;transition:width .4s ease}.badge-card__progress-text{font-size:.6875rem;color:var(--text-secondary, #9ca3af)}@media (min-width: 768px){.badge-grid,.badge-gallery__stats{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.streak-stats{gap:var(--space-xs)}.streak-stat__value{font-size:1.25rem}.badge-gallery__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px){.dashboard-container .content-header,.content-header{margin-left:4rem;padding-top:.5rem}}.view-selector{position:relative}.view-selector-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-selector-btn:hover{background:var(--bg-elevated);border-color:var(--accent-blue, #3b82f6)}.view-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:240px;max-height:70vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px #00000080;z-index:100}.dropdown-section{padding:.5rem 0}.dropdown-section:not(:last-child){border-bottom:1px solid var(--border)}.dropdown-label{padding:.5rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.view-option{display:block;width:100%;padding:.6rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .15s ease}.view-option:hover{background:#ffffff0d;color:var(--text-primary)}.view-option.active{background:#3b82f626;color:var(--accent-blue, #3b82f6);font-weight:600}.section-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem 1rem;background:transparent;border:none;color:var(--text-muted);font-size:.875rem;text-align:left;cursor:pointer;transition:all .15s ease}.section-toggle:hover{background:#ffffff0d}.section-toggle.visible{color:var(--text-primary)}.section-toggle.visible .section-icon{opacity:1}.section-toggle .section-icon{font-size:1rem;opacity:.5;transition:opacity .15s ease}.section-toggle .section-name{flex:1}.section-toggle svg{opacity:.5}.section-toggle.visible svg{opacity:1;color:var(--accent-green, #22c55e)}.header-actions{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.dashboard-container .content-header,.content-header{margin-left:0;padding-top:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-bottom:.5rem!important}.dashboard-container .header-actions{flex-wrap:wrap;gap:.5rem}.page-title{font-size:1.5rem!important;line-height:1.2}.dashboard-container .content-header .page-title{font-size:1.25rem}.dashboard-container .header-actions{width:100%;justify-content:space-between}.view-selector-btn{padding:.4rem .75rem;font-size:.8rem}.view-dropdown{position:fixed;inset:60px 0 auto;max-height:calc(100vh - 150px);border-radius:0 0 16px 16px;min-width:100%;z-index:1000}.stats-grid-3,.stats-grid-4{grid-template-columns:1fr!important;gap:1rem!important}.chart-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.cycle-section{margin-bottom:1.5rem}}@media (max-width: 480px){.dashboard-container .content-header .page-title{font-size:1.1rem}.view-selector-btn span:not(.section-icon){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-primary);padding:1rem}.login-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.mesh-gradient{width:100%;height:100%;background:radial-gradient(at 40% 20%,hsla(28,100%,74%,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(189,100%,56%,.15) 0px,transparent 50%);opacity:.3;animation:meshMove 20s ease infinite}@keyframes meshMove{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-30px) scale(1.1)}}.login-content{width:100%;max-width:420px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem 2rem;box-shadow:var(--glass-shadow);position:relative;z-index:1;animation:loginSlideIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes loginSlideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.logo-icon{color:var(--accent-blue);filter:drop-shadow(0 0 8px rgba(59,130,246,.3))}.logo-text{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.login-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.025em}.login-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:.025em}.input-wrapper{position:relative;display:flex;align-items:center;z-index:5}.input-icon{position:absolute;left:1rem;color:var(--text-muted);z-index:2;transition:var(--transition);pointer-events:none}.form-input{width:100%;padding:1rem 2.5rem 1rem 3rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);z-index:1;color:var(--text-primary);font-size:1rem;transition:var(--transition);outline:none;position:relative;z-index:10;pointer-events:auto}.form-input::placeholder{color:var(--text-disabled)}.form-input:focus{border-color:var(--accent-blue);background:var(--bg-subtle);box-shadow:0 0 0 3px #3b82f61a}.form-input:focus+.input-icon,.form-input:not(:placeholder-shown)+.input-icon{color:var(--accent-blue)}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:6px;transition:var(--transition);z-index:10}.password-toggle:hover{color:var(--text-secondary);background:var(--bg-elevated)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:var(--radius);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.025em;text-transform:uppercase;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button.loading{cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin .8s linear infinite}.error-message{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:var(--accent-red);font-size:.875rem;font-weight:500;animation:errorSlideIn .3s ease}@keyframes errorSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.login-footer{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.login-help{font-size:.875rem;color:var(--text-muted);margin:0}.login-help a{color:var(--accent-blue);text-decoration:none;font-weight:500;transition:var(--transition)}.login-help a:hover{color:var(--accent-purple);text-decoration:underline}.login-decorations{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));opacity:.1;animation:float 6s ease-in-out infinite}.circle-1{width:120px;height:120px;top:10%;left:15%;animation-delay:0s}.circle-2{width:80px;height:80px;top:70%;right:20%;animation-delay:2s}.circle-3{width:60px;height:60px;top:40%;right:10%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.verification-code-container{margin-bottom:.5rem}.code-inputs{display:flex;justify-content:center;gap:.5rem}.code-input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:700;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:var(--transition);outline:none}.code-input:focus{border-color:var(--accent-blue);background:var(--bg-subtle);box-shadow:0 0 0 3px #3b82f626}.code-input:not(:placeholder-shown),.code-input:not([value=""]){border-color:var(--accent-blue);background:#3b82f60d}.code-input:disabled{opacity:.6;cursor:not-allowed}.resend-code-container{display:flex;justify-content:center;margin-top:1rem}.resend-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius);transition:var(--transition)}.resend-button:hover:not(:disabled){color:var(--accent-blue);background:var(--bg-elevated)}.resend-button:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.form-help{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}@media (max-width: 768px){.login-container{padding:1rem}.login-content{padding:2rem 1.5rem;max-width:100%;margin:0 auto}.login-title{font-size:1.75rem}.form-input{padding:1.125rem 1rem 1.125rem 3rem;font-size:1.125rem}.login-button{padding:1.125rem 1.5rem;font-size:1.125rem}.decoration-circle{display:none}.code-inputs{gap:.375rem}.code-input{width:42px;height:50px;font-size:1.25rem}}@media (max-width: 480px){.login-footer{flex-direction:column;gap:1rem}.login-help{font-size:.8rem}}.onboarding-container{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:#050505}.onboarding-background{position:fixed;top:0;left:0;width:100%;height:100%;background:#050505;z-index:0}.onboarding-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(at 40% 20%,hsla(220,100%,56%,.12) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(280,100%,56%,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(189,100%,56%,.08) 0px,transparent 50%);animation:meshMove 25s ease infinite}@keyframes meshMove{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-30px,-20px) scale(1.05);opacity:.8}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:floatOrb 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);top:-200px;left:-150px;animation-delay:0s}.orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:-200px;right:-200px;animation-delay:10s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);top:40%;left:60%;animation-delay:5s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.1)}66%{transform:translate(-40px,40px) scale(.95)}}.onboarding-content{position:relative;z-index:1;width:100%;max-width:720px;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.onboarding-logo{display:flex;align-items:center;gap:.75rem}.onboarding-logo .logo-icon{color:#3b82f6;filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}.onboarding-logo .logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info{display:flex;align-items:center;gap:.75rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.5rem 1rem;border-radius:50px;border:1px solid rgba(255,255,255,.06)}.username-display{color:#ffffffe6;font-weight:600;font-size:.9rem}.logout-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.logout-button:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.progress-container{margin-bottom:1.5rem}.progress-bar{display:none}.progress-steps{display:flex;justify-content:space-between;gap:.5rem}.progress-step{flex:1;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:#ffffff4d;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.04)}.progress-step.active{background:linear-gradient(135deg,#3b82f633,#8b5cf633);color:#fff;border-color:#3b82f666;box-shadow:0 0 30px #3b82f633}.progress-step.completed{background:#10b98126;color:#10b981;border-color:#10b9814d}.onboarding-card{background:#111c;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:24px;padding:2.5rem 2rem;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px #00000080,inset 0 1px #ffffff0d;animation:cardSlide .5s ease}@keyframes cardSlide{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.step-content{min-height:420px;display:flex;flex-direction:column}.step-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.step-header-row .step-icon{margin:0}.skip-step-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;color:#ffffff80;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-family:inherit;white-space:nowrap}.skip-step-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:translate(4px);box-shadow:0 0 20px #3b82f626}.skip-step-btn:active{transform:translate(2px) scale(.98)}.step-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid rgba(59,130,246,.2);border-radius:20px;color:#3b82f6;box-shadow:0 0 40px #3b82f626;animation:iconGlow 3s ease infinite}@keyframes iconGlow{0%,to{box-shadow:0 0 40px #3b82f626}50%{box-shadow:0 0 60px #3b82f640}}.step-title{font-size:1.75rem;font-weight:700;text-align:center;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.step-subtitle{font-size:.95rem;text-align:center;color:#ffffff80;margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;color:#ffffffe6!important;margin-bottom:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:1rem;color:#fff!important;background:#ffffff08!important;transition:all .3s ease;font-family:inherit;-webkit-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:#3b82f680;background:#3b82f60d!important;box-shadow:0 0 0 3px #3b82f61a,0 0 20px #3b82f61a}.form-input::placeholder{color:#ffffff4d!important}.form-input::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.7);cursor:pointer}input[type=date].form-input,input[type=number].form-input{color:#fff!important;background:#ffffff08!important}input[type=date].form-input::-webkit-datetime-edit-text,input[type=date].form-input::-webkit-datetime-edit-month-field,input[type=date].form-input::-webkit-datetime-edit-day-field,input[type=date].form-input::-webkit-datetime-edit-year-field{color:#fff!important}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit .form-input{flex:1;padding-right:70px}.unit-label{position:absolute;right:1rem;color:#fff6;font-weight:500;font-size:.9rem;pointer-events:none}.input-hint{display:block;margin-top:.4rem;font-size:.8rem;color:#fff6}.input-hint.goal-diff{font-weight:600;color:#10b981}.button-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.button-group.vertical{grid-template-columns:1fr}.option-button{padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff05;color:#fffc;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.option-button:hover{border-color:#3b82f64d;background:#3b82f60d;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.option-button.selected{border-color:#3b82f680;background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:#fff;box-shadow:0 0 30px #3b82f633}.option-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.option-label{font-weight:600;font-size:1rem}.option-desc{font-weight:400;font-size:.8rem;opacity:.6;margin-top:.25rem}.macro-preview{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;margin-bottom:1.25rem}.macro-card{text-align:center;padding:.75rem;border-radius:12px;background:#ffffff05}.macro-card.calories{grid-column:1 / -1;margin-bottom:.75rem;padding:1rem}.macro-value{font-size:1.75rem;font-weight:700;margin-bottom:.15rem}.macro-card.calories .macro-value{font-size:2.25rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.macro-card.protein .macro-value{color:#10b981}.macro-card.carbs .macro-value{color:#f59e0b}.macro-card.fat .macro-value{color:#ef4444}.macro-label{font-size:.75rem;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.info-box{background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:12px;padding:.875rem;margin-top:1rem}.info-box p{margin:0;color:#ffffffb3;font-size:.85rem}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:.875rem;margin-bottom:1.25rem;color:#ef4444;font-weight:500;text-align:center;font-size:.9rem}.button-row{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.btn{flex:1;padding:.9rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 20px #3b82f64d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#ffffff08;color:#fffc;border:1px solid rgba(255,255,255,.08)}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff1f}.step-content.celebration{justify-content:center;align-items:center;text-align:center;position:relative;min-height:450px}.celebration-icon{width:100px;height:100px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1.5rem;animation:celebrationPop .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 60px #10b98166}@keyframes celebrationPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.celebration-title{font-size:2rem;font-weight:700;margin-bottom:.75rem;color:#fff}.celebration-subtitle{font-size:1.1rem;color:#fff9;font-weight:500}.celebration-confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;border-radius:2px;animation:confettiFall 3s linear forwards}@keyframes confettiFall{to{transform:translateY(500px) rotate(720deg);opacity:0}}.ai-consent-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.ai-consent-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.ai-consent-description{font-size:.85rem;color:#ffffff80;line-height:1.6;margin:0 0 .875rem}.ai-consent-toggle{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.875rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.ai-consent-toggle:hover{background:#ffffff0a;border-color:#ffffff14}.ai-consent-toggle input{display:none}.ai-consent-toggle .toggle-slider{position:relative;width:48px;height:26px;background:#ffffff1a;border-radius:26px;transition:.3s;flex-shrink:0}.ai-consent-toggle .toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fffc;border-radius:50%;transition:.3s}.ai-consent-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.ai-consent-toggle input:checked+.toggle-slider:before{transform:translate(22px);background:#fff}.ai-consent-toggle .toggle-label{font-weight:600;color:#ffffffe6;font-size:.9rem}.ai-disabled-note{font-size:.8rem;color:#ffffff59;margin:.5rem 0 0;font-style:italic}.input-row{display:flex;align-items:center;gap:.5rem}.input-row .form-input{flex:1}.input-row .separator{color:#ffffff4d;font-size:1.25rem;font-weight:300}@media (max-width: 768px){.onboarding-container{padding:1rem .75rem}.onboarding-header{flex-direction:column;align-items:center;gap:.75rem}.onboarding-logo .logo-text{font-size:1.25rem}.onboarding-card{padding:1.75rem 1.25rem;border-radius:20px}.step-title{font-size:1.4rem}.step-subtitle{font-size:.9rem}.step-content{min-height:380px}.button-group{grid-template-columns:1fr}.macro-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.macro-value{font-size:1.4rem}.macro-card.calories .macro-value{font-size:1.8rem}.button-row{flex-direction:column-reverse;gap:.5rem}.progress-steps{gap:.35rem}.progress-step{font-size:.75rem;height:38px;border-radius:10px}.step-header-row{flex-direction:column;align-items:center;gap:.75rem}.skip-step-btn{align-self:flex-end;margin-top:-.5rem}}@media (max-width: 480px){.onboarding-container{padding:.75rem .5rem}.onboarding-card{padding:1.5rem 1rem;border-radius:16px}.step-icon{width:56px;height:56px;border-radius:16px}.step-title{font-size:1.25rem}.celebration-title{font-size:1.6rem}.celebration-icon{width:80px;height:80px}.form-input{padding:.8rem .9rem;font-size:.95rem}.btn{padding:.85rem 1.25rem;font-size:.9rem}}.all-cycles-item{cursor:pointer;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-left:4px solid #0ea5e9;border-radius:12px;transition:transform .2s,box-shadow .2s}.all-cycles-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.all-cycles-item-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.all-cycles-item-info{flex:1;min-width:0}.all-cycles-item-name{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary);display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.all-cycles-status{text-transform:uppercase;font-size:.7rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;color:#fff}.all-cycles-status-active{background:var(--accent-green)}.all-cycles-status-completed{background:var(--accent-blue)}.all-cycles-status-planned{background:var(--accent-purple)}.all-cycles-status-paused{background:var(--accent-orange, #f59e0b)}.all-cycles-item-dates{color:var(--text-muted);font-size:.875rem;margin-bottom:.25rem}.all-cycles-item-goals{color:var(--text-secondary);margin-top:.5rem;font-size:.9rem}.all-cycles-item-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.all-cycles-item-actions .btn{padding:.5rem .75rem;font-size:.8rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:opacity .2s,transform .2s;white-space:nowrap}.all-cycles-item-actions .btn:hover{opacity:.9;transform:translateY(-1px)}.all-cycles-item-actions .btn:disabled{opacity:.5;cursor:not-allowed}.all-cycles-item-actions .btn-start{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.all-cycles-item-actions .btn-complete{background:var(--accent-green);color:#fff}.all-cycles-item-actions .btn-template{background:var(--accent-purple);color:#fff}.all-cycles-item-actions .btn-edit{background:var(--bg-secondary);color:var(--text-primary)}.all-cycles-item-actions .btn-pause{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.all-cycles-item-actions .btn-resume{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.all-cycles-item-actions .btn-delete{background:var(--accent-red);color:#fff}.allcycles-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.allcycles-modal-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080}.modal-title{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary)}.modal-body{color:var(--text-secondary);margin-bottom:1.5rem}.modal-body p{margin:0 0 1rem}.delete-preview{background:var(--bg-secondary);padding:1rem;border-radius:8px;font-size:.9rem}.delete-preview div{margin-bottom:.5rem}.delete-preview div:last-child{margin-bottom:0}.modal-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500}.modal-actions .btn-danger{background:var(--accent-red);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500}@media (max-width: 768px){.all-cycles-item{padding:1rem}.all-cycles-item-content{flex-direction:column;gap:1rem}.all-cycles-item-info{width:100%}.all-cycles-item-name{font-size:1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.all-cycles-status{align-self:flex-start}.all-cycles-item-dates{font-size:.8rem}.all-cycles-item-goals{font-size:.85rem}.all-cycles-item-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.all-cycles-item-actions .btn{width:100%;padding:.6rem .5rem;font-size:.75rem;text-align:center;justify-content:center}.all-cycles-item-actions .btn-delete{grid-column:span 2}.allcycles-modal-content{padding:1.5rem;margin:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn-secondary,.modal-actions .btn-danger{width:100%}}@media (max-width: 480px){.all-cycles-item-actions{grid-template-columns:1fr}.all-cycles-item-actions .btn-delete{grid-column:span 1}}.protocol-manager{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.page-subtitle{font-size:1rem;color:var(--text-secondary);margin:.5rem 0 0}.header-actions{display:flex;gap:1rem;flex-wrap:wrap}.protocol-content{display:flex;flex-direction:column;gap:1.5rem}.chart-grid{display:grid;gap:1.5rem}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition)}.chart-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:var(--transition);text-decoration:none;display:inline-block}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--accent-blue)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:var(--transition)}.card-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.card-subtitle{font-size:.875rem;color:var(--text-muted)}.stats-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.timeline-tabs{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.5rem;border-radius:12px;margin-bottom:1.5rem}.timeline-tab{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-weight:400;cursor:pointer;transition:var(--transition);font-size:.9rem}.timeline-tab.active{background:var(--accent-blue);color:#fff;font-weight:600}.timeline-tab:hover:not(.active){background:var(--bg-elevated)}.cycle-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:var(--transition)}.cycle-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.no-cycles-message,.empty-list,.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.error-container{text-align:center;padding:3rem;color:var(--accent-red)}@media (max-width: 768px){.protocol-manager{width:calc(100% + 1.5rem)!important;margin-left:-.75rem!important;margin-right:-.75rem!important;max-width:none!important;padding:0!important;overflow-x:hidden}.protocol-content{padding:.5rem!important}.protocol-manager .content-header{padding:.5rem 1rem!important;margin-bottom:1rem!important;width:100%!important;box-sizing:border-box}.protocol-manager .chart-grid{display:flex!important;flex-direction:column!important;gap:1rem!important;margin-bottom:1rem!important;padding:0 .5rem}.current-cycle-card,.quick-actions-card{width:100%!important;margin:0!important}.protocol-tabs .tab-header{padding:0 .5rem!important}.protocol-manager .page-title{text-align:left!important;width:100%!important;padding-left:.5rem}}.saturation-bars{display:flex;flex-direction:column;gap:1rem}.saturation-item{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px){.protocol-manager,.protocol-content{padding:0!important}.page-title{font-size:1.5rem}.chart-grid{grid-template-columns:1fr!important}.stats-grid-2,.stats-grid-3{grid-template-columns:1fr 1fr;gap:.75rem}.timeline-tabs{overflow-x:auto;scrollbar-width:none}.timeline-tabs::-webkit-scrollbar{display:none}.timeline-tab{white-space:nowrap;flex-shrink:0;font-size:.8rem;padding:.6rem 1rem}.chart-card{padding:.75rem}.chart-header{flex-direction:column;align-items:stretch}.btn{font-size:.85rem;padding:.6rem 1rem}}@media (max-width: 480px){.stats-grid-2,.stats-grid-3{grid-template-columns:1fr}.page-title{font-size:1.3rem}}@media (max-width: 768px){.content-header{text-align:left!important;justify-content:flex-start!important;margin-left:0!important;padding-left:0!important}.page-title{text-align:left!important;margin-left:0!important}}.profile-page{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.profile-tabs{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--bg-secondary);padding:.5rem;border-radius:12px;margin-bottom:2rem}.profile-tab{flex:1 1 auto;min-width:fit-content;padding:.6rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.85rem;cursor:pointer;transition:var(--transition);white-space:nowrap;text-align:center}.profile-tab:hover:not(.active){background:var(--bg-elevated);color:var(--text-primary)}.profile-tab.active{background:var(--accent-blue);color:#fff;font-weight:600}.profile-section{margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0}.form-input,.form-select,.form-textarea{padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);transition:var(--transition);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0ea5e91a}.form-textarea{resize:vertical;min-height:100px}.input-group{display:flex;gap:.5rem}.input-group .form-input{flex:1}.input-group .form-select{min-width:100px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.profile-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1.25rem;text-align:center}.stat-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--accent-blue)}.conditions-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.condition-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-blue);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500}.remove-chip{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;transition:var(--transition)}.remove-chip:hover{background:#ffffff4d}@media (max-width: 768px){.profile-page{padding:.75rem .5rem}.profile-tabs{gap:.35rem;padding:.35rem}.profile-tab{padding:.5rem .75rem;font-size:.75rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-value{font-size:1.5rem}.conditions-list{flex-direction:column;align-items:stretch}.condition-chip{justify-content:space-between}}@media (max-width: 480px){.profile-stats-grid{grid-template-columns:1fr}}.settings-group{margin-bottom:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px}.setting-info{flex:1}.setting-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.setting-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.toggle-switch{position:relative;display:inline-block;width:56px;height:30px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.3s;border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-green, #22c55e)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}@media (max-width: 768px){.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.toggle-switch{align-self:flex-end}}.subscription-info{display:flex;flex-direction:column;gap:1.5rem}.subscription-status-card{background:var(--bg-elevated);border-radius:12px;padding:1.5rem;border:1px solid var(--border)}.status-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.status-active{background:#22c55e26;color:var(--accent-green)}.status-badge.status-trialing{background:#3b82f626;color:var(--accent-blue)}.status-badge.status-canceled{background:#ef444426;color:var(--accent-red)}.status-badge.status-past_due{background:#f59e0b26;color:#f59e0b}.plan-type{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.subscription-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.detail-label{color:var(--text-secondary);font-size:.9rem}.detail-value{color:var(--text-primary);font-weight:500}.cancelled-notice{margin-top:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--accent-red);font-size:.9rem}.subscription-actions{display:flex;gap:1rem}.btn-outline-danger{background:transparent;border:1px solid var(--accent-red);color:var(--accent-red);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-danger:hover{background:var(--accent-red);color:#fff}.past-due-notice{margin-top:1rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.4);border-radius:8px;color:#f59e0b;font-size:.9rem;line-height:1.5}.subscription-actions .btn-primary{background:var(--accent-blue, #3b82f6);border:1px solid var(--accent-blue, #3b82f6);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.subscription-actions .btn-primary:hover{opacity:.9;filter:brightness(1.1)}.no-subscription{text-align:center;padding:2rem;color:var(--text-secondary)}.no-subscription p{margin-bottom:1rem}.cancel-modal{max-width:500px;width:90%}.cancel-modal h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.4rem}.retention-message{background:var(--bg-elevated);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.retention-message p{color:var(--text-secondary);margin-bottom:1rem}.benefits-list{list-style:none;padding:0;margin:1rem 0}.benefits-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-primary)}.benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-green);font-weight:700}.reminder-text{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:1rem;margin-top:1rem;font-size:.9rem}.cancel-reasons{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0}.reason-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.reason-option:hover{border-color:var(--accent-blue)}.reason-option.selected{border-color:var(--accent-blue);background:#3b82f61a}.reason-option input{accent-color:var(--accent-blue)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-danger{background:var(--accent-red);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{width:100%;padding-right:3rem}.password-toggle-btn{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.25rem;opacity:.7;transition:opacity .2s}.password-toggle-btn:hover{opacity:1}.access-blocked-banner{background:linear-gradient(135deg,#dc26261f,#b91c1c14);border:2px solid rgba(220,38,38,.4);border-radius:12px;padding:2rem;margin-bottom:1.5rem;text-align:center}.access-blocked-icon{font-size:2.5rem;margin-bottom:.75rem}.access-blocked-banner h3{color:#dc2626;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.access-blocked-banner p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;max-width:500px;margin:0 auto}.health-metrics-page{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.metrics-form{display:flex;flex-direction:column;gap:2rem}.form-section{border-bottom:1px solid var(--border);padding-bottom:1.5rem}.form-section:last-child{border-bottom:none}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.form-range{width:100%;height:6px;border-radius:5px;background:var(--bg-elevated);outline:none;-webkit-appearance:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-blue);cursor:pointer;transition:var(--transition)}.form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #0ea5e933}.form-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-blue);cursor:pointer;border:none;transition:var(--transition)}.form-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #0ea5e933}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.metrics-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.metric-card{background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-card) 100%);border:1px solid var(--border);border-radius:16px;padding:0;transition:all .3s ease;overflow:hidden}.metric-card:hover{box-shadow:0 8px 32px #0003;transform:translateY(-2px);border-color:var(--accent-blue)}.metric-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(90deg,rgba(6,182,212,.1) 0%,transparent 100%);border-bottom:1px solid var(--border)}.metric-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.metric-header h3:before{content:"📅";font-size:1rem}.metric-actions{display:flex;gap:.5rem}.metric-actions button{padding:.4rem .75rem;font-size:.8rem;border-radius:8px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;padding:1.25rem}.metric-item{display:flex;flex-direction:column;gap:.25rem;background:var(--bg-secondary);padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border);transition:all .2s ease}.metric-item:hover{background:var(--bg-elevated);border-color:var(--accent-blue)}.metric-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.15rem;font-weight:700;color:var(--accent-cyan)}.metric-item:has(.metric-label:contains("Weight")) .metric-value,.metric-item:nth-child(1) .metric-value{color:#06b6d4}.metric-item:nth-child(2) .metric-value{color:#ec4899}.metric-item:nth-child(3) .metric-value{color:#f59e0b}.metric-item:nth-child(4) .metric-value{color:#84cc16}.metric-item:nth-child(5) .metric-value{color:#8b5cf6}.metric-item:nth-child(6) .metric-value{color:#eab308}.metric-notes{margin:0;padding:1rem 1.25rem;background:var(--bg-secondary);border-top:1px solid var(--border);font-size:.85rem;color:var(--text-secondary);line-height:1.6}.metric-notes strong{color:var(--text-primary)}@media (max-width: 768px){.health-metrics-page{padding:0!important}.metrics-selector-container{flex-wrap:nowrap!important;overflow-x:auto!important;width:100%!important;box-sizing:border-box!important;padding-right:1.5rem!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.metrics-selector-container::-webkit-scrollbar{display:none}.metric-toggle-pill{flex:0 0 auto!important}.metric-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem}.chart-card{border-radius:0;border-left:none;border-right:none}.metrics-list{padding:.5rem;gap:.75rem}.metric-card{border-radius:12px}.metric-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem}.metric-header h3{font-size:.95rem}.metric-actions{flex-shrink:0}.metric-actions button{padding:.35rem .6rem;font-size:.75rem}.metric-item{padding:.6rem .75rem}.metric-value{font-size:1rem}.metric-label{font-size:.65rem}}@media (max-width: 480px){.metric-grid,.form-grid{grid-template-columns:1fr}}.blood-work-page{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.blood-work-form{display:flex;flex-direction:column;gap:2rem}.biomarker-search-wrapper{display:flex;flex-direction:column;gap:.5rem}.biomarker-search{background:var(--bg-elevated)!important;border:1px solid var(--border)!important}.biomarker-search:focus{border-color:var(--accent-blue)!important;box-shadow:0 0 0 2px #3b82f633}.biomarker-inputs{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.biomarker-input-row{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:var(--transition)}.biomarker-input-row:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #0ea5e91a}.biomarker-info{display:flex;flex-direction:column;gap:.25rem}.biomarker-info strong{font-size:.95rem;color:var(--text-primary)}.biomarker-range{font-size:.75rem;color:var(--text-muted)}.biomarker-value-input{display:flex;align-items:center;gap:.5rem}.biomarker-value-input .form-input{flex:1;min-width:120px}.unit-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.btn-remove{padding:.5rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:var(--transition);font-size:1rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff;transform:scale(1.05)}.lab-results-list{display:flex;flex-direction:column;gap:1.5rem}.lab-result-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:var(--transition)}.lab-result-card:hover{box-shadow:var(--shadow-lg)}.lab-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.lab-result-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.lab-result-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.lab-result-meta span{display:flex;align-items:center;gap:.25rem}.lab-result-actions{display:flex;gap:.5rem}.biomarkers-container{display:flex;flex-direction:column;gap:1.5rem}.biomarker-category{display:flex;flex-direction:column;gap:1rem}.category-title{font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.biomarker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.biomarker-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:var(--transition)}.biomarker-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.biomarker-name{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.biomarker-value{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin:.25rem 0}.biomarker-status{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:12px;color:#fff;letter-spacing:.5px}.biomarker-reference{font-size:.7rem;color:var(--text-muted)}.lab-result-notes{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-secondary);line-height:1.6}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.blood-work-tabs{display:flex;gap:0;margin-bottom:1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:4px;overflow:hidden}.blood-work-tab{flex:1;padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease}.blood-work-tab:hover:not(.active){color:var(--text-primary);background:#3b82f60d}.blood-work-tab.active{background:var(--accent-blue);color:#fff;box-shadow:0 2px 8px #3b82f64d}.correlation-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.correlation-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:1.25rem;border-top:3px solid var(--border);transition:var(--transition)}.correlation-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.correlation-card.before{border-top-color:#6b7280}.correlation-card.during{border-top-color:var(--cycle-color, #8b5cf6)}.correlation-card.after{border-top-color:#10b981}.correlation-card-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.75rem}.correlation-card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.correlation-card-meta{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.correlation-card-range{font-size:.75rem;color:var(--text-muted)}.correlation-card-empty{color:var(--text-muted);font-size:.85rem;font-style:italic;line-height:1.5}.correlation-delta{text-align:center;margin-bottom:1.5rem;padding:.75rem;background:var(--bg-elevated);border-radius:8px}@media (max-width: 768px){.blood-work-page{padding:.75rem .5rem}.correlation-cards{grid-template-columns:1fr}.biomarker-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.lab-result-header{flex-direction:column;gap:1rem}.lab-result-actions{width:100%}.lab-result-actions button{flex:1}.lab-result-meta{flex-direction:column;gap:.5rem}.biomarker-input-row{padding:.75rem}.biomarker-value{font-size:1.1rem}}@media (max-width: 480px){.biomarker-grid,.form-grid{grid-template-columns:1fr}.biomarker-value-input{flex-wrap:wrap}.biomarker-value-input .form-input{min-width:100%}}.side-effects-page{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.side-effects-form{display:flex;flex-direction:column;gap:1.5rem}.side-effects-list{display:flex;flex-direction:column;gap:2rem}.peptide-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.peptide-group-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid var(--border)}.effect-count{font-size:.875rem;font-weight:500;color:var(--text-muted);background:var(--bg-elevated);padding:.25rem .75rem;border-radius:12px}.effects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.effect-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:var(--transition);position:relative}.effect-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.effect-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.effect-date{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.severity-badge{font-size:.65rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.effect-type{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.effect-cycle{font-size:.8rem;color:var(--accent-purple);margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.effect-notes{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.effect-actions{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.btn-icon{padding:.5rem 1rem;font-size:.8rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.25rem}.btn-icon:hover{transform:translateY(-1px)}.btn-icon.btn-danger{color:var(--accent-red);border-color:var(--accent-red)}.btn-icon.btn-danger:hover{background:var(--accent-red);color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.modal-body{margin-bottom:1.5rem}.modal-body p{color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.delete-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:1rem 0}.delete-preview div{color:var(--text-secondary);font-size:.875rem;padding:.25rem 0}.delete-preview strong{color:var(--text-primary);font-weight:600;margin-right:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-danger{background:var(--accent-red);color:#fff;border:1px solid var(--accent-red)}.btn-danger:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.effect-dose-link{font-size:.8rem;color:var(--accent-blue, #3b82f6);margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.onset-tag{color:var(--text-muted);font-style:italic}.form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}@media (max-width: 768px){.side-effects-page{padding:.75rem .5rem}.effects-grid{grid-template-columns:1fr}.peptide-group{padding:1rem}.peptide-group-title{flex-direction:column;align-items:flex-start;gap:.5rem}.form-grid{grid-template-columns:1fr}}@media (max-width: 480px){.effect-card{padding:.75rem}.effect-type{font-size:1rem}.effect-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.calculator-page{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.pro-features-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1rem;margin-bottom:1rem;background:linear-gradient(90deg,#4f46e51a,#8b5cf60d);border:1px solid rgba(79,70,229,.2);border-radius:8px}.pro-features-text{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-secondary)}.pro-free-note{color:#22c55e;font-weight:600}.pro-divider{color:#ffffff4d}.pro-features-list{color:var(--text-secondary)}.pro-features-list strong{color:var(--text-primary);font-weight:500}.pro-trial-btn{flex-shrink:0;padding:.4rem .875rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.75rem;font-weight:600;border-radius:6px;text-decoration:none;transition:all .2s;white-space:nowrap}.pro-trial-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}@media (max-width: 768px){.pro-features-banner{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem}.pro-features-text{flex-direction:column;align-items:flex-start;gap:.25rem}.pro-divider{display:none}.pro-trial-btn{width:100%;text-align:center;padding:.5rem 1rem}}.calculator-container{display:flex;flex-direction:column;gap:1.5rem}.mode-selector{padding:.5rem!important}.mode-tabs{display:flex;gap:.5rem;background:var(--bg-secondary);border-radius:10px;padding:.25rem}.mode-tab{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-tab:hover:not(.active){background:var(--bg-elevated);color:var(--text-primary)}.mode-tab.active{background:var(--accent-blue);color:#fff;font-weight:600;box-shadow:0 2px 8px #0ea5e94d}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 992px){.calculator-grid{grid-template-columns:1fr}}.calc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.calc-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 480px){.form-grid-2{grid-template-columns:1fr}}.calc-card .form-group{display:flex;flex-direction:column;gap:.5rem}.calc-card .form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0}.calc-card .form-input,.calc-card .form-select{padding:.875rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.calc-card .form-input:focus,.calc-card .form-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0ea5e926}.calc-card .form-select{cursor:pointer}.calc-card .form-select optgroup{font-weight:600;color:var(--text-primary);background:var(--bg-elevated);font-size:.85rem;padding:.5rem}.calc-card .form-select option{background:var(--bg-card);color:var(--text-primary);padding:.5rem}.calc-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-lg{padding:1rem 2rem;font-size:1.1rem;font-weight:600}.results-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(14,165,233,.05) 100%);border-color:var(--accent-blue)}.result-main{text-align:center;padding:1.5rem;margin-bottom:1.5rem;background:var(--bg-elevated);border-radius:12px}.result-primary{display:flex;flex-direction:column;align-items:center;gap:.25rem}.result-primary .result-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;font-weight:500}.result-value-large{font-size:3.5rem;font-weight:700;color:var(--accent-blue);line-height:1}.result-primary .result-unit{font-size:1.25rem;color:var(--text-secondary);font-weight:500}.dose-range-badge{display:inline-block;margin-top:1rem;padding:.5rem 1.25rem;border-radius:20px;color:#fff;font-weight:600;font-size:.9rem}.result-details{display:flex;flex-direction:column;gap:.75rem}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-row span{color:var(--text-secondary)}.result-row strong{color:var(--text-primary)}.info-card{max-height:fit-content}.info-row{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.info-value{font-size:1rem;color:var(--text-primary);font-weight:500}.info-note{margin-top:1rem;padding:1rem;background:#fbbf241a;border-left:3px solid var(--accent-yellow);border-radius:0 8px 8px 0;font-size:.9rem;color:var(--text-secondary)}.info-note strong{color:var(--accent-yellow)}.protocols-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.protocols-section h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.protocol-item{padding:1rem;background:var(--bg-elevated);border-radius:8px;margin-bottom:.75rem;border-left:3px solid var(--border);transition:all .2s ease}.protocol-item.preferred{border-left-color:var(--accent-green);background:#22c55e0d}.protocol-name{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.preferred-badge{font-size:.7rem;padding:.2rem .5rem;background:var(--accent-green);color:#fff;border-radius:4px;font-weight:600}.protocol-calculation{font-size:1.1rem;color:var(--accent-blue);font-weight:600;margin-bottom:.5rem}.protocol-details{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.community-notes{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.community-notes h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.community-notes p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.blend-components{margin-top:1rem;padding:1rem;background:var(--bg-elevated);border-radius:8px;font-size:.9rem}.blend-components strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.blend-components ul{margin:0;padding-left:1.25rem;color:var(--text-secondary)}.blend-components li{padding:.25rem 0}.stack-warning{margin-top:1rem;padding:1rem;background:#ef44441a;border-left:3px solid var(--accent-red);border-radius:0 8px 8px 0;color:var(--accent-red);font-weight:600;font-size:.9rem}.stack-peptide-card{position:relative}.stack-peptide-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-blue);color:#fff;border-radius:50%;font-size:.8rem;font-weight:600;margin-right:.5rem}.stack-result{margin-top:1rem;padding:1rem;background:#0ea5e91a;border-radius:8px;border:1px solid rgba(14,165,233,.3)}.stack-result .result-highlight{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.stack-result .result-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.stack-result .result-value{font-size:1.5rem;font-weight:700;color:var(--accent-blue)}.stack-result .result-detail{font-size:.85rem;color:var(--text-secondary)}.dose-range-indicator{display:inline-block;margin-top:.5rem;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;border:1px solid}.empty-state{text-align:center;padding:3rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:.95rem}.history-card{margin-top:0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-header .calc-card-title{margin:0;padding:0;border:none}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{padding:1rem;background:var(--bg-elevated);border-radius:8px;border-left:3px solid var(--accent-blue)}.history-title{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.history-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.history-details span{padding:.25rem .5rem;background:var(--bg-secondary);border-radius:4px}.history-time{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.history-empty{text-align:center;padding:2rem;color:var(--text-muted)}.history-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.history-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-elevated)}.history-modal-header .calc-card-title{margin:0;font-size:1.125rem}.history-back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--accent-blue);font-size:.95rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease}.history-back-btn:hover{background:#0ea5e91a}.history-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.history-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.history-modal .history-list{flex:1;overflow-y:auto;padding:1rem}.history-modal .history-item.clickable{cursor:pointer;transition:all .2s ease}.history-modal .history-item.clickable:hover{transform:translate(4px);border-left-color:var(--accent-green);background:var(--bg-secondary)}.history-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.history-chevron{color:var(--text-tertiary);transition:transform .2s ease}.history-item.clickable:hover .history-chevron{color:var(--accent-blue);transform:translate(2px)}.history-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-elevated);display:flex;justify-content:center}.history-detail{padding:1.25rem;overflow-y:auto;flex:1}.history-detail-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.history-detail-time{font-size:.8rem;color:var(--text-muted);margin-bottom:1.25rem}.history-detail-stack{display:flex;flex-direction:column;gap:1rem}.history-detail-card{background:var(--bg-elevated);border-radius:12px;padding:1rem;border:1px solid var(--border-color)}.history-detail-card h5{margin:0 0 .75rem;color:var(--accent-blue);font-size:1rem}.history-detail-grid{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-row.highlight{background:linear-gradient(135deg,#0ea5e91a,#8b5cf60d);margin:.5rem -.5rem 0;padding:.75rem .5rem;border-radius:8px;border-bottom:none}.detail-label{color:var(--text-secondary);font-size:.875rem}.detail-value{color:var(--text-primary);font-weight:600;font-size:.95rem}.detail-value.large{font-size:1.25rem;color:var(--accent-blue)}@media (max-width: 768px){.history-modal-overlay{padding:.5rem;padding-bottom:90px;align-items:flex-start;overflow-y:auto}.history-modal{max-width:none;max-height:calc(100vh - 100px);border-radius:16px;margin-top:.5rem}.history-modal-header{padding:1rem;position:sticky;top:0;z-index:10}.history-modal .history-list{padding:.75rem;overflow-y:auto;max-height:calc(100vh - 250px)}.history-detail{padding:1rem;overflow-y:auto;max-height:calc(100vh - 200px)}}@media (max-width: 768px){.calculator-page{padding:.25rem 0}.content-header{padding:0;margin-bottom:.75rem;flex-direction:column;align-items:flex-start;width:100%}.content-header>div:first-child{width:100%}.content-header .page-title{font-size:1.25rem;text-align:left;width:100%}.content-header .page-subtitle{font-size:.8rem;text-align:left;width:100%}.mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.mode-tab{padding:.6rem .5rem;font-size:.8rem;text-align:center}.calc-card{padding:1rem}.calculator-container{gap:1rem}.result-value-large{font-size:2.5rem}.calc-actions{flex-direction:column;gap:.5rem}.calc-actions .btn{width:100%}.history-details{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.calculator-page{padding:0}.content-header{width:100%;align-items:flex-start;padding:0}.content-header .page-title{font-size:1.1rem;text-align:left;width:100%}.content-header .page-subtitle{text-align:left;width:100%}.mode-tab{padding:.5rem .25rem;font-size:.75rem}.calc-card{padding:.875rem;border-radius:10px}.calculator-container{gap:.75rem}.result-value-large{font-size:2rem}.protocol-item{padding:.75rem}.form-group label{font-size:.8rem;margin-bottom:.35rem}.form-group input,.form-group select{padding:.6rem .75rem;font-size:.9rem}}.ai-tips-section{margin-bottom:1.5rem;animation:slideIn .3s ease-out}.ai-tips-section .ai-coach-box{margin-bottom:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-with-toggle{display:flex;gap:.5rem;align-items:stretch}.input-with-toggle .form-input{flex:1;min-width:0}.unit-toggle{display:flex;background:var(--bg-secondary);border-radius:8px;padding:.25rem;gap:.25rem}.unit-btn{padding:.5rem .75rem;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.unit-btn:hover:not(.active){background:var(--bg-elevated);color:var(--text-primary)}.unit-btn.active{background:var(--accent-blue);color:#fff;box-shadow:0 2px 4px #0ea5e94d}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}@media (max-width: 480px){.input-with-toggle{flex-direction:column;gap:.5rem}.unit-toggle{align-self:flex-start}}.calc-card-subtitle{color:var(--text-secondary);font-size:.9rem;margin:-.75rem 0 1.25rem}.water-results{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(34,197,94,.05) 100%);border-color:var(--accent-green)}.water-result-main{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.water-result-main .result-value-large{color:var(--accent-green)}.water-warning{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500}.water-warning.too_concentrated{background:#ef44441a;color:var(--accent-red);border:1px solid rgba(239,68,68,.3)}.water-warning.too_diluted{background:#f59e0b1a;color:var(--accent-yellow);border:1px solid rgba(245,158,11,.3)}.water-results-subtitle{color:var(--text-secondary);font-size:.9rem;margin:-.5rem 0 1.25rem;text-align:center}.water-options-table{background:var(--bg-elevated);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);margin-bottom:1rem}.water-options-header{display:grid;grid-template-columns:1fr 1fr 80px;padding:.75rem 1rem;background:#22c55e1a;font-weight:600;font-size:.85rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.water-option-row{display:grid;grid-template-columns:1fr 1fr 80px;padding:.875rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.water-option-row:last-child{border-bottom:none}.water-option-row:hover{background:#22c55e0d}.water-option-row.selected{background:#22c55e26;border-left:3px solid var(--accent-green)}.water-option-row.recommended{position:relative}.water-option-row.recommended:after{content:"Recommended";position:absolute;right:100px;top:50%;transform:translateY(-50%);font-size:.65rem;padding:.15rem .4rem;background:var(--accent-green);color:#fff;border-radius:4px;font-weight:600;text-transform:uppercase}.option-units{font-weight:600;color:var(--text-primary);font-size:1rem}.option-water{color:var(--accent-green);font-weight:700;font-size:1rem}.option-select{text-align:right;color:var(--text-muted);font-size:.85rem}.water-option-row.selected .option-select{color:var(--accent-green);font-weight:600}.selected-option-details{background:#22c55e14;border-radius:10px;padding:1rem;margin-top:1rem;border:1px solid rgba(34,197,94,.2)}.selected-option-details .result-row{padding:.35rem 0;border-bottom:1px solid rgba(34,197,94,.1)}.selected-option-details .result-row:last-child{border-bottom:none}@media (max-width: 480px){.water-options-header,.water-option-row{grid-template-columns:1fr 1fr 60px;padding:.75rem}.option-units,.option-water{font-size:.9rem}.water-option-row.recommended:after{display:none}}.water-notes{margin-top:1.25rem;padding:1rem;background:var(--bg-elevated);border-radius:8px;border-left:3px solid var(--accent-green)}.water-notes h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.water-notes p{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0 0;line-height:1.5}@media (min-width: 769px){.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr)}}.peptide-recommendations{background:linear-gradient(135deg,#3b82f614,#8b5cf60d);border:1px solid rgba(59,130,246,.2)}.peptide-rec-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.peptide-rec-header .calc-card-title{margin:0}.peptide-category-badge{font-size:.75rem;padding:.35rem .75rem;background:#3b82f633;color:var(--accent-blue);border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.peptide-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}@media (max-width: 576px){.peptide-quick-stats{grid-template-columns:1fr}}.quick-stat{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border-color)}.stat-icon{font-size:1.25rem;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:.2rem}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:.95rem;color:var(--text-primary);font-weight:600}.peptide-titration{background:var(--bg-elevated);padding:.875rem 1rem;border-radius:8px;font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;border-left:3px solid var(--accent-blue)}.titration-label{color:var(--accent-blue);font-weight:600}.peptide-recon-tips{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.recon-tip{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-elevated);border-radius:6px;font-size:.85rem}.tip-label{color:var(--text-muted)}.tip-value{color:var(--text-primary);font-weight:600}.tip-value.highlight{color:var(--accent-green)}.solubility-easy{color:var(--accent-green)!important}.solubility-moderate{color:var(--accent-yellow)!important}.solubility-difficult{color:var(--accent-red, #ef4444)!important}.peptide-note{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);padding:.875rem 1rem;border-radius:8px;font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.peptide-note strong{color:var(--accent-yellow)}.peptide-community{background:var(--bg-elevated);border-radius:10px;padding:1rem;border:1px solid var(--border-color)}.community-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--accent-blue);margin-bottom:.75rem}.community-icon{font-size:1rem}.peptide-community p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.syringe-visual-container{background:linear-gradient(180deg,var(--bg-elevated),rgba(15,23,42,.8));border-radius:16px;padding:1.5rem;margin:1.5rem 0;border:1px solid var(--border-color)}.syringe-label-top{display:flex;justify-content:center;align-items:baseline;gap:.5rem;margin-bottom:1rem}.syringe-size{font-size:1rem;font-weight:600;color:var(--text-primary)}.syringe-volume{font-size:.85rem;color:var(--text-muted)}.syringe-visual{width:100%;max-width:400px;margin:0 auto;padding:1rem 0}.syringe-svg{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.syringe-liquid{animation:liquidFill .8s ease-out}@keyframes liquidFill{0%{width:0}}.syringe-instructions{text-align:center;margin-top:1rem}.instruction-draw{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.instruction-draw strong{color:var(--accent-green);font-size:1.15rem}.syringe-warning{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-top:.75rem}.syringe-tip{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--accent-blue);padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-top:.75rem}.dose-indicator polygon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 480px){.syringe-visual-container{padding:1rem}.syringe-visual{padding:.5rem 0}}.optional-label{font-size:.8rem;color:var(--text-secondary);font-weight:400}.water-syringes-panel{text-align:center}.water-syringes-panel .calc-card-title{margin-bottom:.5rem}.bac-water-syringes{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.bac-water-syringes h4{font-size:1.1rem;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.bac-syringe-info{text-align:center;color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.bac-syringes-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.bac-syringe-item{width:100%;max-width:400px;text-align:center}.bac-syringe-item .syringe-svg{width:100%;height:auto}.bac-syringe-label{display:block;margin-top:.5rem;font-size:.95rem;font-weight:600;color:#22d3ee}.bac-syringe-tip{text-align:center;margin-top:1rem;padding:.75rem;background:#06b6d41a;border-radius:8px;color:#67e8f9;font-size:.9rem}@media (max-width: 480px){.bac-syringe-item{max-width:100%}.bac-syringe-label{font-size:.85rem}}.instructions-card{margin-top:2rem;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(15,23,42,.95) 100%);border:1px solid rgba(59,130,246,.15)}.instructions-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.instructions-header .calc-card-title{font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instructions-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.section-title{font-size:1.15rem;color:var(--text-primary);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-blue);display:inline-block}.modes-section{margin-bottom:2.5rem}.mode-explanation{display:flex;gap:1.25rem;padding:1.25rem;background:var(--bg-elevated);border-radius:12px;margin-bottom:1rem;border:1px solid var(--border-color);transition:all .2s ease}.mode-explanation:hover{border-color:var(--accent-blue);transform:translate(4px)}.mode-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.mode-icon svg{width:24px;height:24px}.dose-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:var(--accent-blue)}.water-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:var(--accent-green)}.blend-icon{background:linear-gradient(135deg,#a855f733,#a855f71a);color:#a855f7}.stack-icon{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:var(--accent-yellow)}.mode-details{flex:1}.mode-details h5{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary)}.mode-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 .75rem}.mode-when{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.when-label{color:var(--accent-blue);font-weight:600}.mode-example{background:#0000004d;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;color:var(--text-secondary);border-left:3px solid var(--accent-blue)}.mode-example .highlight{color:var(--accent-green);font-weight:700;font-size:1rem}.math-section{margin-bottom:2.5rem}.math-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.math-grid{grid-template-columns:1fr}}.math-card{background:var(--bg-elevated);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color)}.math-card h5{margin:0 0 .75rem;font-size:.95rem;color:var(--text-primary)}.formula{background:linear-gradient(135deg,#3b82f626,#a855f71a);padding:.75rem 1rem;border-radius:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;color:#93c5fd;margin-bottom:.75rem;text-align:center;border:1px solid rgba(59,130,246,.2)}.math-card p{margin:0;font-size:.85rem;color:var(--text-secondary)}.math-card p strong{color:var(--accent-green)}.recon-section{margin-bottom:2.5rem}.recon-steps{position:relative}.recon-steps:before{content:"";position:absolute;left:20px;top:40px;bottom:40px;width:2px;background:linear-gradient(180deg,var(--accent-blue),var(--accent-green));border-radius:2px}.recon-step{display:flex;gap:1.25rem;margin-bottom:1.25rem;position:relative}.recon-step:last-child{margin-bottom:0}.recon-number{flex-shrink:0;width:42px;height:42px;background:linear-gradient(135deg,var(--accent-blue),#0284c7);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;z-index:1;box-shadow:0 4px 12px #3b82f64d}.recon-content{flex:1;background:var(--bg-elevated);padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--border-color)}.recon-content h5{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.recon-content p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.recon-content strong{color:var(--accent-yellow)}.tips-section{margin-bottom:2.5rem}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 992px){.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.tips-grid{grid-template-columns:1fr}}.tip-card{background:var(--bg-elevated);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color);transition:all .2s ease}.tip-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.tip-icon{font-size:1.75rem;margin-bottom:.75rem}.tip-card h5{margin:0 0 .5rem;font-size:.95rem;color:var(--text-primary)}.tip-card p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.faq-section{margin-bottom:2.5rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-elevated);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color)}.faq-item h5{margin:0 0 .75rem;font-size:1rem;color:var(--accent-blue)}.faq-item p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.syringe-section{margin-bottom:2rem}.syringe-table{background:var(--bg-elevated);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.syringe-row{display:grid;grid-template-columns:1fr 1fr 2fr;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.syringe-row:last-child{border-bottom:none}.syringe-row.header{background:#3b82f61a;font-weight:600;color:var(--text-primary);font-size:.9rem}.syringe-row:not(.header){font-size:.9rem;color:var(--text-secondary)}.syringe-row:not(.header):hover{background:#ffffff05}@media (max-width: 576px){.syringe-row{grid-template-columns:1fr;gap:.25rem;padding:.875rem 1rem}.syringe-row.header{display:none}.syringe-row span:first-child{font-weight:600;color:var(--text-primary)}}.instructions-warning{display:flex;gap:1rem;align-items:flex-start;background:linear-gradient(135deg,#f59e0b1a,#ef44440d);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:1.25rem}.warning-icon{font-size:1.5rem;flex-shrink:0}.warning-content{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.warning-content strong{color:var(--accent-yellow);display:block;margin-bottom:.25rem}.blend-note{margin:.5rem 0 0;font-size:.85rem;color:var(--text-muted)}.blend-info-card{background:linear-gradient(135deg,#8b5cf614,#3b82f60d);border:1px solid rgba(139,92,246,.2)}.blend-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.blend-header .calc-card-title{margin:0}.blend-total-badge{font-size:.8rem;padding:.4rem .75rem;background:#8b5cf633;color:#a78bfa;border-radius:20px;font-weight:600}.blend-components-detailed{background:var(--bg-elevated);border-radius:12px;padding:1rem;margin-bottom:1.25rem;border:1px solid var(--border-color)}.components-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.component-list{display:flex;flex-direction:column;gap:.75rem}.component-item{background:#0003;border-radius:8px;padding:.875rem;border-left:3px solid #a78bfa}.component-item:nth-child(2){border-left-color:var(--accent-blue)}.component-item:nth-child(3){border-left-color:var(--accent-green)}.component-item:nth-child(4){border-left-color:var(--accent-yellow)}.component-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.component-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.component-amount{font-weight:700;color:#a78bfa;font-size:1rem}.component-purpose{font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem}.component-percent{font-size:.75rem;color:var(--text-muted)}.blend-dosing-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.dosing-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-elevated);border-radius:8px;font-size:.9rem}.dosing-label{color:var(--text-muted)}.dosing-value{color:var(--text-primary);font-weight:600}.blend-note-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:.875rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.blend-note-box strong{color:var(--accent-yellow)}.blend-community-notes{background:var(--bg-elevated);border-radius:10px;padding:1rem;border:1px solid var(--border-color)}.blend-community-notes .community-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--accent-blue);margin-bottom:.75rem}.blend-community-notes p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.dose-breakdown{background:var(--bg-elevated);border-radius:10px;padding:1rem;margin-top:1rem;border:1px solid var(--border-color)}.dose-breakdown-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.dose-breakdown-list{display:flex;flex-direction:column;gap:.5rem}.dose-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#0003;border-radius:6px;font-size:.85rem}.dose-breakdown-item .name{color:var(--text-secondary)}.dose-breakdown-item .amount{font-weight:600;color:var(--accent-green)}@media (max-width: 576px){.mode-explanation{flex-direction:column;gap:1rem}.mode-icon{width:40px;height:40px}.mode-icon svg{width:20px;height:20px}.recon-steps:before{left:18px}.recon-number{width:36px;height:36px;font-size:1rem}}.mode-tab.nasal-tab.active{background:linear-gradient(135deg,#22d3ee26,#0891b21a);border-color:#22d3ee66;color:#22d3ee}.mode-tab.nasal-tab:not(.active):hover{border-color:#22d3ee4d}.nasal-sub-mode-toggle{display:flex;background:var(--bg-elevated);border-radius:10px;padding:4px;margin-bottom:1rem;gap:4px}.sub-mode-btn{flex:1;padding:.625rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.sub-mode-btn:hover{background:#22d3ee1a;color:var(--text-primary)}.sub-mode-btn.active{background:linear-gradient(135deg,#22d3ee33,#0891b226);color:#22d3ee;font-weight:600}.nasal-card{border-top:3px solid #22d3ee}.btn.nasal-btn{background:linear-gradient(135deg,#22d3ee,#0891b2);border:none}.btn.nasal-btn:hover{background:linear-gradient(135deg,#06b6d4,#0e7490);transform:translateY(-1px);box-shadow:0 4px 12px #22d3ee40}.nasal-peptide-info{border-left:3px solid #22d3ee}.nasal-badge{background:linear-gradient(135deg,#22d3ee26,#0891b21a)!important;color:#22d3ee!important}.nasal-peptide-details{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.nasal-detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.nasal-detail-row:last-child{border-bottom:none}.nasal-detail-row span{color:var(--text-secondary);font-size:.9rem}.nasal-detail-row strong{color:var(--text-primary);font-size:.9rem}.nasal-community-notes{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#22d3ee14;border-radius:8px;border:1px solid rgba(34,211,238,.15)}.nasal-community-notes .notes-icon{font-size:1.25rem;flex-shrink:0}.nasal-community-notes p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.nasal-results{background:linear-gradient(135deg,#22d3ee14,#0891b20d);border:1px solid rgba(34,211,238,.2)}.spray-bottle-container{display:flex;justify-content:center;padding:1.5rem 0}.spray-bottle-svg{width:100px;height:160px;transition:all .3s ease}.nasal-primary-result{display:flex;flex-direction:column;align-items:center;padding:1.25rem;background:#22d3ee1a;border-radius:12px;margin-bottom:1rem;text-align:center}.nasal-primary-result .result-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.nasal-primary-result .result-value-large.nasal-value{font-size:3rem;font-weight:700;color:#22d3ee;line-height:1.1}.nasal-primary-result .result-sublabel{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.nasal-result-details{background:var(--bg-elevated);border-radius:10px;padding:.75rem;margin-bottom:1rem}.nasal-result-details .result-row{display:flex;justify-content:space-between;padding:.625rem .5rem;border-bottom:1px solid var(--border-color)}.nasal-result-details .result-row:last-child{border-bottom:none}.nasal-result-details .result-row span{color:var(--text-secondary);font-size:.9rem}.nasal-result-details .result-row strong{color:var(--text-primary);font-size:.9rem}.nasal-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;margin-bottom:1rem}.nasal-warning .warning-icon{font-size:1.25rem;flex-shrink:0}.nasal-warning span{color:var(--accent-yellow);font-size:.9rem;line-height:1.5}.nasal-safety-box{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:1rem}.nasal-safety-box h4{color:#ef4444;font-size:.9rem;font-weight:600;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.nasal-safety-box h4:before{content:"⚠️"}.nasal-safety-box ul{margin:0;padding:0;list-style:none}.nasal-safety-box li{position:relative;padding-left:1.25rem;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.nasal-safety-box li:before{content:"•";position:absolute;left:0;color:#ef4444;font-weight:700}.nasal-safety-box li:last-child{margin-bottom:0}.nasal-safety-box li strong{color:#ef4444}.nasal-right-panel{border-top:3px solid #22d3ee}.nasal-spray-instructions{margin-bottom:1.5rem}.spray-instruction-box{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#22d3ee1a;border-radius:10px;text-align:center}.spray-instruction-box strong{font-size:1.25rem;color:#22d3ee}.spray-instruction-box span{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.nasal-guidance-section{margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.nasal-guidance-section h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.guidance-rows{display:flex;flex-direction:column;gap:.5rem}.guidance-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.guidance-row:last-child{border-bottom:none}.guidance-row span{color:var(--text-secondary);font-size:.85rem}.guidance-row strong{color:#22d3ee;font-size:.85rem}.nasal-guidance-note{margin-top:1rem;padding:.75rem;background:var(--bg-elevated);border-radius:8px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.nasal-guidance-note strong{color:var(--text-primary)}.nasal-community-tips{margin-top:1rem;padding:.875rem;background:#22d3ee14;border-radius:8px;border:1px solid rgba(34,211,238,.15)}.nasal-community-tips h4{font-size:.85rem;margin:0 0 .5rem;color:#22d3ee}.nasal-community-tips p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 576px){.nasal-sub-mode-toggle{flex-direction:row}.sub-mode-btn{padding:.5rem .75rem;font-size:.85rem}.spray-bottle-svg{width:80px;height:130px}.nasal-primary-result .result-value-large.nasal-value{font-size:2.5rem}.nasal-detail-row{flex-direction:column;gap:.25rem}.nasal-detail-row strong{color:#22d3ee}.guidance-row{flex-direction:column;gap:.25rem}}.blend-calc-mode-toggle{display:flex;background:var(--bg-elevated);border-radius:10px;padding:4px;margin-bottom:1.25rem;gap:4px}.blend-mode-btn{flex:1;padding:.625rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.blend-mode-btn:hover{background:#8b5cf61a;color:var(--text-primary)}.blend-mode-btn.active{background:linear-gradient(135deg,#8b5cf640,#a855f733);color:#a78bfa;font-weight:600;box-shadow:0 2px 8px #8b5cf633}.target-component-section{background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:1rem;margin-bottom:1rem}.target-component-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#a78bfa;margin-bottom:.5rem}.target-component-header .target-icon{font-size:1.1rem}.target-component-desc{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.dose-breakdown.target-calc{background:linear-gradient(135deg,#8b5cf61f,#a855f70f);border:1px solid rgba(139,92,246,.25)}.target-calc-header{display:flex;align-items:center;gap:.5rem;padding:.75rem .5rem;margin-bottom:.75rem;background:#8b5cf61a;border-radius:8px;font-size:.95rem;color:var(--text-primary)}.target-calc-header .target-icon{font-size:1.25rem}.target-calc-header strong{color:#a78bfa}.dose-breakdown-item.target-component{background:linear-gradient(135deg,#8b5cf633,#a855f726);border:1px solid rgba(139,92,246,.3);position:relative}.dose-breakdown-item.target-component .name{display:flex;align-items:center;gap:.5rem;color:#a78bfa;font-weight:600}.dose-breakdown-item.target-component .amount{color:#a78bfa!important;font-weight:700}.target-star{color:#fbbf24;font-size:.9rem}.target-badge{font-size:.65rem;padding:.15rem .4rem;background:#8b5cf64d;color:#c4b5fd;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}@media (max-width: 576px){.blend-calc-mode-toggle{flex-direction:row}.blend-mode-btn{padding:.5rem .75rem;font-size:.85rem}.target-component-section{padding:.875rem}.target-calc-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.water-type-toggle{display:flex;gap:.5rem;margin-bottom:1.25rem;background:var(--bg-secondary);padding:.25rem;border-radius:10px}.water-type-btn{flex:1;padding:.625rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.water-type-btn:hover:not(.active){background:var(--bg-elevated);color:var(--text-primary)}.water-type-btn.active{background:var(--accent-blue);color:#fff;box-shadow:0 2px 6px #0ea5e94d}.peptide-library{width:100%}.peptide-lib-header-section{margin-bottom:1.5rem}.peptide-lib-header-section h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.peptide-lib-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.peptide-lib-controls{display:flex;gap:1rem;margin-bottom:1.25rem;align-items:center;flex-wrap:wrap}.peptide-lib-search{flex:1;min-width:250px;max-width:400px;position:relative;display:flex;align-items:center}.peptide-lib-search .search-icon{position:absolute;left:1rem;color:var(--text-tertiary);pointer-events:none}.peptide-lib-search input{width:100%;padding:.875rem 2.5rem .875rem 2.75rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-elevated);color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.peptide-lib-search input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0ea5e926}.peptide-lib-search input::placeholder{color:var(--text-tertiary)}.peptide-lib-search .clear-search{position:absolute;right:.75rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.peptide-lib-search .clear-search:hover{background:var(--bg-secondary);color:var(--text-primary)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000040;overflow:hidden;z-index:100;max-height:320px;overflow-y:auto}.autocomplete-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:all .15s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.highlighted{background:#0ea5e91a}.autocomplete-item.highlighted{background:#0ea5e926}.autocomplete-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.autocomplete-category{font-size:.75rem;color:var(--accent-blue);margin-top:.125rem;text-transform:uppercase;letter-spacing:.3px}.clear-filters-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.peptide-lib-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:24px;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:var(--text-primary)}.category-pill:hover{border-color:var(--cat-color, var(--accent-blue));background:rgba(var(--cat-color-rgb, 59, 130, 246),.1);color:var(--text-primary)}.category-pill.active{background:var(--cat-color, var(--accent-blue));border-color:var(--cat-color, var(--accent-blue));color:#fff}.category-pill .cat-icon{font-size:1rem}.category-pill .cat-name{font-weight:500;color:inherit}.category-pill .cat-count{background:#fff3;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.category-pill:not(.active) .cat-count{background:var(--bg-secondary);color:var(--text-secondary)}.peptide-lib-results{margin-bottom:1.5rem}.results-title{font-size:1rem;color:var(--text-secondary);margin:0 0 1rem;font-weight:500}.no-results{text-align:center;padding:3rem 1rem;background:var(--bg-elevated);border-radius:12px;border:1px solid var(--border-color)}.no-results p{color:var(--text-secondary);margin:0 0 1rem}.no-results button{padding:.5rem 1.25rem;background:var(--accent-blue);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.no-results button:hover{background:#0284c7;transform:translateY(-1px)}.category-section{margin-bottom:2rem}.category-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,rgba(var(--cat-color-rgb, 59, 130, 246),.1),transparent);border-radius:12px;border-left:3px solid var(--cat-color, var(--accent-blue))}.cat-icon-large{font-size:2rem;line-height:1}.cat-info h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.cat-info p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.cat-count-badge{margin-left:auto;background:var(--bg-secondary);padding:.375rem .875rem;border-radius:16px;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.category-header h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.category-header p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.peptide-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}@media (max-width: 768px){.peptide-cards-grid{grid-template-columns:1fr}}.peptide-lib-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .25s ease}.peptide-lib-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.peptide-lib-card.expanded{cursor:default;border-color:var(--accent-blue);background:linear-gradient(135deg,var(--bg-elevated),rgba(14,165,233,.03))}.peptide-lib-header{display:flex;align-items:center;gap:1rem}.peptide-lib-title{flex:1}.peptide-lib-title h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.peptide-lib-category{font-size:.75rem;color:var(--accent-blue);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.peptide-lib-quick-stats{display:flex;gap:.5rem;flex-wrap:wrap}.quick-stat-pill{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--bg-secondary);border-radius:16px;font-size:.75rem;color:var(--text-secondary)}.quick-stat-pill .stat-icon{font-size:.8rem}.expand-icon{color:var(--text-tertiary);transition:transform .25s ease}.expand-icon.rotated{transform:rotate(180deg)}.peptide-lib-preview{margin:.75rem 0 0;font-size:.875rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.peptide-lib-content{margin-top:1.25rem;cursor:default}.peptide-lib-description{margin:0 0 1.25rem;font-size:.95rem;color:var(--text-secondary);line-height:1.6}.peptide-lib-content h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.peptide-lib-pharma{margin-bottom:1.25rem;padding:1rem;background:var(--bg-secondary);border-radius:10px}.pharma-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.pharma-item{display:flex;flex-direction:column;gap:.25rem}.pharma-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.pharma-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.peptide-lib-recon{margin-bottom:1.25rem;padding:1rem;background:linear-gradient(135deg,#22c55e14,#22c55e05);border-radius:10px;border:1px solid rgba(34,197,94,.2)}.recon-info{display:flex;flex-wrap:wrap;gap:1.5rem}.recon-item{display:flex;flex-direction:column;gap:.25rem}.recon-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.recon-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.peptide-lib-protocols{margin-bottom:1.25rem}.protocol-cards{display:flex;flex-direction:column;gap:.75rem}.protocol-card{background:var(--bg-secondary);border-radius:10px;padding:1rem;border-left:3px solid var(--accent-blue)}.protocol-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.protocol-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.protocol-freq{font-size:.8rem;color:var(--accent-blue);background:#0ea5e91a;padding:.25rem .625rem;border-radius:12px;font-weight:500}.protocol-details{display:flex;flex-direction:column;gap:.5rem}.protocol-row{display:flex;justify-content:space-between;font-size:.85rem}.protocol-label{color:var(--text-tertiary)}.protocol-value{color:var(--text-primary);font-weight:500;text-align:right}.protocol-notes{margin:.75rem 0 0;font-size:.8rem;color:var(--text-secondary);font-style:italic;padding-top:.5rem;border-top:1px solid var(--border-color)}.peptide-lib-warnings{margin-bottom:1.25rem;padding:1rem;background:linear-gradient(135deg,#ef444414,#ef444405);border-radius:10px;border:1px solid rgba(239,68,68,.2)}.peptide-lib-warnings ul{margin:0;padding:0 0 0 1.25rem}.peptide-lib-warnings li{font-size:.875rem;color:var(--text-secondary);margin-bottom:.375rem}.peptide-lib-warnings li:last-child{margin-bottom:0}.peptide-lib-community{margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#a855f714,#a855f705);border-radius:10px;border:1px solid rgba(168,85,247,.2)}.peptide-lib-community p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.collapse-btn{width:100%;padding:.625rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.collapse-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.peptide-lib-disclaimer{margin-top:2rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f59e0b14,#f59e0b05);border-radius:10px;border:1px solid rgba(245,158,11,.25)}.peptide-lib-disclaimer p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.6}.peptide-lib-disclaimer strong{color:#f59e0b}.mode-tab.library-tab.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 2px 8px #8b5cf64d}@media (max-width: 640px){.peptide-lib-header-section h2{font-size:1.5rem}.peptide-lib-controls{flex-direction:column;align-items:stretch}.peptide-lib-search{max-width:none}.peptide-lib-categories{gap:.375rem;line-height:1.8}.category-pill{padding:.25rem .5rem;font-size:.75rem;border-radius:6px;gap:.25rem}.category-pill .cat-icon{font-size:.85rem}.category-pill .cat-name{font-weight:500}.category-pill .cat-count{display:none}.category-section-header{padding:.875rem}.cat-icon-large{font-size:1.5rem}.cat-info h3{font-size:1.1rem}.peptide-lib-card{padding:1rem}.peptide-lib-header{flex-direction:column;align-items:flex-start}.peptide-lib-quick-stats{margin-top:.5rem}.protocol-header{flex-direction:column;align-items:flex-start}.protocol-row{flex-direction:column;gap:.125rem}.protocol-value{text-align:left}}@media (max-width: 768px){.content-header{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;margin-left:0!important;padding-left:0!important}.content-header .page-title{text-align:left!important;margin-left:0!important}.content-header .page-subtitle,.peptide-lib-header-section,.peptide-lib-header-section h2,.peptide-lib-header-section p{text-align:left!important}}.mode-tab.tdee-tab{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff!important;border:none;position:relative;animation:tdee-pulse 2s ease-in-out infinite}.mode-tab.tdee-tab:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px)}.mode-tab.tdee-tab.active{background:linear-gradient(135deg,#c2410c,#9a3412);animation:none;box-shadow:0 0 20px #f9731666}@keyframes tdee-pulse{0%,to{box-shadow:0 0 5px #f973164d}50%{box-shadow:0 0 20px #f9731699}}.tdee-calculator{width:100%}.tdee-header{text-align:center;margin-bottom:2rem}.tdee-header h2{font-size:1.75rem;color:#f97316;margin-bottom:.5rem}.tdee-header p{color:var(--text-secondary);font-size:.95rem}.tdee-grid{display:grid;grid-template-columns:380px 1fr;gap:1.5rem}@media (max-width: 1024px){.tdee-grid{grid-template-columns:1fr}}.tdee-input-section{position:sticky;top:1rem;align-self:start}.tdee-results-section{display:flex;flex-direction:column;gap:1rem}.unit-toggle,.gender-toggle{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.unit-toggle button,.gender-toggle button{flex:1;padding:.6rem 1rem;background:var(--bg-secondary);border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.875rem}.unit-toggle button:hover,.gender-toggle button:hover{background:var(--bg-tertiary)}.unit-toggle button.active,.gender-toggle button.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.height-inputs{display:flex;gap:.5rem}.height-inputs select{flex:1}.optional{font-size:.75rem;color:var(--text-muted);font-weight:400}.tdee-main-result{background:linear-gradient(135deg,#f973161a,#ea580c1a);border:1px solid rgba(249,115,22,.3);text-align:center;padding:2rem!important}.tdee-main-result h3{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.tdee-big-number{font-size:3.5rem;font-weight:700;color:#f97316;line-height:1}.tdee-unit{color:var(--text-secondary);font-size:1rem;margin-top:.25rem}.tdee-weekly{color:var(--text-muted);font-size:.875rem;margin-top:.5rem}.tdee-formula-note{margin-top:1rem;font-size:.8rem;color:var(--text-muted)}.activity-breakdown{display:flex;flex-direction:column;gap:.5rem}.activity-row{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;font-size:.9rem}.activity-row.header{background:var(--bg-tertiary);font-weight:600}.activity-row.active{background:linear-gradient(135deg,#f9731633,#ea580c33);border:1px solid rgba(249,115,22,.4)}.activity-row span:last-child{font-weight:600;color:var(--text-primary)}.bmi-classification{font-size:1rem;margin-bottom:1rem}.bmi-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.bmi-range{padding:.75rem .5rem;border-radius:8px;text-align:center;border:2px solid transparent;font-size:.75rem}.bmi-range.current{border-width:2px;font-weight:600}.bmi-label{display:block;font-weight:600;margin-bottom:.25rem}.bmi-value{display:block;font-size:.7rem;opacity:.8}.formula-breakdown{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.formula-row{display:flex;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-secondary);border-radius:6px;font-size:.85rem}.formula-row.highlight{background:linear-gradient(135deg,#22c55e26,#16a34a26);border:1px solid rgba(34,197,94,.3)}.formula-name{color:var(--text-secondary)}.formula-value{font-weight:600;color:var(--text-primary)}.formula-recommendation,.formula-note{margin-top:1rem;font-size:.8rem;color:var(--text-muted);padding:.75rem;background:var(--bg-secondary);border-radius:6px}.ideal-weight-note{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.ffmi-display{display:flex;justify-content:center;margin:1rem 0}.ffmi-value{text-align:center}.ffmi-number{font-size:2.5rem;font-weight:700;color:#8b5cf6}.ffmi-label{display:block;font-size:.875rem;color:var(--text-secondary)}.ffmi-note{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.ffmi-scale{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.ffmi-range{flex:1;min-width:100px;padding:.5rem;background:var(--bg-secondary);border-radius:6px;font-size:.75rem;text-align:center}.ffmi-range.current{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border:1px solid rgba(139,92,246,.4);font-weight:600}.mmp-note{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.mmp-breakdown{display:flex;flex-direction:column;gap:.5rem}.mmp-row{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;font-size:.9rem}.mmp-row.highlight{background:linear-gradient(135deg,#f9731626,#ea580c26);border:1px solid rgba(249,115,22,.3)}.mmp-row span:last-child{font-weight:700;color:#f97316}.mmp-disclaimer{margin-top:1rem;font-size:.75rem;color:var(--text-muted)}.macros-card{background:linear-gradient(135deg,#22c55e0d,#16a34a0d)}.macro-goal-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.macro-goal-selector button{flex:1;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.875rem}.macro-goal-selector button:hover{background:var(--bg-tertiary)}.macro-goal-selector button.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:transparent}.macro-display{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.macro-item{text-align:center;padding:1.25rem 1rem;border-radius:12px}.macro-item.protein{background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid rgba(239,68,68,.3)}.macro-item.fat{background:linear-gradient(135deg,#f59e0b26,#d9770626);border:1px solid rgba(245,158,11,.3)}.macro-item.carbs{background:linear-gradient(135deg,#3b82f626,#2563eb26);border:1px solid rgba(59,130,246,.3)}.macro-value{font-size:2rem;font-weight:700}.macro-item.protein .macro-value{color:#ef4444}.macro-item.fat .macro-value{color:#f59e0b}.macro-item.carbs .macro-value{color:#3b82f6}.macro-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.macro-ratio{text-align:center;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.macro-note{text-align:center;font-size:.75rem;color:var(--text-muted)}.macro-options{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.macro-options h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.macro-option{display:flex;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-secondary);border-radius:6px;font-size:.8rem;margin-bottom:.5rem}.option-name{color:var(--text-secondary)}.macro-option span:last-child{font-weight:500;color:var(--text-primary);font-family:monospace}.no-results{text-align:center;padding:3rem 2rem!important}.no-results h3{color:var(--text-primary);margin-bottom:.5rem}.no-results p{color:var(--text-secondary);margin-bottom:1.5rem}.no-results ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.no-results li{background:var(--bg-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;color:var(--text-secondary)}@media (max-width: 768px){.tdee-big-number{font-size:2.5rem}.bmi-scale{grid-template-columns:repeat(2,1fr)}.macro-display{grid-template-columns:1fr}.macro-goal-selector{flex-wrap:wrap}.macro-goal-selector button{flex:1 1 calc(33% - .5rem);min-width:80px}.ffmi-scale{flex-direction:column}.ffmi-range{min-width:100%}}.admin-container{max-width:1400px;margin:0 auto;padding:24px 24px 100px}.admin-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border)}.admin-icon{color:var(--accent-purple);filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}.admin-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:8px;transition:var(--transition);white-space:nowrap}.admin-tab:hover{color:var(--text-primary);background:var(--bg-surface)}.admin-tab.active{color:#fff;background:var(--gradient-accent)}.admin-content{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;min-height:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}.admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-surface);border-radius:10px;padding:1.25rem;border:1px solid var(--border);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-value{font-size:1.75rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.chart-container{background:var(--bg-surface);padding:1.5rem;border-radius:10px;border:1px solid var(--border)}.chart-container h3{color:var(--text-primary);margin-bottom:1rem;font-size:1rem}.simple-chart{display:flex;align-items:flex-end;gap:1rem;height:150px;padding-top:1rem}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;max-width:40px;background:var(--gradient-accent);border-radius:4px 4px 0 0;transition:var(--transition);cursor:pointer}.chart-bar:hover{opacity:.8}.chart-label{font-size:.7rem;color:var(--text-muted);margin-top:.5rem}.filter-bar{display:flex;gap:.5rem;margin-bottom:1rem}.filter-btn{padding:.5rem 1rem;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:var(--transition)}.filter-btn:hover{color:var(--text-primary);border-color:var(--accent-blue)}.filter-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.actions-bar{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-highlight)}.btn-success{background:var(--accent-green);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{opacity:.9}.btn-warning{background:var(--accent-orange);color:#fff}.btn-warning:hover{opacity:.9}.cache-list{display:flex;flex-direction:column;gap:1rem}.cache-entry{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1rem}.cache-entry.verified{border-left:4px solid var(--accent-green)}.cache-query{color:var(--accent-blue);font-weight:600;margin-bottom:.5rem;font-size:.95rem}.cache-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem;font-size:.8rem;color:var(--text-muted)}.verified-badge{color:var(--accent-green)}.unverified-badge{color:var(--accent-orange)}.cache-header{cursor:pointer}.cache-response{background:var(--bg-card);padding:.75rem;border-radius:6px;font-size:.85rem;color:var(--text-secondary);line-height:1.6;max-height:120px;overflow:hidden;margin-bottom:.75rem;position:relative}.cache-response.expanded{max-height:none;overflow:visible}.cache-response .response-label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.cache-response .response-content{white-space:pre-wrap;word-wrap:break-word}.cache-response .btn-expand{display:block;margin-top:.5rem;background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.cache-response .btn-expand:hover{background:var(--accent-blue);color:#fff}.cache-actions{display:flex;gap:.5rem}.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table table{width:100%;border-collapse:collapse}.data-table th{background:var(--bg-surface);padding:.875rem 1rem;text-align:left;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;white-space:nowrap}.data-table td{padding:.875rem 1rem;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.875rem}.data-table tr:hover{background:var(--bg-surface)}.totals-bar{display:flex;gap:2rem;flex-wrap:wrap;padding:1rem;background:var(--bg-surface);border-radius:8px;margin-bottom:1.5rem}.total-item{display:flex;gap:.5rem;align-items:baseline}.total-label{color:var(--text-muted);font-size:.85rem}.total-value{color:var(--text-primary);font-weight:600;font-size:1.1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.pagination button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.pagination button:hover:not(:disabled){background:var(--accent-blue);border-color:var(--accent-blue)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-secondary);font-size:.875rem}.session-detail .back-btn{margin-bottom:1rem}.session-header{padding:1rem;background:var(--bg-surface);border-radius:8px;margin-bottom:1rem}.session-header h3{color:var(--text-primary);margin-bottom:.5rem}.session-meta{display:flex;gap:1.5rem;color:var(--text-muted);font-size:.85rem}.messages-list{display:flex;flex-direction:column;gap:1rem}.message{padding:1rem;border-radius:8px;background:var(--bg-surface)}.message.user{border-left:3px solid var(--accent-blue)}.message.assistant{border-left:3px solid var(--accent-purple)}.message-role{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.message-content{color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.message-time{margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.admin-brands .brand-cell{display:flex;align-items:center;gap:.75rem}.brand-mini-logo{width:32px;height:32px;border-radius:6px;object-fit:contain;background:var(--bg-surface)}.subdomain-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--accent-blue);text-decoration:none;font-size:.875rem}.subdomain-link:hover{text-decoration:underline}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-pending{background:#f59e0b26;color:#f59e0b}.status-approved,.status-active{background:#22c55e26;color:#22c55e}.status-suspended,.status-past_due{background:#ef444426;color:#ef4444}.status-rejected,.status-canceled{background:#6b728026;color:#6b7280}.status-trialing{background:#4f46e526;color:#4f46e5}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.brand-detail .back-btn{margin-bottom:1rem}.brand-detail-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.brand-detail-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.brand-detail-logo{width:64px;height:64px;border-radius:12px;object-fit:contain;background:var(--bg-card)}.brand-detail-header h3{color:var(--text-primary);margin:0}.brand-subdomain{color:var(--accent-blue);font-size:.875rem;margin-top:.25rem}.brand-detail-header .status-badge{margin-left:auto}.brand-detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--text-primary);font-weight:500}.brand-detail-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border)}.user-detail .back-btn{margin-bottom:1rem}.user-detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.user-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.user-detail-header h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.5rem}.user-detail-header .user-email{color:var(--text-muted);font-size:.9rem;margin:0}.user-badges{display:flex;gap:.5rem;flex-wrap:wrap}.user-detail-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.user-detail-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border)}.status-badge.status-none{background:#64646433;color:#888}.status-badge.status-trialing{background:#3b82f633;color:#60a5fa}.subscription-stats{margin-bottom:1.5rem}.user-cell{display:flex;flex-direction:column}.user-name{color:var(--text-primary);font-weight:500}.user-email{color:var(--text-muted);font-size:.75rem}.trial-days{font-size:.65rem;margin-left:.25rem;opacity:.8}.brand-ref{display:inline-flex;align-items:center;padding:.2rem .5rem;background:#4f46e51a;color:var(--accent-purple);border-radius:4px;font-size:.75rem;font-weight:500}.no-ref{color:var(--text-muted);font-size:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1rem}@media (max-width: 768px){.admin-container{padding:1rem;padding-bottom:120px}.admin-header{padding:1rem}.admin-tabs{padding:.25rem;gap:.25rem}.admin-tab{padding:.5rem .75rem;font-size:.8rem}.admin-tab span{display:none}.admin-content{padding:1rem}.admin-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.25rem}.actions-bar{flex-direction:column}.btn{width:100%;justify-content:center}.totals-bar{flex-direction:column;gap:.75rem}}.admin-discord{display:flex;flex-direction:column;gap:1.5rem}.discord-stats{margin-bottom:1rem}.discord-award-form{background:var(--bg-surface);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border)}.discord-award-form h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#00b4d8;font-size:1.1rem}.award-form .form-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.award-form .form-group{display:flex;flex-direction:column;gap:.5rem}.award-form .form-group.flex-1{flex:1;min-width:100px}.award-form .form-group.flex-2{flex:2;min-width:200px}.award-form .form-group label{font-size:.8rem;color:var(--text-secondary)}.award-form .form-group select,.award-form .form-group input{padding:.625rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.9rem}.award-form .form-group select:focus,.award-form .form-group input:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 2px #00b4d833}.discord-section{background:var(--bg-surface);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border)}.discord-section h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#00b4d8;font-size:1.1rem}.discord-id{background:var(--bg-card);padding:.25rem .5rem;border-radius:4px;font-size:.85rem;color:var(--text-secondary)}.awarded-col{text-align:center;font-weight:600;color:#00b4d8}.promo-col{text-align:center}.promo-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.promo-badge.yes{background:#4caf50;color:#fff}.promo-badge.no{background:var(--bg-card);color:var(--text-secondary)}.award-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:capitalize}.months-col{text-align:center;font-weight:600}.empty-row{text-align:center;color:var(--text-secondary);padding:2rem!important}@media (max-width: 768px){.award-form .form-row{flex-direction:column}.award-form .form-group.flex-1,.award-form .form-group.flex-2{flex:1 1 100%;min-width:100%}.discord-section .data-table{overflow-x:auto}.discord-section table{min-width:600px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);margin:0;font-size:1.1rem}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.modal-body .form-group input,.modal-body .form-group select{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem}.modal-body .form-group input:focus,.modal-body .form-group select:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 2px #8b5cf633}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-surface);border-radius:0 0 var(--radius) var(--radius)}@media (max-width: 480px){.modal-content{max-width:100%;margin:.5rem}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.admin-analytics{display:flex;flex-direction:column;gap:1.5rem}.admin-analytics .filter-bar{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.admin-analytics .filter-group{display:flex;align-items:center;gap:.5rem}.admin-analytics .filter-label{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.admin-analytics .stats-section{background:var(--bg-surface);border-radius:10px;padding:1.25rem;border:1px solid var(--border)}.admin-analytics .stats-section h3{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.admin-analytics .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.admin-analytics .stat-card{display:flex;flex-direction:column;background:var(--bg-card)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.breakdown-card{background:var(--bg-card);border-radius:8px;padding:1rem;border:1px solid var(--border)}.breakdown-header{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.breakdown-stats{display:flex;flex-direction:column;gap:.25rem;color:var(--text-secondary);font-size:.85rem}.calculator-breakdown{display:flex;flex-direction:column;gap:.75rem}.calc-item{display:grid;grid-template-columns:1fr auto 150px;align-items:center;gap:1rem;padding:.5rem 0}.calc-name{color:var(--text-primary);font-weight:500;text-transform:capitalize}.calc-count{color:var(--text-secondary);font-size:.85rem;min-width:60px;text-align:right}.calc-bar{height:8px;background:var(--gradient-accent);border-radius:4px;transition:width .3s ease}.peptides-list{display:flex;flex-direction:column;gap:.5rem}.peptide-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-card);border-radius:6px;border:1px solid var(--border)}.peptide-rank{font-weight:700;color:var(--accent-purple);min-width:30px}.peptide-name{flex:1;font-weight:500;color:var(--text-primary)}.peptide-count{color:var(--text-secondary);font-size:.85rem}.admin-analytics .simple-chart{height:180px}.admin-analytics .chart-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.loading-message{text-align:center;color:var(--text-muted);padding:3rem;font-size:.9rem}.recent-events-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.event-item{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#ffffff05;border-radius:6px;font-size:.85rem}.event-item:hover{background:#ffffff0d}.event-type{font-size:1rem;text-align:center}.event-name{color:var(--text-primary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-app{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.event-app.vialdex{background:#00c89633;color:#00c896}.event-app.pepdex{background:#6496ff33;color:#6496ff}.event-time{color:var(--text-muted);font-size:.8rem;white-space:nowrap}@media (max-width: 768px){.admin-analytics .filter-bar{flex-direction:column;align-items:flex-start}.admin-analytics .filter-group{width:100%;flex-wrap:wrap}.admin-analytics .stats-grid{grid-template-columns:repeat(2,1fr)}.calc-item{grid-template-columns:1fr auto}.calc-bar{display:none}.event-item{grid-template-columns:24px 1fr auto}.event-time{display:none}}.embedded-payment-wrapper{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);max-width:480px;margin:0 auto}.payment-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.payment-header svg{color:#6366f1}.payment-header h3{margin:0;font-size:1.25rem;color:#fff;font-weight:600}.payment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#a0a0a0;gap:16px}.payment-loading .spinner{animation:spin 1s linear infinite}.embedded-payment-form{display:flex;flex-direction:column;gap:20px}.payment-element-container{background:#0f0f1a;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.payment-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;font-size:.875rem}.payment-summary{background:#6366f11a;border-radius:12px;padding:16px;border:1px solid rgba(99,102,241,.2)}.summary-row{display:flex;justify-content:space-between;padding:8px 0;color:#a0a0a0;font-size:.9rem}.summary-row.total{border-top:1px solid rgba(255,255,255,.1);margin-top:8px;padding-top:16px;color:#fff;font-weight:600;font-size:1rem}.free-amount{color:#22c55e;font-weight:700;font-size:1.1rem}.summary-row.guarantee{display:flex;align-items:center;gap:8px;color:#22c55e;font-weight:500;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.summary-row.guarantee svg{flex-shrink:0}.btn-submit-payment{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit-payment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-submit-payment:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit-payment .spinner{animation:spin 1s linear infinite}.payment-security{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:.8rem}.payment-security svg{color:#22c55e}.payment-success{text-align:center;padding:48px 24px}.payment-success .success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.payment-success .success-icon svg{color:#fff;width:40px;height:40px}.payment-success h2{color:#fff;margin:0 0 8px;font-size:1.5rem}.payment-success p{color:#a0a0a0;margin:0 0 24px;font-size:1rem}.payment-success .trial-info{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:16px;margin-bottom:24px}.payment-success .trial-info p{margin:0;color:#6366f1;font-weight:500}.payment-success .btn-continue{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.payment-success .btn-continue:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}@media (max-width: 640px){.embedded-payment-wrapper{padding:16px;border-radius:12px}.payment-element-container{padding:12px}.btn-submit-payment{padding:14px 20px}}.subscribe-container{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.subscribe-content{max-width:900px;width:100%}.subscribe-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffffb3}.subscribe-loading .spinner{animation:spin 1s linear infinite}.subscribe-canceled{text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem}.subscribe-canceled h2{color:#fff;margin-bottom:1rem}.subscribe-canceled p{color:#fff9;margin-bottom:2rem}.subscribe-header{text-align:center;margin-bottom:2.5rem}.brand-logo-large{width:80px;height:80px;border-radius:16px;margin-bottom:1rem;object-fit:contain}.pepdex-logo{display:inline-flex;align-items:center;gap:.5rem;color:#4f46e5;margin-bottom:1rem}.pepdex-logo span{font-size:1.5rem;font-weight:700}.subscribe-header h1{color:#fff;font-size:2rem;margin-bottom:.75rem}.trial-badge,.guarantee-badge{display:inline-flex;align-items:center;gap:.5rem;background:#22c55e26;color:#22c55e;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.plan-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 640px){.plan-cards{grid-template-columns:1fr}}.plan-card{position:relative;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.plan-card:hover{border-color:#4f46e566;background:#4f46e50d}.plan-card.selected{border-color:#4f46e5;background:#4f46e51a}.plan-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#4f46e5,#9333ea);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.plan-header h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.plan-price{display:flex;align-items:baseline;gap:.25rem}.plan-price .price{font-size:2.5rem;font-weight:700;color:#fff}.plan-price .period{color:#ffffff80;font-size:1rem}.plan-billed{color:#ffffff80;font-size:.875rem;margin-top:.25rem}.plan-features{list-style:none;padding:0;margin:1.5rem 0 0}.plan-features li{display:flex;align-items:center;gap:.5rem;color:#fffc;padding:.5rem 0;font-size:.875rem}.plan-features li svg{color:#22c55e;flex-shrink:0}.discount-section{margin-bottom:2rem}.discount-input-group{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem}.discount-input-group svg{color:#fff6}.discount-input-group input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;outline:none}.discount-input-group input::placeholder{color:#fff6}.btn-apply{background:#4f46e533;color:#4f46e5;border:1px solid rgba(79,70,229,.4);padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-apply:hover:not(:disabled){background:#4f46e54d}.btn-apply:disabled{opacity:.5;cursor:not-allowed}.discount-applied{display:flex;align-items:center;gap:.25rem;color:#22c55e;font-size:.875rem}.discount-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}.discount-success{color:#22c55e;font-size:.875rem;margin-top:.5rem}.terms-section{margin-bottom:1.5rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.terms-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;position:relative}.terms-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.terms-checkbox .checkmark{flex-shrink:0;width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:2px}.terms-checkbox input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.terms-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:600}.terms-checkbox .terms-text{color:#ffffffb3;font-size:.875rem;line-height:1.5}.terms-checkbox .terms-text a{color:#60a5fa;text-decoration:none}.terms-checkbox .terms-text a:hover{text-decoration:underline}.checkout-section{text-align:center}.checkout-error{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.btn-checkout{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:400px;background:linear-gradient(135deg,#4f46e5,#9333ea);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-checkout:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #4f46e566}.btn-checkout:disabled{opacity:.7;cursor:not-allowed}.btn-checkout .spinner{animation:spin 1s linear infinite}.checkout-note{color:#ffffff80;font-size:.875rem;margin-top:1rem;max-width:400px;margin-left:auto;margin-right:auto}.subscribe-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.subscribe-footer p{color:#ffffff80;font-size:.875rem}.subscribe-footer a{color:#4f46e5;text-decoration:none}.subscribe-footer a:hover{text-decoration:underline}.powered-by{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem}.powered-by svg{color:#4f46e5}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#4f46e5,#9333ea);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.payment-content{max-width:500px}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#fff9;font-size:.875rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:color .2s}.btn-back:hover{color:#fff}.payment-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:center}.payment-note{color:#ffffff80;font-size:.875rem;text-align:center;margin-top:1.5rem}.success-content{max-width:480px;text-align:center}.success-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#22c55e33,#10b9811a);margin-bottom:1.5rem}.success-icon-wrapper svg{color:#22c55e}.success-content h1{font-size:1.75rem;margin-bottom:.5rem}.success-content>p{color:#ffffffb3;margin-bottom:1.5rem}.success-details{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#ffffffb3}.detail-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.detail-row span:last-child{font-weight:500;color:#fff}.detail-row.guarantee{display:flex;align-items:center;gap:.5rem;justify-content:center;color:#22c55e;font-weight:500;margin-top:.5rem;padding-top:.75rem}.success-note{color:#fff9;font-size:.9rem;margin-bottom:1.5rem}.btn-continue{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#4f46e5,#9333ea);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-continue:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f46e566}.ai-chat-container{display:flex;height:calc(100vh - 60px);height:calc(100dvh - 60px);background:var(--bg-primary, #0a0a0a);overflow:hidden;position:relative}.mobile-sidebar-backdrop{display:none}@media (max-width: 768px){.ai-chat-container{position:fixed!important;inset:0 0 85px;height:auto!important;z-index:100}}.ai-chat-sidebar{width:280px;background:var(--bg-secondary, #111);border-right:1px solid var(--border-color, rgba(255, 255, 255, .1));display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0}.ai-chat-sidebar.closed{width:0;overflow:hidden}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));display:flex;gap:.5rem}.new-chat-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#00b4d8,#0077b6);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.new-chat-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00b4d84d}.sidebar-toggle{display:none;padding:.5rem;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;color:var(--text-secondary, #888);cursor:pointer}.sidebar-close-btn{display:none;padding:.5rem;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;color:var(--text-secondary, #888);cursor:pointer;transition:all .2s ease}.sidebar-close-btn:active{transform:scale(.95);background:var(--bg-hover, rgba(255, 255, 255, .05))}.sessions-list{flex:1;overflow-y:auto;padding:.5rem;-webkit-overflow-scrolling:touch}.sessions-loading,.no-sessions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted, #666);gap:.5rem}.session-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:background .2s ease;color:var(--text-secondary, #888)}.session-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .05))}.session-item.active{background:var(--bg-active, rgba(0, 180, 216, .1));color:var(--text-primary, #fff)}.session-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.delete-session{opacity:0;padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--text-muted, #666);cursor:pointer;transition:all .2s ease}.session-item:hover .delete-session{opacity:1}.delete-session:hover{color:#ef4444;background:#ef44441a}.ai-chat-main{flex:1;display:flex;flex-direction:column;position:relative;min-width:0;overflow:hidden}.mobile-chat-header{display:none;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-secondary, #111);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));flex-shrink:0}.mobile-chat-header h3{margin:0;font-size:.9rem;color:var(--text-primary, #fff);display:flex;align-items:center;gap:.4rem}.mobile-header-actions{display:flex;gap:.5rem}.mobile-header-btn{padding:.4rem;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;color:var(--text-secondary, #888);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-header-btn:active{transform:scale(.95)}.sidebar-toggle-mobile{display:none}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem;max-width:600px;margin:0 auto}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00b4d833,#0077b61a);border-radius:50%;margin-bottom:1.5rem;color:#00b4d8}.empty-state h2{color:var(--text-primary, #fff);font-size:1.5rem;margin-bottom:.5rem}.empty-state>p{color:var(--text-secondary, #888);margin-bottom:2rem}.suggested-questions{width:100%}.suggested-questions h4{color:var(--text-muted, #666);font-size:.875rem;margin-bottom:1rem}.questions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.suggested-question{padding:1rem;background:var(--bg-secondary, #111);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;color:var(--text-secondary, #888);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.suggested-question:active{transform:scale(.98);background:var(--bg-hover, rgba(255, 255, 255, .08))}.messages-list{max-width:800px;margin:0 auto;padding-bottom:1rem}.message{display:flex;gap:.75rem;padding:1rem;border-radius:12px;margin-bottom:.75rem;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background:var(--bg-secondary, #111)}.message.assistant{background:transparent}.message-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message.user .message-avatar{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.message.assistant .message-avatar{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}.message-content{flex:1;min-width:0;color:var(--text-primary, #fff)}.message-content p{margin:0;line-height:1.6}.response-text{line-height:1.7;word-wrap:break-word;overflow-wrap:break-word}.response-text h3,.response-text h4{margin:1.25rem 0 .5rem;color:var(--text-primary, #fff)}.response-text h3:first-child,.response-text h4:first-child{margin-top:0}.response-text strong{color:var(--accent-color, #00b4d8)}.response-text li{margin-left:1.25rem;margin-bottom:.25rem}.response-text.error{color:#ef4444}.message-actions{display:flex;gap:.5rem;margin-top:.75rem;opacity:0;transition:opacity .2s ease}.message:hover .message-actions{opacity:1}.copy-message-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:var(--bg-secondary, #111);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;color:var(--text-muted, #666);font-size:.75rem;cursor:pointer;transition:all .2s ease}.copy-message-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--text-secondary, #888);border-color:#fff3}.copy-message-btn:active{transform:scale(.95)}.message.user .copy-message-btn{position:absolute;top:.5rem;right:.5rem;opacity:0;padding:.25rem;background:#0000004d;border:none;border-radius:4px}.message.user{position:relative}.message.user:hover .copy-message-btn{opacity:1}.copy-message-btn svg{transition:transform .2s ease}.message-actions .copy-message-btn:has(svg:first-child[class*=check]),.copy-message-btn:has(span:contains("Copied")){color:#10b981;border-color:#10b9814d}.message-sources{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.sources-label{display:block;font-size:.7rem;color:var(--text-muted, #666);margin-bottom:.4rem}.sources-list{display:flex;flex-wrap:wrap;gap:.4rem}.source-link{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .4rem;background:var(--bg-secondary, #111);border-radius:4px;color:var(--text-secondary, #888);font-size:.7rem;text-decoration:none;transition:all .2s ease}.source-link:active{background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--accent-color, #00b4d8)}.message-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.7rem;color:var(--text-muted, #666)}.cache-badge{padding:.1rem .3rem;background:#10b98133;color:#10b981;border-radius:4px;font-size:.6rem;text-transform:uppercase}.typing-indicator{display:flex;gap:4px;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;background:var(--text-muted, #666);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.streaming-cursor{display:inline;color:var(--primary, #3b82f6);font-weight:700;animation:blink-cursor .8s step-end infinite}.response-text.streaming{min-height:1.5em}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.input-container{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0));background:var(--bg-secondary, #111);border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));flex-shrink:0}.input-form{display:flex;gap:.5rem;max-width:800px;margin:0 auto}.chat-input{flex:1;padding:.875rem 1rem;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:24px;color:var(--text-primary, #fff);font-size:1rem;outline:none;transition:border-color .2s ease;-webkit-appearance:none}.chat-input:focus{border-color:var(--accent-color, #00b4d8)}.chat-input::placeholder{color:var(--text-muted, #666)}.chat-input:disabled{opacity:.6}.send-btn{width:48px;height:48px;padding:0;background:linear-gradient(135deg,#00b4d8,#0077b6);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent}.send-btn:active:not(:disabled){transform:scale(.92)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-disclaimer{display:none;max-width:800px;margin:.4rem auto 0;font-size:.7rem;color:var(--text-muted, #666);text-align:center}.spinner{animation:spin 1s linear infinite}.mobile-sessions-sheet{display:none;position:fixed;inset:0;z-index:1000}.mobile-sessions-sheet.open{display:block}.sessions-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.sessions-sheet-content{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card, #1a1a1a);border-radius:20px 20px 0 0;max-height:70vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:4px;background:var(--border-color, rgba(255, 255, 255, .2));border-radius:2px;margin:.75rem auto}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding:0 1rem .75rem;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.sheet-header h3{margin:0;font-size:1rem;color:var(--text-primary, #fff)}.sheet-close{padding:.4rem;background:transparent;border:none;color:var(--text-muted, #666);cursor:pointer}.sheet-sessions-list{flex:1;overflow-y:auto;padding:.5rem;-webkit-overflow-scrolling:touch}.sheet-session-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;background:var(--bg-secondary, #111);margin-bottom:.5rem;color:var(--text-secondary, #888);cursor:pointer;-webkit-tap-highlight-color:transparent}.sheet-session-item:active{background:var(--bg-hover, rgba(255, 255, 255, .08))}.sheet-session-item.active{background:#00b4d826;color:var(--text-primary, #fff);border:1px solid rgba(0,180,216,.3)}.sheet-session-item .session-title{flex:1;font-size:.9rem}.sheet-new-chat{margin:.5rem;padding:1rem;background:linear-gradient(135deg,#00b4d8,#0077b6);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:calc(.5rem + env(safe-area-inset-bottom,0))}@media (max-width: 768px){.ai-chat-sidebar{position:fixed;top:0;left:0;bottom:85px;width:280px;z-index:1001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ai-chat-sidebar.open{transform:translate(0)}.ai-chat-sidebar.closed{transform:translate(-100%);width:280px;overflow:visible}.mobile-sidebar-backdrop{display:none;position:fixed;inset:0 0 85px;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;opacity:0;transition:opacity .3s ease}.mobile-sidebar-backdrop.visible{display:block;opacity:1}.mobile-chat-header,.sidebar-toggle-mobile{display:flex}.sidebar-close-btn{display:flex;align-items:center;justify-content:center}.ai-chat-sidebar .sessions-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.ai-chat-sidebar .session-item{padding:1rem;min-height:48px;-webkit-tap-highlight-color:transparent}.ai-chat-sidebar .session-item:active{background:var(--bg-hover, rgba(255, 255, 255, .08));transform:scale(.98)}.ai-chat-sidebar .delete-session{opacity:.6}.messages-container{padding:.75rem;scroll-behavior:smooth}.empty-state{padding:1rem}.empty-icon{width:60px;height:60px;margin-bottom:1rem}.empty-icon svg{width:32px;height:32px}.empty-state h2{font-size:1.25rem}.empty-state>p{font-size:.875rem;margin-bottom:1.5rem}.questions-grid{grid-template-columns:1fr;gap:.5rem}.suggested-question{padding:.875rem;font-size:.8rem;border-radius:10px}.messages-list{padding-bottom:.5rem}.message{padding:.75rem;margin-bottom:.5rem;gap:.5rem}.message-avatar{width:28px;height:28px}.message-avatar svg{width:16px;height:16px}.message-content{font-size:.9rem}.response-text{line-height:1.6}.response-text li{margin-left:1rem}.message-actions{opacity:1;margin-top:.5rem}.message.user .copy-message-btn{opacity:.6}.copy-message-btn{padding:.4rem .6rem;font-size:.7rem}.input-container{padding:.75rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.input-form{gap:.4rem}.chat-input{padding:.75rem 1rem;font-size:16px;border-radius:20px}.send-btn{width:44px;height:44px}.send-btn svg{width:18px;height:18px}}@media (max-width: 380px){.empty-state h2{font-size:1.1rem}.message{padding:.6rem}.chat-input{padding:.65rem .875rem}.send-btn{width:40px;height:40px}}.input-footer{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:.4rem auto 0}.usage-counter{font-size:.72rem;color:var(--text-muted, #666);white-space:nowrap;padding:.15rem .5rem;border-radius:10px;background:#ffffff0d}.usage-counter.low{color:#f59e0b;background:#f59e0b1a}.limit-reached-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:12px;max-width:800px;margin:0 auto;color:#ef4444}.limit-reached-text{display:flex;flex-direction:column;gap:.15rem}.limit-reached-text strong{font-size:.85rem;color:#ef4444}.limit-reached-text span{font-size:.75rem;color:var(--text-muted, #888)}@media (min-width: 769px){.input-disclaimer{display:block}}@media (max-width: 768px){.input-footer{margin-top:.3rem}.input-disclaimer{display:block;font-size:.65rem;margin:0}.usage-counter{font-size:.65rem}.limit-reached-banner{padding:.75rem 1rem}}.legal-container{min-height:100vh;position:relative;background:#0a0a0a}.legal-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.legal-background .mesh-gradient{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(0,180,216,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,119,182,.06) 0%,transparent 50%)}.legal-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:2rem;min-height:100vh}.legal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 2rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2rem}.legal-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.legal-logo .logo-icon{color:#00b4d8}.legal-logo .logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#00b4d8,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;text-decoration:none;font-size:.875rem;transition:all .2s ease}.back-link:hover{background:#ffffff1a;color:#fff}.legal-document{color:#e0e0e0;line-height:1.8}.legal-document h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.legal-document .last-updated{color:#666;font-size:.875rem;margin-bottom:3rem}.legal-document section{margin-bottom:2.5rem}.legal-document h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.legal-document h3{font-size:1.125rem;font-weight:600;color:#00b4d8;margin:1.5rem 0 .75rem}.legal-document p{margin-bottom:1rem;color:#b0b0b0}.legal-document ul{margin:1rem 0 1rem 1.5rem;padding:0}.legal-document li{margin-bottom:.5rem;color:#b0b0b0}.legal-document li strong{color:#e0e0e0}.legal-document strong{color:#fff}.legal-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1);text-align:center}.legal-footer .footer-link{color:#888;text-decoration:none;font-size:.875rem;transition:color .2s ease}.legal-footer .footer-link:hover{color:#00b4d8}.legal-footer .separator{color:#444;margin:0 1rem}@media (max-width: 768px){.legal-content{padding:1rem}.legal-header{flex-direction:column;gap:1rem;text-align:center;padding-bottom:1.5rem}.legal-document h1{font-size:2rem}.legal-document h2{font-size:1.25rem}.legal-document h3{font-size:1rem}}@media (max-width: 480px){.legal-document h1{font-size:1.75rem}.legal-document{line-height:1.7}.legal-document ul{margin-left:1rem}}.nutrition-layout{display:flex;min-height:100vh;background:var(--bg-primary, #1a1f2e)}.nutrition-sidebar{width:240px;background:var(--bg-secondary, #242938);border-right:1px solid var(--border-color, #2d3348);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.nutrition-sidebar-header{padding:1rem;border-bottom:1px solid var(--border-color, #2d3348)}.back-to-pepdex{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted, #8b8fa3);font-size:.8rem;cursor:pointer;padding:.5rem;margin:-.5rem -.5rem .75rem;border-radius:6px;transition:all .2s}.back-to-pepdex:hover{color:var(--text-primary, #ffffff);background:var(--bg-hover, #2d3348)}.nutrition-brand{display:flex;align-items:center;gap:.75rem}.nutrition-logo{font-size:1.5rem}.nutrition-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff)}.nutrition-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nutrition-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary, #a0a4b8);text-decoration:none;border-radius:8px;margin-bottom:.25rem;transition:all .2s;font-size:.95rem}.nutrition-nav-item:hover{background:var(--bg-hover, #2d3348);color:var(--text-primary, #ffffff)}.nutrition-nav-item.active{background:var(--accent-blue, #6366f1);color:#fff}.nutrition-nav-item.active svg{color:#fff}.nutrition-sidebar-footer{padding:.75rem;border-top:1px solid var(--border-color, #2d3348)}.nutrition-sidebar-footer .nutrition-nav-item{margin-bottom:.25rem}.nutrition-main{flex:1;margin-left:240px;min-height:100vh;display:flex;flex-direction:column}.nutrition-layout .nutrition-bottom-nav,.nutrition-layout .nutrition-fab{display:none}@media (max-width: 768px){.nutrition-sidebar{display:none}.nutrition-main{margin-left:0;padding-bottom:80px}.nutrition-layout .nutrition-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary, #242938);border-top:1px solid var(--border-color, #2d3348);padding:.5rem 0;justify-content:space-around;z-index:1000}.nutrition-layout .nutrition-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;color:var(--text-muted, #8b8fa3);text-decoration:none;font-size:.7rem;min-width:60px}.nutrition-layout .nutrition-bottom-nav .nav-item.active{color:var(--accent-blue, #6366f1)}.nutrition-layout .nutrition-bottom-nav .nav-item svg{width:22px;height:22px}.nutrition-layout .nutrition-fab{display:flex;position:fixed;bottom:90px;right:20px;width:56px;height:56px;background:var(--accent-blue, #6366f1);border-radius:50%;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 4px 12px #6366f166;z-index:1001;transition:transform .2s,box-shadow .2s}.nutrition-layout .nutrition-fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #6366f180}}@media (min-width: 769px) and (max-width: 1024px){.nutrition-sidebar{width:200px}.nutrition-main{margin-left:200px}}.nutrition-layout .dashboard{display:contents}.nutrition-layout .sidebar{display:none!important}.biometrics-page{padding:1.5rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-left h1{font-size:1.75rem;font-weight:700;color:var(--text-primary, rgba(255, 255, 255, .95));margin:0 0 .25rem}.header-subtitle{color:var(--text-muted, rgba(255, 255, 255, .5));font-size:.9375rem;margin:0}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--accent-blue, #3b82f6),var(--accent-purple, #8b5cf6));border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf64d}.biometric-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.quick-stat{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-card, #111111);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:12px;transition:all .2s ease}.quick-stat:hover{border-color:#8b5cf64d}.quick-stat svg{color:var(--accent-purple, #8b5cf6);flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, rgba(255, 255, 255, .95));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:.75rem;color:var(--text-muted, rgba(255, 255, 255, .5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biometric-categories{display:flex;flex-direction:column;gap:1rem}.biometric-category{background:var(--bg-card, #111111);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:12px;overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:var(--bg-secondary, #0a0a0a);border:none;color:var(--text-primary, rgba(255, 255, 255, .95));cursor:pointer;transition:background .15s ease}.category-header:hover{background:#ffffff08}.category-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600}.category-title svg{color:var(--accent-purple, #8b5cf6)}.category-header>svg{color:var(--text-muted, rgba(255, 255, 255, .5))}.category-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.biometric-card{position:relative;padding:1rem;background:var(--bg-secondary, #0a0a0a);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:10px;cursor:pointer;transition:all .2s ease}.biometric-card:hover{border-color:#8b5cf64d;background:#8b5cf60d}.biometric-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.metric-icon{color:var(--text-muted, rgba(255, 255, 255, .5))}.metric-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .7))}.biometric-card-value{margin-bottom:.5rem}.value-number{font-size:1.5rem;font-weight:700;color:var(--text-primary, rgba(255, 255, 255, .95))}.value-unit{font-size:.875rem;color:var(--text-muted, rgba(255, 255, 255, .5));margin-left:.25rem}.no-data{font-size:1rem;color:var(--text-muted, rgba(255, 255, 255, .4));font-style:italic}.biometric-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.biometric-trend.up{color:var(--accent-green, #10b981)}.biometric-trend.down{color:var(--accent-red, #ef4444)}.biometric-trend.neutral{color:var(--text-muted, rgba(255, 255, 255, .5))}.trend-text{font-size:.6875rem;opacity:.9}.biometric-add-btn{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;background:transparent;color:var(--text-muted, rgba(255, 255, 255, .5));cursor:pointer;opacity:0;transition:all .15s ease}.biometric-card:hover .biometric-add-btn{opacity:1}.biometric-add-btn:hover{background:var(--accent-purple, #8b5cf6);border-color:var(--accent-purple, #8b5cf6);color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card, #111111);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 24px 48px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, rgba(255, 255, 255, .95))}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-muted, rgba(255, 255, 255, .5));font-size:1.5rem;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:#ffffff0d;color:var(--text-primary, rgba(255, 255, 255, .95))}.biometric-form{padding:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .7))}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:var(--bg-secondary, #0a0a0a);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, rgba(255, 255, 255, .95));font-size:.9375rem;transition:all .15s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-purple, #8b5cf6);box-shadow:0 0 0 3px #8b5cf61a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted, rgba(255, 255, 255, .4))}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-secondary{padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border-color, rgba(255, 255, 255, .1));border-top-color:var(--accent-purple, #8b5cf6);border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:var(--text-muted, rgba(255, 255, 255, .5))}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:10px;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.metric-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#8b5cf633;border-radius:11px;font-size:.75rem;font-weight:600;color:var(--accent-purple, #8b5cf6)}.goal-indicator{color:var(--accent-green, #10b981);margin-left:auto}.progress-bar-container{position:relative;height:4px;background:#ffffff1a;border-radius:2px;margin-top:.75rem;overflow:hidden}.progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--accent-green, #10b981),var(--accent-blue, #3b82f6));border-radius:2px;transition:width .3s ease}.progress-text{position:absolute;top:8px;left:0;font-size:.6875rem;color:var(--text-muted, rgba(255, 255, 255, .5))}.biometric-quick-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem}.stat-unit{font-size:.75rem;font-weight:400;color:var(--text-muted, rgba(255, 255, 255, .5))}.biometrics-help{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:10px;margin-top:2rem}.biometrics-help svg{flex-shrink:0;color:var(--accent-purple, #8b5cf6);margin-top:2px}.biometrics-help span{font-size:.875rem;color:var(--text-secondary, rgba(255, 255, 255, .7));line-height:1.5}.form-group select{width:100%;padding:.75rem 2.5rem .75rem .75rem;background:var(--bg-secondary, #0a0a0a);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, rgba(255, 255, 255, .95));font-size:.9375rem;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-group select:focus{outline:none;border-color:var(--accent-purple, #8b5cf6);box-shadow:0 0 0 3px #8b5cf61a}.form-group select option{background:var(--bg-card, #111111);color:var(--text-primary, rgba(255, 255, 255, .95))}.current-value-display{padding:.75rem 1rem;background:#8b5cf61a;border-radius:8px;margin-bottom:1rem;font-size:.9375rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.current-value-display strong{color:var(--text-primary, rgba(255, 255, 255, .95))}.biometric-modal{max-width:420px}@media (max-width: 1200px){.biometric-quick-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.biometric-quick-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.biometrics-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.btn-primary{justify-content:center}.biometric-quick-stats,.category-metrics,.form-row{grid-template-columns:1fr}}.macrodex-landing .hero-glow-1{background:linear-gradient(135deg,#14b8a6,#0d9488)}.macrodex-landing .hero-glow-2{background:linear-gradient(135deg,#7c3aed,#14b8a6)}.macrodex-landing .gradient-text{background:linear-gradient(135deg,#14b8a6,#7c3aed,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.macrodex-landing .hero-badge{background:#14b8a626;border-color:#14b8a64d;color:#5eead4}.macrodex-landing .btn-primary-lg,.macrodex-landing .btn-nav-primary,.macrodex-landing .btn-cta-lg,.macrodex-landing .btn-pricing-featured{background:linear-gradient(135deg,#14b8a6,#0d9488)}.macrodex-landing .btn-primary-lg:hover,.macrodex-landing .btn-nav-primary:hover,.macrodex-landing .btn-cta-lg:hover{box-shadow:0 8px 30px #14b8a666}.macrodex-landing .feature-block-icon{background:linear-gradient(135deg,#14b8a633,#7c3aed33);border-color:#14b8a64d;color:#5eead4}.macrodex-landing .feature-card-icon{background:linear-gradient(135deg,#14b8a626,#7c3aed26);color:#5eead4}.macrodex-landing .feature-card:hover{border-color:#14b8a666;box-shadow:0 20px 40px -15px #14b8a633}.macrodex-landing .feature-card-sm:hover{border-color:#14b8a64d}.macrodex-landing .feature-card-sm svg{color:#5eead4}.macrodex-landing .feature-card-compact:hover{border-color:#14b8a64d}.macrodex-landing .feature-card-compact svg{color:#5eead4}.macrodex-landing .showcase-icon{background:linear-gradient(135deg,#14b8a626,#7c3aed26);color:#5eead4}.macrodex-landing .cta-glow{background:linear-gradient(135deg,#14b8a64d,#7c3aed4d)}.macrodex-landing .landing-logo svg{color:#14b8a6}.macrodex-landing .proof-number{background:linear-gradient(135deg,#5eead4,#5eead4b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.macrodex-landing .mobile-nav-bar{border-bottom-color:#14b8a640}.macrodex-landing .mobile-nav-link svg{color:#5eead4}.macrodex-landing .mobile-nav-link:hover,.macrodex-landing .mobile-nav-link:active{background:#14b8a633;border-color:#14b8a666}.macrodex-landing .mobile-nav-link.active{background:#14b8a633;border-color:#14b8a666;color:#fff}.macrodex-landing .mobile-nav-link.mobile-nav-signin{background:linear-gradient(135deg,#14b8a640,#0d948840);border-color:#14b8a666}}.macro-ring-mockup{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem}.macro-ring{position:relative;width:160px;height:160px}.macro-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.macro-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.macro-ring-cals{font-size:1.75rem;font-weight:800;color:#fff}.macro-ring-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.macro-bars{display:flex;flex-direction:column;gap:.75rem;flex:1;max-width:200px}.macro-bar-item{display:flex;flex-direction:column;gap:.25rem}.macro-bar-label{display:flex;justify-content:space-between;font-size:.8rem;color:#ffffffb3}.macro-bar-track{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.macro-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.macro-bar-fill.protein{background:#7c3aed}.macro-bar-fill.carbs{background:#f59e0b}.macro-bar-fill.fat{background:#0ea5e9}.meal-mockup{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}.meal-card-mock{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem}.meal-card-mock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.meal-card-mock-name{font-size:.8rem;font-weight:600;color:#ffffffe6}.meal-card-mock-cals{font-size:.7rem;color:#5eead4;font-weight:600}.meal-card-mock-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;display:flex;gap:2px}.meal-bar-seg{height:100%;border-radius:2px}@media (max-width: 640px){.macro-ring-mockup{flex-direction:column}.meal-mockup{grid-template-columns:1fr}}.water-widget-mock{background:#0ea5e914;border:1px solid rgba(14,165,233,.2);border-radius:12px;padding:1rem;text-align:center;position:relative;overflow:hidden}.water-wave{position:absolute;bottom:0;left:-50%;width:200%;height:40%;background:linear-gradient(180deg,#0ea5e926,#0ea5e90d);border-radius:40% 40% 0 0;animation:waterWave 4s ease-in-out infinite}@keyframes waterWave{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(5%) translateY(-4px)}}.water-amount{position:relative;font-size:1.25rem;font-weight:700;color:#0ea5e9}.water-label{position:relative;font-size:.7rem;color:#ffffff80}.fitdex-landing .hero-glow-1{background:linear-gradient(135deg,#00d4ff,#08c)}.fitdex-landing .hero-glow-2{background:linear-gradient(135deg,#7fff00,#00d4ff)}.fitdex-landing .gradient-text{background:linear-gradient(135deg,#00d4ff,#7fff00,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fitdex-landing .hero-badge{background:#00d4ff26;border-color:#00d4ff4d;color:#67e8f9}.fitdex-landing .btn-primary-lg,.fitdex-landing .btn-nav-primary,.fitdex-landing .btn-cta-lg,.fitdex-landing .btn-pricing-featured{background:linear-gradient(135deg,#00d4ff,#08c)}.fitdex-landing .btn-primary-lg:hover,.fitdex-landing .btn-nav-primary:hover,.fitdex-landing .btn-cta-lg:hover{box-shadow:0 8px 30px #00d4ff66}.fitdex-landing .feature-block-icon{background:linear-gradient(135deg,#00d4ff33,#7fff0033);border-color:#00d4ff4d;color:#67e8f9}.fitdex-landing .feature-card-icon{background:linear-gradient(135deg,#00d4ff26,#7fff0026);color:#67e8f9}.fitdex-landing .feature-card:hover{border-color:#00d4ff66;box-shadow:0 20px 40px -15px #00d4ff33}.fitdex-landing .feature-card-sm:hover{border-color:#00d4ff4d}.fitdex-landing .feature-card-sm svg{color:#67e8f9}.fitdex-landing .feature-card-compact:hover{border-color:#00d4ff4d}.fitdex-landing .feature-card-compact svg{color:#67e8f9}.fitdex-landing .showcase-icon{background:linear-gradient(135deg,#00d4ff26,#7fff0026);color:#67e8f9}.fitdex-landing .cta-glow{background:linear-gradient(135deg,#00d4ff4d,#7fff004d)}.fitdex-landing .landing-logo svg{color:#00d4ff}.fitdex-landing .proof-number{background:linear-gradient(135deg,#67e8f9,#67e8f9b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.fitdex-landing .mobile-nav-bar{border-bottom-color:#00d4ff40}.fitdex-landing .mobile-nav-link svg{color:#67e8f9}.fitdex-landing .mobile-nav-link:hover,.fitdex-landing .mobile-nav-link:active{background:#00d4ff33;border-color:#00d4ff66}.fitdex-landing .mobile-nav-link.active{background:#00d4ff33;border-color:#00d4ff66;color:#fff}.fitdex-landing .mobile-nav-link.mobile-nav-signin{background:linear-gradient(135deg,#00d4ff40,#0088cc40);border-color:#00d4ff66}}.rest-timer-mockup{display:flex;align-items:center;justify-content:center;padding:1.5rem}.rest-timer-ring{position:relative;width:140px;height:140px}.rest-timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.rest-timer-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.rest-timer-time{font-size:1.75rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.rest-timer-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.pr-celebration-mock{text-align:center;padding:1.5rem;background:#ffd7000d;border:1px solid rgba(255,215,0,.15);border-radius:12px}.pr-trophy{font-size:2.5rem;margin-bottom:.5rem;animation:prBounce 2s ease-in-out infinite}@keyframes prBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pr-text{font-size:1rem;font-weight:700;color:gold;margin-bottom:.25rem}.pr-detail{font-size:.8rem;color:#fff9}.heatmap-mockup{display:flex;justify-content:center;gap:2rem;padding:1rem}.body-silhouette{width:100px;height:180px;position:relative}.body-silhouette svg{width:100%;height:100%}.heatmap-legend{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.heatmap-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ffffffb3}.heatmap-dot{width:10px;height:10px;border-radius:50%}.heatmap-dot.high{background:#00d4ff}.heatmap-dot.medium{background:#00d4ff80}.heatmap-dot.low{background:#00d4ff33}.workout-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.workout-stat-mock{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem;text-align:center}.workout-stat-value{font-size:1.25rem;font-weight:800;color:#67e8f9}.workout-stat-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.03em}.weekly-activity-mock{display:flex;align-items:flex-end;justify-content:space-between;height:60px;gap:.25rem;padding:0 .5rem}.day-bar{flex:1;border-radius:3px 3px 0 0;transition:height .3s ease}.day-bar.active{background:linear-gradient(to top,#00d4ff,#7fff00)}.day-bar.inactive{background:#ffffff0f}.streak-badge-mock{display:inline-flex;align-items:center;gap:.5rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.2);border-radius:50px;padding:.375rem .75rem;margin-top:.75rem}.streak-flame{font-size:.9rem}.streak-text{font-size:.75rem;font-weight:600;color:gold}@media (max-width: 640px){.workout-stats-grid{grid-template-columns:repeat(3,1fr)}.heatmap-mockup{gap:1rem}}.affiliate-landing{min-height:100vh;background:linear-gradient(180deg,#0a0a12,#12121f);color:#fff}.affiliate-landing .landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#0a0a12e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.affiliate-landing .nav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.affiliate-landing .landing-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.affiliate-landing .landing-logo svg{color:#00d4ff}.affiliate-landing .nav-links{display:flex;gap:1.5rem;align-items:center}.affiliate-landing .nav-link{color:#ffffffb3;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.affiliate-landing .nav-link:hover{color:#00d4ff}.affiliate-error{display:flex;align-items:center;gap:.5rem;background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f66;padding:.75rem 1.25rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}.affiliate-landing .nav-actions{display:flex;gap:1rem;align-items:center}.affiliate-landing .btn-nav-secondary{padding:.5rem 1.25rem;border-radius:8px;color:#fffc;text-decoration:none;font-weight:500;transition:all .2s}.affiliate-landing .btn-nav-secondary:hover{color:#fff;background:#ffffff1a}.affiliate-landing .btn-nav-primary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#00d4ff,#00a8cc);border-radius:8px;color:#000;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:all .2s}.affiliate-landing .btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00d4ff66}.affiliate-hero{position:relative;padding:8rem 2rem 5rem;text-align:center;overflow:hidden}.affiliate-hero .hero-bg{position:absolute;inset:0;overflow:hidden}.affiliate-hero .hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.affiliate-hero .hero-glow-1{width:600px;height:600px;background:#00d4ff;top:-200px;left:50%;transform:translate(-50%)}.affiliate-hero .hero-glow-2{width:400px;height:400px;background:#ff00d4;bottom:-100px;right:10%}.affiliate-hero .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.affiliate-hero .hero-content{position:relative;max-width:800px;margin:0 auto}.affiliate-hero .hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:100px;font-size:.875rem;color:#00d4ff;margin-bottom:1.5rem}.affiliate-hero .hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem}.affiliate-hero .gradient-text{background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.affiliate-hero .hero-subtitle{font-size:1.125rem;color:#ffffffb3;line-height:1.7;margin-bottom:2rem}.affiliate-hero .hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.btn-primary-lg{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#00d4ff,#00a8cc);border-radius:12px;color:#000;font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s}.btn-primary-lg:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66}.btn-primary-lg:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary-lg{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-weight:500;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .3s}.btn-secondary-lg:hover{background:#ffffff1a;border-color:#fff3}.affiliate-hero .hero-trust{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.affiliate-hero .trust-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fff9}.affiliate-hero .trust-item svg{color:#0f8}.affiliate-link-box{background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:16px;padding:1.5rem;max-width:600px;margin:0 auto}.affiliate-link-box .link-label{display:block;font-size:.875rem;color:#fff9;margin-bottom:.75rem}.link-wrapper{display:flex;gap:.5rem}.referral-link-input{flex:1;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;font-family:monospace}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#00d4ff;border:none;border-radius:8px;color:#000;font-weight:600;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#00eaff}.how-it-works,.commission-section,.calculator-section,.benefits-section,.faq-section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#fff9;font-size:1.1rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.step-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;text-align:center}.step-number{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:32px;height:32px;background:linear-gradient(135deg,#00d4ff,#00a8cc);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000}.step-icon{width:64px;height:64px;margin:1rem auto;background:#00d4ff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00d4ff}.step-card h3{font-size:1.25rem;margin-bottom:.75rem}.step-card p{color:#fff9;font-size:.95rem;line-height:1.6}.tiers-table{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;max-width:500px;margin:0 auto 2rem}.tier-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:#00d4ff1a;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#00d4ff}.tier-row{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.tier-row:last-child{border-bottom:none}.tier-row.tier-max{background:#00ff880d}.tier-referrals,.tier-rate{display:flex;align-items:center;gap:.5rem}.tier-rate{font-weight:600;color:#0f8}.bonus-card{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#ff00d41a,#00d4ff1a);border:1px solid rgba(255,0,212,.2);border-radius:16px;padding:1.5rem 2rem;max-width:600px;margin:0 auto}.bonus-card svg{color:#ff00d4;flex-shrink:0}.bonus-content h3{font-size:1.125rem;margin-bottom:.25rem}.bonus-content p{color:#ffffffb3;font-size:.95rem}.earnings-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.earnings-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;text-align:center}.earnings-card.featured{background:linear-gradient(135deg,#00d4ff1a,#00ff881a);border-color:#00d4ff4d;transform:scale(1.05)}.earnings-referrals{font-size:1rem;color:#fff9;margin-bottom:.5rem}.earnings-amount{font-size:2rem;font-weight:700;color:#0f8;margin-bottom:.25rem}.earnings-annual{font-size:.9rem;color:#ffffff80;margin-bottom:.5rem}.earnings-rate{font-size:.85rem;color:#00d4ff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.benefit-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem}.benefit-card svg{color:#00d4ff;margin-bottom:1rem}.benefit-card h3{font-size:1.1rem;margin-bottom:.5rem}.benefit-card p{color:#fff9;font-size:.9rem;line-height:1.5}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem}.faq-item h3{font-size:1rem;margin-bottom:.75rem;color:#00d4ff}.faq-item p{color:#ffffffb3;font-size:.9rem;line-height:1.6}.cta-section{padding:5rem 2rem;text-align:center;background:linear-gradient(180deg,transparent,rgba(0,212,255,.05))}.cta-content h2{font-size:2rem;margin-bottom:1rem}.cta-content p{color:#fff9;margin-bottom:2rem}.affiliate-footer{padding:2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600}.footer-logo svg{color:#00d4ff}.footer-links{display:flex;gap:2rem}.footer-links a{color:#ffffff80;text-decoration:none;font-size:.9rem}.footer-links a:hover{color:#fff}.footer-copyright{color:#ffffff4d;font-size:.85rem}.affiliate-dashboard{min-height:100vh;background:linear-gradient(180deg,#0a0a12,#12121f);color:#fff;padding:2rem}.affiliate-dashboard.loading-state,.affiliate-dashboard.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.affiliate-dashboard .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 2rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;flex-direction:column;gap:.5rem}.back-link{display:flex;align-items:center;gap:.5rem;color:#fff9;text-decoration:none;font-size:.9rem}.back-link:hover{color:#fff}.dashboard-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700}.dashboard-header h1 svg{color:#00d4ff}.header-link{display:flex;align-items:center;gap:.5rem;color:#fff9;text-decoration:none;font-size:.9rem}.header-link:hover{color:#00d4ff}.message-banner{display:flex;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto 1.5rem;padding:1rem 1.5rem;border-radius:12px}.message-banner.success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8}.message-banner.error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44}.referral-link-card{max-width:1200px;margin:0 auto 2rem;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:16px;padding:1.5rem}.link-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.link-header h3{font-size:1rem;font-weight:600}.commission-badge{background:linear-gradient(135deg,#00d4ff,#0f8);padding:.25rem .75rem;border-radius:100px;font-size:.8rem;font-weight:600;color:#000}.link-code{margin-top:.75rem;font-size:.9rem;color:#fff9}.link-code strong{color:#00d4ff;font-family:monospace}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:1200px;margin:0 auto 2rem}.stat-card{display:flex;align-items:center;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem}.stat-card.highlight{background:#00ff880d;border-color:#0f83}.stat-icon{width:48px;height:48px;background:#00d4ff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#00d4ff}.stat-card.highlight .stat-icon{background:#00ff881a;color:#0f8}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.85rem;color:#fff9}.tier-progress-card{max-width:1200px;margin:0 auto 2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tier-header h3{font-size:1rem}.current-tier{font-size:1.5rem;font-weight:700;color:#00d4ff}.tier-progress .progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:4px;transition:width .3s ease}.tier-info{font-size:.9rem;color:#fff9}.free-months-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;background:#ff00d41a;border:1px solid rgba(255,0,212,.3);border-radius:8px;color:#ff00d4;font-size:.9rem}.dashboard-tabs{display:flex;gap:.5rem;max-width:1200px;margin:0 auto 1.5rem;overflow-x:auto;padding-bottom:.5rem}.tab{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s}.tab:hover{background:#ffffff0d;color:#fff}.tab.active{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.tab-content{max-width:1200px;margin:0 auto}.overview-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tiers-display,.quick-stats{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem}.tiers-display h3,.quick-stats h3{font-size:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.tiers-list{display:flex;flex-direction:column;gap:.5rem}.tier-item{display:flex;justify-content:space-between;padding:.5rem .75rem;border-radius:6px;font-size:.9rem}.tier-item.current{background:#00d4ff1a;color:#00d4ff}.quick-stat-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}.quick-stat-row:last-child{border-bottom:none}.quick-stat-row span:first-child{color:#fff9}.quick-stat-row.holding{color:#ffc864cc}.quick-stat-row.holding span:first-child{color:#ffc86499}.holding-info{font-size:.85rem;color:#ffc864cc;margin-bottom:.5rem}.empty-state{text-align:center;padding:3rem;color:#ffffff80}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state h3{margin-bottom:.5rem;color:#fffc}.data-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.data-table th{background:#0003;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.data-table td{font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.pending{background:#ffc1071a;color:#ffc107}.status-badge.converted,.status-badge.approved,.status-badge.completed{background:#00ff881a;color:#0f8}.status-badge.churned,.status-badge.failed,.status-badge.refunded{background:#ff44441a;color:#f44}.status-badge.paid{background:#00d4ff1a;color:#00d4ff}.status-badge.processing{background:#9c27b01a;color:#9c27b0}.payouts-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.payout-settings,.request-payout,.payout-history{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem}.payout-history{grid-column:1 / -1}.payout-settings h3,.request-payout h3,.payout-history h3{font-size:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;color:#fff9;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00d4ff80}.form-group select option{background:#1a1a2e}.form-group select option:disabled{color:#ffffff4d}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#00d4ff,#00a8cc);color:#000}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.min-payout{font-size:.85rem;color:#ffffff80;margin-bottom:1rem}.no-payouts{color:#ffffff80;font-size:.9rem}.brand-upsell{max-width:700px;margin:2.5rem auto 0;background:linear-gradient(135deg,#ff00d41a,#00d4ff1a);border:1px solid rgba(255,0,212,.25);border-radius:16px;padding:2rem;text-align:center}.brand-upsell-content h3{font-size:1.25rem;margin-bottom:.75rem;color:#fff}.brand-upsell-content p{color:#ffffffb3;font-size:.95rem;margin-bottom:1.25rem;line-height:1.6}.brand-upsell-content strong{color:#ff00d4}.btn-brand-upsell{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff00d4,#00d4ff);border-radius:8px;color:#fff;font-weight:600;text-decoration:none;transition:all .2s}.btn-brand-upsell:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ff00d466}@media (max-width: 768px){.affiliate-landing .nav-inner{padding:0 1rem}.affiliate-landing .nav-links{display:none}.affiliate-hero{padding:6rem 1rem 3rem}.affiliate-hero .hero-title{font-size:1.75rem}.how-it-works,.commission-section,.calculator-section,.benefits-section,.faq-section{padding:3rem 1rem}.earnings-card.featured{transform:none}.brand-upsell{padding:1.5rem;margin-top:2rem}.brand-upsell-content h3{font-size:1.1rem}.affiliate-dashboard{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.data-table{display:block;overflow-x:auto}}.mobile-nav-bar{display:none}@media (max-width: 768px){.mobile-nav-bar{display:block;position:fixed;top:56px;left:0;right:0;z-index:98;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(79,70,229,.25);box-shadow:0 4px 20px #0006}.mobile-nav-scroll{display:flex;align-items:center;justify-content:space-between;gap:.375rem;padding:.5rem .625rem}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;flex:1;padding:.5rem .25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffbf;font-size:.625rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:all .2s ease;cursor:pointer}.mobile-nav-link svg{color:#a5b4fc;flex-shrink:0}.mobile-nav-link:hover,.mobile-nav-link:active{background:#4f46e533;border-color:#4f46e566;color:#fff}.mobile-nav-link:active{transform:scale(.96)}.mobile-nav-link.mobile-nav-signin{background:linear-gradient(135deg,#4f46e540,#9333ea40);border-color:#4f46e566}.mobile-nav-link.mobile-nav-signin:hover,.mobile-nav-link.mobile-nav-signin:active{background:linear-gradient(135deg,#4f46e566,#9333ea66);border-color:#4f46e599}.mobile-nav-link.mobile-nav-dashboard{background:linear-gradient(135deg,#10b98140,#05966940);border-color:#10b98166}.mobile-nav-link.mobile-nav-dashboard:hover,.mobile-nav-link.mobile-nav-dashboard:active{background:linear-gradient(135deg,#10b98166,#05966966);border-color:#10b98199}.mobile-nav-link.mobile-nav-logout{background:linear-gradient(135deg,#ef444440,#dc262640);border-color:#ef444466}.mobile-nav-link.mobile-nav-logout:hover,.mobile-nav-link.mobile-nav-logout:active{background:linear-gradient(135deg,#ef444466,#dc262666);border-color:#ef444499}.affiliate-hero{padding-top:160px}}.vial-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.vial-summary-card{background:var(--bg-card, #111);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:16px;text-align:center}.vial-summary-card__value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff)}.vial-summary-card__label{font-size:.75rem;color:var(--text-secondary, #999);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.vial-summary-card--warning .vial-summary-card__value{color:var(--accent-orange, #f59e0b)}.vial-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border, rgba(255,255,255,.08));padding-bottom:0;overflow-x:auto}.vial-tab{background:none;border:none;color:var(--text-secondary, #999);font-size:.875rem;font-weight:500;padding:8px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.vial-tab:hover{color:var(--text-primary, #fff)}.vial-tab--active{color:var(--accent-purple, #8b5cf6);border-bottom-color:var(--accent-purple, #8b5cf6)}.vial-tab__count{font-size:.75rem;background:#ffffff0f;padding:1px 6px;border-radius:8px;margin-left:4px}.vial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.vial-card{background:var(--bg-card, #111);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:14px;padding:18px;transition:border-color .2s ease,transform .15s ease}.vial-card:hover{border-color:#ffffff26;transform:translateY(-1px)}.vial-card--sealed{border-left:3px solid var(--accent-blue, #3b82f6)}.vial-card--reconstituted{border-left:3px solid var(--accent-green, #10b981)}.vial-card--low-stock{border-left:3px solid var(--accent-orange, #f59e0b)}.vial-card--depleted{border-left:3px solid var(--text-muted, #555);opacity:.65}.vial-card--expired{border-left:3px solid var(--accent-red, #ef4444);opacity:.65}.vial-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.vial-card__name{font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.vial-card__status{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px}.vial-card__status--sealed{background:#3b82f626;color:var(--accent-blue, #3b82f6)}.vial-card__status--reconstituted{background:#10b98126;color:var(--accent-green, #10b981)}.vial-card__status--depleted{background:#ffffff0f;color:var(--text-muted, #555)}.vial-card__status--expired{background:#ef444426;color:var(--accent-red, #ef4444)}.vial-card__progress{margin-bottom:12px}.vial-card__progress-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.8125rem;color:var(--text-secondary, #999);margin-bottom:4px}.vial-card__progress-amount{font-weight:600;color:var(--text-primary, #fff)}.vial-card__progress-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.vial-card__progress-fill{height:100%;border-radius:3px;transition:width .3s ease;background:var(--accent-green, #10b981)}.vial-card__progress-fill--low{background:var(--accent-orange, #f59e0b)}.vial-card__progress-fill--critical{background:var(--accent-red, #ef4444)}.vial-card__details{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.8125rem;color:var(--text-secondary, #999);margin-bottom:12px}.vial-card__detail{display:flex;align-items:center;gap:4px}.vial-card__detail-icon{opacity:.6}.vial-card__warning{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--accent-orange, #f59e0b);background:#f59e0b14;padding:6px 10px;border-radius:8px;margin-bottom:12px}.vial-card__actions{display:flex;gap:8px;border-top:1px solid var(--border, rgba(255,255,255,.06));padding-top:12px}.vial-card__btn{flex:1;background:#ffffff0a;border:1px solid var(--border, rgba(255,255,255,.08));color:var(--text-secondary, #999);font-size:.8125rem;padding:6px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:4px}.vial-card__btn:hover{background:#ffffff14;color:var(--text-primary, #fff)}.vial-card__btn--primary{background:#8b5cf61f;border-color:#8b5cf640;color:var(--accent-purple, #8b5cf6)}.vial-card__btn--primary:hover{background:#8b5cf633}.vial-card__btn--danger{color:var(--accent-red, #ef4444)}.vial-card__btn--danger:hover{background:#ef44441a}.vial-empty{text-align:center;padding:48px 24px;color:var(--text-secondary, #999)}.vial-empty__icon{font-size:2.5rem;margin-bottom:12px;opacity:.4}.vial-empty__title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:8px}.vial-empty__text{font-size:.875rem;max-width:340px;margin:0 auto 16px;line-height:1.5}.vial-modal-backdrop{position:fixed;inset:0;background:#000000b3;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px}.vial-modal{background:var(--bg-card, #111);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:16px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:24px}.vial-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.vial-modal__title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #fff)}.vial-modal__close{background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;padding:4px;display:flex}.vial-modal__close:hover{color:var(--text-primary, #fff)}.vial-form__group{margin-bottom:16px}.vial-form__label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary, #999);margin-bottom:6px}.vial-form__input,.vial-form__select,.vial-form__textarea{width:100%;background:#ffffff0a;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;color:var(--text-primary, #fff);font-size:.875rem;padding:10px 12px;transition:border-color .2s ease;box-sizing:border-box}.vial-form__input:focus,.vial-form__select:focus,.vial-form__textarea:focus{outline:none;border-color:var(--accent-purple, #8b5cf6)}.vial-form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.vial-form__textarea{min-height:60px;resize:vertical}.vial-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vial-form__actions{display:flex;gap:10px;margin-top:24px}.vial-form__btn{flex:1;padding:10px 16px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.vial-form__btn--cancel{background:#ffffff0a;border-color:var(--border, rgba(255,255,255,.1));color:var(--text-secondary, #999)}.vial-form__btn--cancel:hover{background:#ffffff14;color:var(--text-primary, #fff)}.vial-form__btn--submit{background:var(--accent-purple, #8b5cf6);color:#fff}.vial-form__btn--submit:hover{opacity:.9}.vial-form__btn--submit:disabled{opacity:.5;cursor:not-allowed}.vial-form__recon-info{background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:12px;margin-bottom:16px;font-size:.8125rem;color:var(--accent-green, #10b981)}.vial-form__recon-info strong{font-weight:600}.vial-add-btn{background:var(--accent-purple, #8b5cf6);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .15s ease}.vial-add-btn:hover{opacity:.9}@media (max-width: 768px){.vial-summary{grid-template-columns:repeat(2,1fr)}.vial-grid,.vial-form__row{grid-template-columns:1fr}.vial-modal{max-height:90vh;border-radius:12px}}@media (max-width: 480px){.vial-summary{grid-template-columns:1fr 1fr;gap:8px}.vial-summary-card{padding:12px}.vial-summary-card__value{font-size:1.25rem}}.nutrition-label-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease-out}.nutrition-label-modal{position:relative;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideUp .4s ease-out}.nutrition-label-close{position:absolute;top:1rem;right:1rem;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s;z-index:10}.nutrition-label-close:hover{background:#fff3;border-color:#4facfe80}.nutrition-label{background:#fff;color:#000;border:2px solid black;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.nutrition-label-header{padding:1.5rem 1rem 1rem;background:linear-gradient(135deg,#4facfe1a,#00f2fe1a)}.nutrition-label-header h2{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#000}.nutrition-brand{font-size:.875rem;color:#666;margin:0}.nutrition-facts{padding:0}.nutrition-title{font-size:2.5rem;font-weight:900;padding:.5rem 1rem;margin:0;letter-spacing:-.5px}.serving-info{padding:.5rem 1rem}.serving-size{font-size:.875rem;color:#000}.nutrition-divider{border:0;margin:0;background:#000}.nutrition-divider.thick{height:10px}.nutrition-divider.medium{height:5px}.nutrition-divider.thin{height:1px}.nutrition-divider.thin-light{height:1px;background:#999}.calories-section{display:flex;justify-content:space-between;align-items:baseline;padding:.25rem 1rem}.calories-label{font-size:.875rem;font-weight:700}.calories-value{font-size:2.5rem;font-weight:900}.daily-value-header{text-align:right;padding:.25rem 1rem;font-size:.75rem;font-weight:700}.nutrient-row{display:flex;justify-content:space-between;align-items:baseline;padding:.25rem 1rem;font-size:.875rem}.nutrient-row.indent{padding-left:2rem}.nutrient-name{flex:1}.daily-value{font-weight:700;min-width:50px;text-align:right}.barcode-section{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;background:#00000008}.barcode-label{font-size:.875rem;font-weight:600;color:#666}.barcode-value{font-family:Courier New,monospace;font-size:.875rem;font-weight:600;color:#000;letter-spacing:.5px}.nutrition-footer{padding:.75rem 1rem;font-size:.65rem;line-height:1.3;color:#666;border-top:1px solid #000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.nutrition-label-overlay{padding:1rem}.nutrition-label-modal{max-height:85vh}.nutrition-title,.calories-value{font-size:2rem}.nutrition-label-close{top:.5rem;right:.5rem;width:36px;height:36px}}.nutrient-breakdown{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.nutrient-breakdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.nutrient-breakdown-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.info-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.info-btn:hover{color:var(--text-secondary);background:var(--bg-surface)}.view-all-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;padding:.375rem .75rem;border-radius:6px;cursor:pointer;transition:var(--transition)}.view-all-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.nutrient-category{border-bottom:1px solid var(--border)}.nutrient-category:last-child{border-bottom:none}.nutrient-category-header{display:flex;align-items:center;width:100%;padding:.875rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:var(--transition);gap:.75rem}.nutrient-category-header:hover{background:var(--bg-surface)}.category-label{font-size:.875rem;font-weight:500;color:var(--text-primary);flex:1;text-align:left}.category-summary{font-size:.75rem;color:var(--text-muted)}.nutrient-category-content{padding:.5rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--bg-secondary)}.nutrient-bar-item{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.nutrient-bar-header{display:flex;justify-content:space-between;align-items:center;grid-column:1 / -1}.nutrient-name{font-size:.8125rem;color:var(--text-secondary)}.nutrient-value{font-size:.8125rem;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums}.nutrient-goal{color:var(--text-muted);font-weight:400}.nutrient-progress-track{position:relative;height:6px;background:var(--bg-primary);border-radius:3px;overflow:visible;flex:1}.nutrient-progress-fill{position:absolute;left:0;top:0;height:100%;border-radius:3px;transition:width .3s ease}.nutrient-progress-overflow{position:absolute;top:0;height:100%;border-radius:0 3px 3px 0;opacity:.7}.nutrient-progress-target{position:absolute;right:0;top:-2px;width:2px;height:10px;background:var(--text-muted);border-radius:1px}.nutrient-percentage{font-size:.75rem;color:var(--text-muted);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.nutrient-breakdown.compact{padding:0}.nutrient-breakdown.compact .nutrient-breakdown-header{padding:1rem}.compact-nutrients-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem 1rem}@media (max-width: 640px){.compact-nutrients-grid{grid-template-columns:1fr}}.nutrient-category-content{animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.water-tracker{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem}.water-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.water-title{display:flex;align-items:center;gap:.5rem}.water-title h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.water-icon{color:var(--accent-blue)}.water-logs-toggle{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;padding:.375rem .75rem;border-radius:6px;cursor:pointer;transition:var(--transition)}.water-logs-toggle:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.water-visual{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.25rem}.water-glass{position:relative;width:80px;height:120px;background:linear-gradient(180deg,#3b82f61a,#3b82f60d);border:2px solid var(--border);border-radius:0 0 20px 20px;border-top-width:3px;overflow:hidden;flex-shrink:0}.water-level{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#3b82f6b3,#3b82f6e6);transition:height .5s ease;border-radius:0 0 18px 18px}.water-wave{position:absolute;top:-8px;left:-50%;width:200%;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath fill='rgba(96,165,250,0.3)' d='M0,60 C150,90 350,0 600,60 C850,120 1050,30 1200,60 L1200,120 L0,120 Z'/%3E%3C/svg%3E");background-size:100% 100%;animation:wave 3s linear infinite}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.water-markers{position:absolute;right:4px;top:0;bottom:0;display:flex;flex-direction:column;pointer-events:none}.water-markers span{position:absolute;right:0;font-size:.625rem;color:var(--text-muted);transform:translateY(50%)}.water-stats{flex:1}.water-stat-main{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.25rem}.water-consumed{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.water-unit{font-size:1rem;color:var(--text-muted)}.water-stat-secondary{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem}.water-divider{color:var(--text-muted)}.water-progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:.375rem}.water-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),#60a5fa);border-radius:4px;transition:width .3s ease}.water-progress-label{font-size:.75rem;color:var(--text-muted)}.water-quick-add{border-top:1px solid var(--border);padding-top:1rem}.quick-add-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;display:block}.quick-add-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.water-quick-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:var(--transition)}.water-quick-btn:hover{border-color:var(--accent-blue);background:var(--bg-surface)}.quick-btn-icon{font-size:1.25rem}.quick-btn-label{font-size:.75rem;font-weight:500;color:var(--text-primary)}.quick-btn-ml{font-size:.625rem;color:var(--text-muted)}.water-custom-input{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.water-custom-input input{flex:1;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem}.water-custom-input input:focus{outline:none;border-color:var(--accent-blue)}.custom-add-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.custom-add-btn:hover{opacity:.9}.custom-cancel-btn{padding:.5rem .75rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;font-size:.875rem;cursor:pointer;transition:var(--transition)}.custom-cancel-btn:hover{border-color:var(--text-muted)}.water-logs{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}.water-logs-header{font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem}.water-logs-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.water-log-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px}.log-time{font-size:.75rem;color:var(--text-muted)}.log-amount{flex:1;font-size:.875rem;color:var(--text-primary);font-weight:500}.log-delete-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.log-delete-btn:hover{color:var(--accent-red);background:#ef44441a}.water-tracker.compact{padding:.875rem}.water-compact-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.water-compact-info{display:flex;align-items:baseline;gap:.25rem}.water-amount{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.water-goal{font-size:.875rem;color:var(--text-muted)}.water-compact-progress{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.water-compact-fill{height:100%;background:var(--accent-blue);border-radius:3px;transition:width .3s ease}.water-compact-actions{display:flex;gap:.5rem}.water-quick-btn-sm{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.water-quick-btn-sm:hover{border-color:var(--accent-blue);color:var(--accent-blue)}@media (max-width: 640px){.water-visual{flex-direction:column;text-align:center}.quick-add-buttons{grid-template-columns:repeat(2,1fr)}}.fasting-timer{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem}.fasting-timer.active{border-color:#a855f74d;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(168,85,247,.05) 100%)}.fasting-timer.complete{border-color:#22c55e4d;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(34,197,94,.05) 100%)}.fasting-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.fasting-title{display:flex;align-items:center;gap:.5rem}.fasting-title h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.fasting-icon{color:var(--accent-purple)}.fasting-badge{background:var(--accent-purple);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:12px}.fasting-ring-container{position:relative;width:200px;height:200px;margin:0 auto 1.5rem}.fasting-ring{width:100%;height:100%;transform:scaleX(-1)}.fasting-ring-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.fasting-elapsed-time{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.fasting-elapsed-label{font-size:.8125rem;color:var(--text-muted)}.fasting-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.fasting-stat{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.fasting-stat svg{color:var(--text-muted);flex-shrink:0}.fasting-stat>div{display:flex;flex-direction:column;min-width:0}.stat-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fasting-stage{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1.25rem}.stage-current{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.stage-icon{font-size:1.5rem}.stage-name{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.stage-desc{font-size:.8125rem;color:var(--text-secondary)}.stage-next{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);padding-top:.75rem;border-top:1px solid var(--border)}.fasting-start-btn,.fasting-stop-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:var(--transition)}.fasting-start-btn{background:var(--accent-purple);color:#fff}.fasting-start-btn:hover{opacity:.9;transform:translateY(-1px)}.fasting-stop-btn{background:transparent;border:1px solid var(--accent-red);color:var(--accent-red)}.fasting-stop-btn:hover{background:#ef44441a}.fasting-inactive-state{text-align:center;padding:2rem 1rem}.inactive-icon{color:var(--text-muted);margin-bottom:1rem;opacity:.5}.inactive-text{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.inactive-subtext{font-size:.875rem;color:var(--text-muted);margin:0 0 1.5rem}.fasting-presets{padding:.5rem 0}.presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.preset-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:var(--transition)}.preset-btn:hover{border-color:var(--accent-purple)}.preset-btn.selected{border-color:var(--accent-purple);background:#a855f71a}.preset-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.preset-hours{font-size:.75rem;color:var(--text-muted)}.preset-description{font-size:.8125rem;color:var(--text-secondary);text-align:center;margin:0 0 1rem}.preset-actions{display:flex;gap:.75rem}.preset-actions .fasting-start-btn{flex:1}.preset-cancel-btn{padding:.875rem 1.25rem;background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;font-size:.9375rem;cursor:pointer;transition:var(--transition)}.preset-cancel-btn:hover{border-color:var(--text-muted)}.fasting-timer.compact{padding:.875rem}.fasting-compact-header{display:flex;align-items:center;gap:.75rem}.fasting-compact-info{display:flex;flex-direction:column}.fasting-elapsed{font-size:1rem;font-weight:600;color:var(--text-primary)}.fasting-type{font-size:.75rem;color:var(--text-muted)}.fasting-compact-progress{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.fasting-compact-fill{height:100%;background:var(--accent-purple);border-radius:3px;transition:width .3s ease}.fasting-inactive{flex:1;font-size:.875rem;color:var(--text-muted)}.fasting-start-btn-sm,.fasting-stop-btn-sm{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--transition)}.fasting-start-btn-sm{background:var(--accent-purple);color:#fff;border:none}.fasting-stop-btn-sm{background:transparent;border:1px solid var(--accent-red);color:var(--accent-red)}.fasting-stop-btn-sm:hover{background:#ef44441a}@media (max-width: 640px){.fasting-stats{grid-template-columns:1fr}.presets-grid{grid-template-columns:repeat(2,1fr)}}.nutrition-dashboard{padding:1.5rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}.dashboard-main{display:flex;flex-direction:column;gap:1.5rem}.dashboard-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1.5rem}.quick-actions-sidebar{display:flex;flex-direction:column;gap:.75rem}.quick-actions-sidebar .quick-action-card{flex-direction:row;justify-content:flex-start;padding:1rem 1.25rem;gap:.75rem}.quick-actions-sidebar .quick-action-card svg{flex-shrink:0}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.quick-actions-sidebar{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.nutrition-dashboard{padding:1rem}.dashboard-sidebar{grid-template-columns:1fr}.quick-actions-sidebar{grid-template-columns:repeat(2,1fr)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.streak-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:.75rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-weight:600;box-shadow:0 2px 8px #fbbf244d}.date-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-card);border-radius:16px;padding:1rem;border:1px solid var(--border-color)}.date-nav-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.date-display{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-primary)}.date-text{font-weight:600;font-size:1.125rem}.today-btn{background:var(--accent-blue);border:none;color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.today-btn:hover{background:var(--accent-blue-hover)}.card{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.edit-btn{display:flex;align-items:center;gap:.375rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;padding:.5rem .875rem;border-radius:6px;transition:all .2s}.edit-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#3b82f61a}.edit-btn svg{flex-shrink:0}.calorie-ring-container{position:relative;width:200px;height:200px;margin:0 auto 1.5rem}.calorie-ring{width:100%;height:100%}.calorie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.calorie-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.calorie-label{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.calorie-breakdown{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;flex-wrap:wrap}.breakdown-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.breakdown-item .label{color:var(--text-muted);font-size:.75rem}.breakdown-item .value{color:var(--text-primary);font-weight:600}.breakdown-item .value.highlight{color:var(--accent-blue)}.breakdown-divider{color:var(--text-muted);font-size:1.25rem;margin:0 .25rem}.macros-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.macro-bars{display:flex;flex-direction:column;gap:1.25rem}.macro-bar-item{display:flex;flex-direction:column;gap:.5rem}.macro-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.macro-name{color:var(--text-primary);font-weight:500}.macro-values{color:var(--text-muted)}.macro-progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.macro-fill{height:100%;border-radius:4px;transition:width .5s ease}.macro-fill.protein{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.macro-fill.carbs{background:linear-gradient(90deg,#10b981,#34d399)}.macro-fill.fat{background:linear-gradient(90deg,#fbbf24,#fcd34d)}.meals-card .card-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.meals-card .card-header h3 svg{color:var(--accent-blue)}.meals-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.meal-section{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.meal-section:last-child{border-bottom:none;padding-bottom:0}.meal-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.meal-row:last-child{border-bottom:none;padding-bottom:0}.meal-row:first-child{padding-top:0}.meal-info{display:flex;flex-direction:column;gap:.25rem}.meal-name{color:var(--text-primary);font-weight:500}.meal-calories{color:var(--text-muted);font-size:.875rem}.add-meal-btn{background:none;border:1px solid var(--border-color);color:var(--accent-blue);padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.add-meal-btn:hover{background:var(--bg-secondary);border-color:var(--accent-blue)}.meal-foods-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.meal-food-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:8px;transition:all .2s}.meal-food-item.clickable{cursor:pointer}.meal-food-item:hover{background:#ffffff0d}.food-item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.food-item-name{color:var(--text-primary);font-weight:500;font-size:.875rem}.food-item-brand{color:var(--text-muted);font-size:.75rem}.food-item-macros{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.food-item-calories{color:var(--accent-blue);font-weight:600;font-size:.875rem}.food-item-details{color:var(--text-muted);font-size:.75rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.quick-action-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:.875rem;font-weight:500}.quick-action-card:hover{transform:translateY(-2px);border-color:var(--accent-blue);box-shadow:0 4px 12px #3b82f633}.quick-action-card svg{color:var(--accent-blue)}.meal-logger{padding:1.25rem;max-width:600px;margin:0 auto;min-height:100vh}@media (max-width: 640px){.meal-logger{padding:1rem}}.logger-header{margin-bottom:2rem}.logger-header h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--accent-blue) 0%,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}@media (max-width: 640px){.logger-header h1{font-size:1.75rem}}.meal-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}@media (max-width: 640px){.meal-type-selector{grid-template-columns:repeat(2,1fr);gap:.625rem}}.meal-type-btn{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);padding:.875rem 1rem;border-radius:12px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000d}.meal-type-btn:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.meal-type-btn.active{background:linear-gradient(135deg,var(--accent-blue) 0%,#667eea 100%);border-color:transparent;color:#fff;box-shadow:0 4px 16px #3b82f64d}.search-controls{display:flex;gap:.75rem;margin-bottom:1.75rem;flex-wrap:nowrap}@media (max-width: 640px){.search-controls{gap:.625rem}}.search-bar{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;padding:.875rem 1.125rem;box-shadow:0 1px 3px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-bar:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.search-bar svg{color:var(--text-muted);flex-shrink:0}.search-bar input{flex:1;background:none;border:none;color:var(--text-primary);font-size:1rem;outline:none;min-width:0}@media (max-width: 640px){.search-bar input{font-size:16px}}.search-bar input::placeholder{color:var(--text-muted)}.clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.375rem;flex-shrink:0;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.clear-btn:hover{background:var(--bg-secondary)}.search-submit-btn{background:linear-gradient(135deg,var(--accent-blue) 0%,#667eea 100%);border:none;color:#fff;padding:.625rem 1rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;min-height:48px;box-shadow:0 2px 8px #3b82f633}@media (max-width: 640px){.search-submit-btn{padding:.625rem;min-width:48px}}.search-submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #3b82f64d;transform:translateY(-2px)}.search-submit-btn:active:not(:disabled){transform:translateY(0)}.search-submit-btn:disabled{opacity:.5;cursor:not-allowed}.scan-btn{background:var(--bg-card);border:2px solid var(--border-color);color:var(--accent-blue);width:52px;height:52px;min-width:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 1px 3px #0000000d}@media (max-width: 640px){.scan-btn{width:48px;height:48px;min-width:48px}}.scan-btn:hover{background:linear-gradient(135deg,var(--accent-blue) 0%,#667eea 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.scan-btn.active{background:linear-gradient(135deg,var(--accent-blue) 0%,#667eea 100%);border-color:transparent;color:#fff;box-shadow:0 4px 16px #3b82f64d}.scanner-container{position:relative;width:100%;min-height:350px;background:#000;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.scanner-video{width:100%;min-height:350px}#barcode-scanner video{width:100%!important;height:auto!important;border-radius:0!important}#barcode-scanner{border:none!important}.scanner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;z-index:10}.scanner-overlay p{color:#fff;font-weight:500;font-size:1.1rem}.search-results{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;max-height:450px;overflow-y:auto;margin-bottom:1.75rem;box-shadow:0 1px 3px #0000000d}.food-result{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (max-width: 640px){.food-result{padding:1rem;gap:.75rem}}.food-result:last-child{border-bottom:none}.food-result:hover{background:#3b82f60d;transform:translate(4px)}.food-result-info{flex:1;min-width:0}.food-result-name{font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:.375rem;line-height:1.3;word-wrap:break-word}@media (max-width: 640px){.food-result-name{font-size:.9375rem}}.food-result-brand{font-size:.8125rem;color:var(--accent-blue);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.375rem}.food-result-macros{font-size:.875rem;color:var(--text-secondary);font-weight:500}@media (max-width: 640px){.food-result-macros{font-size:.8125rem}}.food-result svg{color:var(--accent-blue)}.add-food-result-btn{background:linear-gradient(135deg,var(--accent-blue) 0%,#667eea 100%);border:none;color:#fff;width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 8px #3b82f633}@media (max-width: 640px){.add-food-result-btn{width:40px;height:40px;min-width:40px}}.add-food-result-btn:hover{box-shadow:0 4px 16px #3b82f64d;transform:scale(1.1) translateY(-2px)}.add-food-result-btn:active{transform:scale(1) translateY(0)}.selected-foods{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;padding:1.25rem;margin-bottom:1.75rem;box-shadow:0 1px 3px #0000000d}.selected-foods h3{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary);letter-spacing:-.01em}@media (max-width: 640px){.selected-foods h3{font-size:1.125rem}}.selected-food-item{display:flex;justify-content:space-between;align-items:center;padding:1.125rem 0;border-bottom:1px solid var(--border-color);gap:1rem}.selected-food-item:last-child{border-bottom:none;padding-bottom:0}.food-details{flex:1;min-width:0}.food-brand{font-size:.8125rem;color:var(--accent-blue);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.food-name{font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:.375rem;line-height:1.3;word-wrap:break-word}@media (max-width: 640px){.food-name{font-size:.9375rem}}.food-serving-info{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:500}.food-macros{font-size:.875rem;color:var(--text-muted);font-weight:500}.servings-control{display:flex;align-items:center;gap:.625rem;flex-shrink:0}@media (max-width: 640px){.servings-control{gap:.5rem}}.servings-control button{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);width:36px;height:36px;min-width:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}@media (max-width: 640px){.servings-control button{width:40px;height:40px;min-width:40px}}.servings-control button:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:scale(1.05)}.servings-control button:active{transform:scale(.95)}.servings-control span{min-width:48px;text-align:center;font-weight:700;font-size:1rem;color:var(--text-primary)}@media (max-width: 640px){.servings-control span{min-width:44px;font-size:.9375rem}}.remove-btn{background:#ef44441a!important;border-color:#ef4444!important;color:#ef4444!important}.remove-btn:hover{background:#ef4444!important;color:#fff!important;transform:scale(1.05)!important}.meal-totals{background:linear-gradient(135deg,#3b82f60d,#667eea0d);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem 1.25rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.meal-totals h3{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary);letter-spacing:-.01em}@media (max-width: 640px){.meal-totals h3{font-size:1.125rem}.meal-totals{padding:1.25rem 1rem}}.totals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media (max-width: 640px){.totals-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.total-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;background:var(--bg-card);border-radius:12px;box-shadow:0 1px 2px #0000000a}.total-value{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--accent-blue) 0%,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}@media (max-width: 640px){.total-value{font-size:1.5rem}}.total-label{font-size:.8125rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}@media (max-width: 640px){.total-label{font-size:.75rem}}.save-meal-btn{width:100%;background:linear-gradient(135deg,var(--accent-blue) 0%,#667eea 100%);border:none;color:#fff;padding:1.125rem 1.25rem;border-radius:16px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #3b82f64d;letter-spacing:.01em;min-height:56px}.save-meal-btn:hover:not(:disabled){box-shadow:0 6px 24px #3b82f666;transform:translateY(-2px)}.save-meal-btn:active:not(:disabled){transform:translateY(0)}.save-meal-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.meal-diary{padding:1rem;max-width:800px;margin:0 auto}.diary-header{margin-bottom:1.5rem}.diary-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.date-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.date-nav-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.date-nav-btn:hover:not(:disabled){background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-display{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1.5rem}.date-display svg{color:var(--accent-blue)}.date-text{font-weight:600;color:var(--text-primary);min-width:100px;text-align:center}.today-btn{background:var(--accent-blue);border:none;color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;margin-left:.5rem}.daily-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.daily-summary h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.summary-value{font-size:1.25rem;font-weight:700;color:var(--accent-blue)}.summary-label{font-size:.75rem;color:var(--text-muted)}.meals-list{display:flex;flex-direction:column;gap:1.5rem}.meal-type-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.meal-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.meal-type-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.add-meal-btn{background:var(--accent-blue);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.add-meal-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.no-meals{color:var(--text-muted);text-align:center;padding:2rem;font-size:.875rem}.meal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem}.meal-card:last-child{margin-bottom:0}.meal-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.meal-time{font-size:.875rem;color:var(--text-muted);font-weight:500}.delete-meal-btn{background:none;border:none;color:var(--danger-red);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-meal-btn:hover{color:var(--danger-red);transform:scale(1.1)}.meal-foods{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.meal-food-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-card);border-radius:6px;cursor:pointer;transition:background .2s}.meal-food-item:hover{background:var(--bg-secondary)}.food-item-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.food-item-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.food-item-brand{font-size:.75rem;color:var(--text-muted)}.food-item-macros{display:flex;align-items:center;gap:.5rem}.food-item-calories{font-size:.875rem;color:var(--text-secondary);font-weight:500}.meal-totals{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary);font-weight:500}.loading{text-align:center;padding:2rem;color:var(--text-muted)}@media (max-width: 640px){.summary-grid{grid-template-columns:repeat(2,1fr)}.meal-totals{flex-wrap:wrap;gap:.5rem}}.food-database{padding:1rem;max-width:1200px;margin:0 auto}.database-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.database-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.create-food-btn{background:var(--accent-blue);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.create-food-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.database-search{display:flex;gap:.5rem;margin-bottom:2rem}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem}.search-input-wrapper svg{color:var(--text-muted);flex-shrink:0}.search-input-wrapper input{flex:1;background:none;border:none;color:var(--text-primary);font-size:1rem;outline:none}.search-input-wrapper input::placeholder{color:var(--text-muted)}.search-btn{background:var(--accent-blue);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.search-btn:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.search-results h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.food-list{display:flex;flex-direction:column;gap:.75rem}.food-list-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:1rem}.food-list-item:hover{background:var(--bg-secondary);border-color:var(--accent-blue)}.food-info{flex:1;min-width:0}.food-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-brand{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.food-serving{font-size:.75rem;color:var(--text-secondary)}.food-macros{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.macro-calories{font-weight:600;color:var(--accent-blue)}.macro-detail{font-size:.875rem;color:var(--text-secondary)}.create-food-modal{max-width:600px;max-height:90vh;overflow-y:auto}.create-food-modal h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.form-row{margin-bottom:1rem}.form-row input,.form-grid input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s}.form-row input:focus,.form-grid input:focus{border-color:var(--accent-blue)}.form-row input::placeholder,.form-grid input::placeholder{color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 640px){.database-header{flex-direction:column;align-items:flex-start;gap:1rem}.create-food-btn{width:100%;justify-content:center}.food-macros{flex-direction:column;align-items:flex-end;gap:.25rem}.form-grid{grid-template-columns:1fr}}.macro-planner{padding:1rem;max-width:1400px;margin:0 auto}.planner-header{margin-bottom:2rem}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:#fff9;font-size:.875rem}.planner-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.macro-planner{padding:2rem}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.planner-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}}.planner-card{background:#1a202c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.current-goals-display{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.goal-item{text-align:center}.goal-label{color:#fff9;font-size:.875rem;margin-bottom:.5rem}.goal-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.goal-diet-type{grid-column:1 / -1;text-align:center;margin-top:.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{color:#fffc;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe1a}.form-group input::placeholder{color:#ffffff4d}.diet-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.diet-type-btn{background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.diet-type-btn:hover{border-color:#4facfe80;background:#4facfe1a;transform:translateY(-2px)}.diet-type-btn.active{border-color:#4facfe;background:#4facfe33;box-shadow:0 0 20px #4facfe4d}.diet-name{color:#fff;font-weight:600;font-size:.875rem;text-align:center}.diet-macros{color:#fff9;font-size:.75rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #4facfe66;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#38f9d7,#43e97b);color:#0a0e27}.btn-success:hover:not(:disabled){box-shadow:0 8px 20px #38f9d766;transform:translateY(-2px)}.btn-lg{padding:1rem 2rem;font-size:1.125rem;width:100%}.results-display{display:flex;flex-direction:column;gap:2rem}.result-main{text-align:center;padding:2rem;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.result-label{color:#fff9;font-size:.875rem;margin-bottom:.5rem}.result-value{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.result-subtitle{color:#ffffff80;font-size:.875rem}.macros-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.macro-result{background:#0000004d;border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}.macro-color{width:40px;height:40px;border-radius:50%;margin-bottom:1rem}.macro-info{width:100%}.macro-name{color:#fff9;font-size:.875rem;margin-bottom:.5rem}.macro-amount{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem}.macro-calories{color:#ffffff80;font-size:.75rem;margin-bottom:.25rem}.macro-percent{color:#ffffffb3;font-size:.875rem;font-weight:600}.save-status{text-align:center;padding:1rem;border-radius:8px;font-weight:600;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .3s ease-out}.modal-content{background:linear-gradient(135deg,#1a202cf2,#141923f2);border:2px solid rgba(79,172,254,.3);border-radius:24px;padding:2.5rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a inset;animation:modalSlideUp .4s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .2s}.modal-close:hover{background:#fff3;color:#fff;border-color:#4facfe80}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(79,172,254,.3)}.modal-header h2{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}@media (max-width: 768px){.macro-planner{padding:1rem}.planner-grid,.form-grid,.current-goals-display,.macros-breakdown{grid-template-columns:1fr}.diet-type-grid{grid-template-columns:repeat(2,1fr)}.result-value{font-size:2rem}.page-title{font-size:1.5rem}.modal-overlay{padding:1rem}.modal-content{padding:1.5rem;max-height:85vh}.modal-close{top:1rem;right:1rem;width:36px;height:36px}.modal-header{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-header h2{font-size:1.25rem}}.recipe-manager{padding:1rem;max-width:1200px;margin:0 auto}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.manager-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.create-recipe-btn{background:var(--accent-blue);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.create-recipe-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.recipe-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.no-recipes{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-muted)}.no-recipes svg{opacity:.5}.recipe-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s}.recipe-card:hover{border-color:var(--accent-blue)}.recipe-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.recipe-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);flex:1}.delete-recipe-btn{background:none;border:none;color:var(--danger-red);cursor:pointer;padding:.25rem;transition:all .2s}.delete-recipe-btn:hover{transform:scale(1.1)}.recipe-info{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary)}.recipe-macros{display:flex;gap:.75rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary);padding-top:.75rem;border-top:1px solid var(--border-color)}.view-recipe-btn{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.view-recipe-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.recipe-modal{max-width:600px;max-height:90vh;overflow-y:auto}.recipe-modal h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.form-section{margin-bottom:2rem}.form-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.form-section input,.form-section textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:1rem;outline:none;margin-bottom:1rem;transition:border-color .2s}.form-section input:focus,.form-section textarea:focus{border-color:var(--accent-blue)}.form-section textarea{resize:vertical;font-family:inherit}.ingredient-search{display:flex;gap:.5rem;margin-bottom:1rem}.ingredient-search input{flex:1;margin-bottom:0}.ingredient-search button{background:var(--accent-blue);border:none;color:#fff;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s}.ingredient-search button:hover:not(:disabled){background:var(--accent-blue-hover)}.ingredient-search button:disabled{opacity:.5;cursor:not-allowed}.servings-input-group{margin-bottom:1rem}.servings-input-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.servings-controls{display:flex;align-items:center;gap:.5rem}.servings-btn{background:var(--accent-blue);border:none;color:#fff;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.servings-btn:hover{background:var(--accent-blue-hover);transform:scale(1.05)}.servings-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:1rem;text-align:center;font-weight:600;outline:none;margin-bottom:0!important}.servings-input:focus{border-color:var(--accent-blue)}.ingredient-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;max-height:400px;overflow-y:auto;margin-bottom:1rem}.ingredient-result{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border-color);transition:background .2s}.ingredient-result:last-child{border-bottom:none}.ingredient-result:hover{background:var(--bg-card)}.ingredient-result-info{flex:1}.ingredient-result-name{color:var(--text-primary);font-weight:500;margin-bottom:.25rem}.ingredient-brand{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.ingredient-result-macros{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.ingredient-serving-size{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.add-ingredient-btn{background:var(--accent-blue);border:none;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.add-ingredient-btn:hover{background:var(--accent-blue-hover);transform:scale(1.05)}.ingredients-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem}.ingredient-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.ingredient-item:last-child{border-bottom:none}.ingredient-info{display:flex;align-items:center;gap:.75rem;flex:1}.ingredient-name{flex:1;color:var(--text-primary);font-weight:500;min-width:120px}.ingredient-servings-controls{display:flex;align-items:center;gap:.5rem}.servings-btn-small{background:var(--accent-blue);border:none;color:#fff;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.servings-btn-small:hover{background:var(--accent-blue-hover);transform:scale(1.05)}.ingredient-servings-input{width:60px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.375rem .5rem;color:var(--text-primary);font-size:.875rem;text-align:center;font-weight:600;outline:none;margin-bottom:0!important}.ingredient-servings-input:focus{border-color:var(--accent-blue)}.remove-ingredient-btn{background:none;border:none;color:var(--danger-red);cursor:pointer;padding:.25rem;transition:all .2s}.remove-ingredient-btn:hover{transform:scale(1.1)}.recipe-totals{background:var(--bg-card);border:1px solid var(--accent-blue);border-radius:8px;padding:1rem}.recipe-totals h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.totals-display{display:flex;gap:1rem;font-weight:500;color:var(--accent-blue)}.submit-btn{width:100%;background:var(--accent-blue);border:none;color:#fff;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.recipe-view-modal{max-width:600px;max-height:90vh;overflow-y:auto}.recipe-view-modal h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.servings-info{color:var(--text-muted);margin-bottom:1.5rem}.view-section{margin-bottom:1.5rem}.view-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.ingredients-view{list-style:disc;padding-left:1.5rem;color:var(--text-secondary)}.ingredients-view li{margin-bottom:.5rem}.instructions-text{color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.nutrition-display{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.nutrition-calories{grid-column:1 / -1;font-size:1.25rem;font-weight:700;color:var(--accent-blue);text-align:center}.nutrition-display span:not(.nutrition-calories){color:var(--text-secondary);font-weight:500}@media (max-width: 640px){.manager-header{flex-direction:column;align-items:flex-start;gap:1rem}.create-recipe-btn{width:100%;justify-content:center}.recipe-list{grid-template-columns:1fr}.ingredient-result{flex-direction:column;align-items:stretch;gap:.5rem}.ingredient-result-info{width:100%}.ingredient-result-macros{font-size:.8125rem}.add-ingredient-btn{width:100%;height:40px}.ingredient-item{flex-direction:column;align-items:stretch;gap:.75rem}.ingredient-info{flex-direction:column;align-items:stretch;gap:.5rem}.ingredient-name{min-width:unset;width:100%}.ingredient-servings-controls{justify-content:center}.remove-ingredient-btn{align-self:center;margin-top:.5rem}.servings-controls{width:100%}.totals-display{flex-direction:column;gap:.5rem}.totals-display span{text-align:center}.nutrition-display{grid-template-columns:1fr}.nutrition-calories{grid-column:1}.recipe-macros,.recipe-info{flex-direction:column;gap:.5rem;align-items:flex-start}}.nutrition-dashboard{padding:2rem;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.loading-state{text-align:center;padding:4rem;color:#fff9;font-size:1.25rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-content{display:flex;flex-direction:column;gap:.5rem}.page-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-selector{display:flex;align-items:center;gap:1rem}.date-input{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem .75rem;color:#fff;font-size:.875rem;cursor:pointer}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.date-label{color:#fffc;font-size:1rem;font-weight:500}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#0a0e27}.btn-primary:hover{box-shadow:0 8px 20px #4facfe66;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.summary-card{background:#1a202c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.calorie-summary{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:center}.calorie-main{text-align:center}.calorie-label{color:#fff9;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.calorie-value{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calorie-goal{font-size:2rem;color:#ffffff80}.calorie-remaining{margin-top:.5rem;font-size:1.125rem}.remaining-positive{color:#43e97b}.remaining-negative{color:#fa709a}.nutrition-score{padding:1.5rem;background:#0000004d;border-radius:12px;text-align:center}.score-label{color:#fff9;font-size:.875rem;margin-bottom:.5rem}.score-value{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.score-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(135deg,#43e97b,#38f9d7);transition:width .3s ease}.macros-card{background:#1a202c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.card-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.macro-rings-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.meals-card,.chart-card{background:#1a202c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.meals-list{display:flex;flex-direction:column;gap:1rem}.meal-item{background:#0000004d;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.meal-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.meal-type-indicator{width:4px;height:40px;border-radius:2px}.meal-info{flex:1}.meal-type{font-weight:600;color:#fff;text-transform:capitalize;font-size:1rem}.meal-time{color:#ffffff80;font-size:.875rem}.meal-calories{font-weight:700;color:#00f2fe;font-size:1.125rem}.meal-foods{display:flex;flex-wrap:wrap;gap:.5rem}.food-item{background:#ffffff0d;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;color:#ffffffb3}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;gap:1rem}.empty-state p{color:#ffffff80;font-size:1rem}.quick-actions-card{background:#1a202c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.action-btn{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem 1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#fff}.action-btn:hover{background:#4facfe1a;border-color:#4facfe;transform:translateY(-2px);box-shadow:0 8px 20px #4facfe33}.action-btn span{font-weight:600;font-size:.875rem}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nutrition-dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.5rem}.calorie-summary{grid-template-columns:1fr}.calorie-value{font-size:3rem}.macro-rings-container{flex-direction:column}.quick-actions-grid{grid-template-columns:1fr}}