@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}:root{--brand:#e8890f;--brand-strong:#c96f08;--primary-gradient:linear-gradient(135deg,#e8890f 0%,#c9520f 100%);--accent-blue:#3b82f6;--accent-blue-strong:#1d4ed8;--success-gradient:linear-gradient(135deg,#15803d 0%,#16a34a 100%);--danger-gradient:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);--bg-primary:#0a0b0d;--bg-secondary:#121417f2;--bg-secondary-solid:#12141a;--bg-card:#ffffff09;--bg-hover:#ffffff0d;--text-primary:#f5f6f7;--text-secondary:#8b9099;--text-muted:#5c6068;--border-color:#ffffff12;--border-hover:#ffffff24;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 2px 8px #00000047;--shadow-lg:0 8px 20px #00000052;--shadow-xl:0 16px 40px #0006;--radius-sm:6px;--radius-md:9px;--radius-lg:13px;--radius-xl:18px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.22s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1)}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;background:#0a0a0af2;padding:20px 0;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.nav-actions{gap:12px;display:flex}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;width:40px;height:40px;display:none}.mobile-menu-btn svg{width:24px;height:24px;fill:var(--text-primary)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:999;background:#0a0a0afa;flex-direction:column;gap:16px;padding:20px;display:none;position:fixed;top:80px;left:0;right:0}.mobile-menu.active{display:flex}.mobile-menu a{color:var(--text-primary);border-radius:var(--radius-md);padding:12px;text-decoration:none;transition:background .3s}.mobile-menu a:hover{background:#ffffff0d}.hero{justify-content:center;align-items:center;min-height:100vh;padding:140px 20px 100px;display:flex;position:relative;overflow:hidden}.hero-3d-scene{z-index:0;pointer-events:none;opacity:.85;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 85%);mask-image:radial-gradient(circle,#000 45%,#0000 85%)}.hero-3d-scene canvas{display:block;width:100%!important;height:100%!important}.hero-content{z-index:1;text-align:center;max-width:900px;position:relative}.hero-icon{justify-content:center;margin-bottom:32px;display:flex}.hero-icon svg{filter:drop-shadow(0 4px 16px #e8890f59)}.hero-title{letter-spacing:-.02em;margin-bottom:28px;font-size:72px;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:800px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:22px;line-height:1.7}.hero-actions{justify-content:center;gap:20px;margin-bottom:80px;display:flex}.btn-hero-primary{background:var(--primary-gradient);border-radius:var(--radius-md);color:#fff;border:none;padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f39c1266}.btn-hero-secondary{border-radius:var(--radius-md);color:#fff;background:0 0;border:2px solid #fff3;padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-hero-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.hero-actions-secondary{gap:28px;margin-bottom:40px}.hero-link-muted{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.hero-link-muted:hover{color:var(--text-primary);text-decoration:underline}.hero-stats{flex-wrap:wrap;justify-content:center;gap:80px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-number{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:14px}.features{background:var(--bg-secondary);padding:100px 20px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:48px;font-weight:700}.section-header p{color:var(--text-secondary);font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;transition:all .3s}.feature-card:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.feature-icon{border-radius:var(--radius-md);background:var(--brand);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}@supports (color:color-mix(in lab, red, red)){.feature-icon{background:color-mix(in srgb,var(--brand)12%,transparent)}}.feature-icon{border:1px solid var(--brand)}@supports (color:color-mix(in lab, red, red)){.feature-icon{border:1px solid color-mix(in srgb,var(--brand)22%,transparent)}}.feature-icon svg{width:28px;height:28px;fill:var(--brand)}.feature-card h3{margin-bottom:12px;font-size:24px;font-weight:600}.feature-card p{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.feature-list{flex-direction:column;gap:8px;list-style:none;display:flex}.feature-list li{color:var(--text-secondary);padding-left:24px;font-size:14px;position:relative}.feature-list li:before{content:"✓";color:#27ae60;font-weight:700;position:absolute;left:0}.section{padding:100px 20px}.calculators-section{background:var(--bg-primary);padding:100px 20px}.calculator-wrapper{max-width:1000px;margin:0 auto}.calculator-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.calc-tab{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s}.calc-tab:hover{color:var(--text-primary);background:#ffffff0d}.calc-tab.active{background:var(--primary-gradient);color:#fff;border-color:#0000}.calculator-container{animation:.4s ease-out fadeIn}.calculator-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calculator-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:800px;margin:0 auto;padding:40px}.calculator-card h3{margin-bottom:8px;font-size:28px;font-weight:700}.calc-description{color:var(--text-secondary);margin-bottom:32px}.calc-input-group{margin-bottom:24px}.calc-input-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.calc-input-group input,.calc-input-group select{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff0d;padding:14px 16px;font-size:16px;transition:all .3s}.calc-input-group input:focus,.calc-input-group select:focus{background:#ffffff14;border-color:#f39c12;outline:none}.calc-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.btn-calculate{background:var(--primary-gradient);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;width:100%;margin-top:24px;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.btn-calculate:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f39c124d}.btn-add-compound{border:2px dashed var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;margin:16px 0;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.btn-add-compound:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}.calc-results{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;margin-top:32px;padding:24px;display:none}.calc-results.show{display:block}.calc-results h4{color:#f39c12;margin-bottom:16px;font-size:20px}.result-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:12px 0;display:flex}.result-row:last-child{border-bottom:none}.result-label{color:var(--text-secondary)}.result-value{font-weight:600}.result-highlight{color:#f39c12;font-size:24px;font-weight:700}.btn-secondary{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background:0 0;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff1a}.btn-primary{background:var(--primary-gradient);border-radius:var(--radius-md);color:#fff;border:none;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f39c124d}.btn-danger{border-radius:var(--radius-md);color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:1px solid #e74c3c4d;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-danger:hover{background:#e74c3c33;border-color:#e74c3c}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.myostats-logo{align-items:center;gap:10px;line-height:1;display:inline-flex}.myostats-logo-word{letter-spacing:-.01em;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1em;font-weight:700}.pricing{background:var(--bg-secondary);padding:100px 20px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;transition:all .3s;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.pricing-card.featured{border-color:#f39c12;box-shadow:0 0 30px #f39c1233}.featured-badge{background:var(--primary-gradient);color:#fff;text-transform:uppercase;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h3{margin-bottom:16px;font-size:24px}.price{justify-content:center;align-items:baseline;gap:4px;display:flex}.currency{color:var(--text-secondary);font-size:24px}.amount{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:700}.period{color:var(--text-secondary);font-size:16px}.pricing-features{margin-bottom:32px;list-style:none}.pricing-features li{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 0}.pricing-features li:last-child{border-bottom:none}.btn-pricing{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:center;background:0 0;padding:14px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.btn-pricing:hover{background:#ffffff0d}.btn-pricing.primary{background:var(--primary-gradient);color:#fff;border-color:#0000}.btn-pricing.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f39c124d}.about{background:var(--bg-primary);padding:100px 20px}.about-content h2{text-align:center;margin-bottom:40px;font-size:48px;font-weight:700}.disclaimer-box{border-radius:var(--radius-lg);background:#e74c3c1a;border:2px solid #e74c3c4d;margin-bottom:60px;padding:32px}.disclaimer-box h3{color:#e74c3c;align-items:center;gap:10px;margin-bottom:16px;font-size:22px;display:flex}.disclaimer-box p{color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.disclaimer-box ul{color:var(--text-secondary);margin-left:24px}.disclaimer-box li{margin-bottom:8px}.about-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.about-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px}.about-card h3{color:#f39c12;margin-bottom:12px;font-size:24px}.about-card p{color:var(--text-secondary);line-height:1.6}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 20px 30px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-section h4{color:#f39c12;margin-bottom:16px;font-size:16px}.footer-section a{color:var(--text-secondary);margin-bottom:12px;text-decoration:none;transition:color .3s;display:block}.footer-section a:hover{color:var(--text-primary)}.footer-logo{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.footer-section p{color:var(--text-secondary);line-height:1.6}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);color:var(--text-secondary);padding-top:30px;font-size:14px}.footer-bottom p{margin-bottom:8px}@media (max-width:768px){.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:block}.hero-title{font-size:40px}.hero-subtitle{font-size:16px}.hero-actions{flex-direction:column}.hero-stats{flex-direction:column;gap:24px}.section-header h2{font-size:32px}.features-grid,.calc-row,.pricing-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:32px}.calculator-card{padding:24px}}.dashboard-wrapper{background:var(--bg-primary);min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:30px 20px;display:flex}.sidebar-header h2{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item{color:var(--text-secondary);align-items:center;gap:12px;padding:14px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:var(--text-primary);background:linear-gradient(90deg,#f39c121a 0%,#0000 100%)}.nav-item.active:before{content:"";background:var(--primary-gradient);width:3px;position:absolute;top:0;bottom:0;left:0}.nav-icon{fill:currentColor;flex-shrink:0;width:22px;height:22px}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.sidebar-user{background:var(--bg-hover);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px;display:flex}.sidebar-user-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.btn-logout{color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-logout:hover{background:#e74c3c33;border-color:#e74c3c}.btn-logout:disabled{opacity:.6;cursor:not-allowed}.btn-logout svg{fill:currentColor;width:18px;height:18px}.sidebar-mobile-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;z-index:300;width:44px;height:44px;transition:all var(--transition-base);justify-content:center;align-items:center;display:none;position:fixed;top:16px;left:16px}.sidebar-mobile-toggle svg{width:22px;height:22px;fill:var(--text-primary)}.sidebar-mobile-toggle.active{background:var(--bg-hover)}.sidebar-scrim{z-index:150;background:#0009;display:none;position:fixed;inset:0}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.topbar{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:50;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:20px;display:flex}.topbar-left h1{font-size:24px;font-weight:700}.topbar-right{align-items:center;gap:20px;display:flex}.btn-icon{background:var(--bg-hover);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.btn-icon:hover{background:var(--bg-card);transform:translateY(-2px)}.btn-icon svg{width:20px;height:20px;fill:var(--text-primary)}.badge{color:#fff;text-align:center;background:#e74c3c;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-5px}.user-menu-wrapper{position:relative}.user-menu{background:var(--bg-hover);cursor:pointer;font:inherit;color:inherit;transition:all var(--transition-base);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.user-menu:hover,.user-menu[aria-expanded=true]{background:var(--bg-card);border-color:var(--border-hover)}.avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:36px;height:36px}.avatar-fallback{background:var(--primary-gradient);color:#fff;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-name{white-space:nowrap;font-size:14px;font-weight:600}.chevron{width:16px;height:16px;fill:var(--text-secondary);transition:transform var(--transition-base);flex-shrink:0}.chevron.open{transform:rotate(180deg)}.user-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);z-index:200;padding:8px;animation:.18s cubic-bezier(.4,0,.2,1) dropdownIn;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.user-dropdown-item svg{fill:currentColor;flex-shrink:0;width:18px;height:18px}.user-dropdown-item:hover{background:var(--bg-hover)}.user-dropdown-item.danger{color:#e74c3c}.dashboard-container{flex:1}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;overflow:hidden}.stat-icon:before{content:"";background:inherit;opacity:.1;position:absolute;inset:0}.stat-icon svg{fill:#fff;z-index:1;width:28px;height:28px;position:relative}.stat-content{flex:1}.stat-content h3{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500}.stat-value{margin-bottom:4px;font-size:28px;font-weight:700;display:block}.stat-change{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.stat-change.positive{color:#27ae60}.stat-change.negative{color:#e74c3c}.stat-change.neutral{color:#f39c12}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;padding:0 30px 30px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #0003}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header h3{font-size:18px;font-weight:600}.card-body{padding:24px}.date-badge{background:var(--bg-hover);color:var(--text-secondary);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.dashboard-card-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px 16px;display:flex}.dashboard-card-empty svg{fill:var(--text-secondary);opacity:.5;background:var(--bg-hover);box-sizing:content-box;border-radius:50%;padding:16px}.dashboard-card-empty p{color:var(--text-secondary);font-size:14px}.dashboard-card-hint{color:var(--text-secondary);text-align:center;padding:12px 0;font-size:13px}.dashboard-card-link{border-top:1px solid var(--border-color);color:#f39c12;text-align:center;margin-top:16px;padding-top:16px;font-size:13px;font-weight:600;text-decoration:none;display:block}.dashboard-card-link:hover{text-decoration:underline}.dashboard-compound-list{flex-direction:column;gap:12px;display:flex}.dashboard-compound-item{border-radius:var(--radius-md);border:1px solid var(--border-color);padding:14px 16px}.dashboard-compound-item-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.dashboard-compound-name{font-size:14px;font-weight:600}.dashboard-compound-dose{white-space:nowrap;font-size:13px;font-weight:600}.dashboard-compound-meta{color:var(--text-secondary);font-size:12px}.dashboard-marker-list{flex-direction:column;gap:8px;display:flex}.dashboard-marker-row{background:var(--bg-hover);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.dashboard-marker-label{color:var(--text-secondary);font-size:13px;font-weight:500}.dashboard-marker-value{font-size:13px;font-weight:700}.dashboard-events-list{flex-direction:column;gap:10px;display:flex}.dashboard-event-item{background:var(--bg-hover);border-radius:var(--radius-sm);border-left:3px solid #f39c12;padding:12px 14px}.dashboard-event-item.urgent{border-left-color:#e74c3c}.dashboard-event-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-event-label{font-size:13px;font-weight:600}.dashboard-event-meta{color:var(--text-secondary);white-space:nowrap;font-size:12px}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.sidebar-mobile-toggle{display:flex}.sidebar-scrim{display:block}.topbar{padding:0 20px 0 70px}.topbar-left h1{font-size:20px}.user-name{display:none}.stats-grid,.dashboard-grid{grid-template-columns:1fr;padding:20px}}.cycles-container{padding:30px}.action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.action-bar .btn-primary{align-items:center;gap:8px;display:flex}.action-bar .btn-primary svg{fill:#fff;width:20px;height:20px}.filter-group{gap:12px;display:flex}.filter-group select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);padding:10px 16px;font-size:14px;font-weight:600}.filter-group select:focus{border-color:#f39c12;outline:none}.cycles-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.cycle-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.cycle-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.cycle-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.cycle-card-title{flex:1}.cycle-card-title h3{margin-bottom:4px;font-size:18px;font-weight:600}.cycle-card-title p{color:var(--text-secondary);font-size:13px}.cycle-status{border-radius:var(--radius-sm);text-transform:uppercase;padding:6px 12px;font-size:12px;font-weight:600}.cycle-status.active{color:#27ae60;background:#27ae6033}.cycle-status.planned{color:#3498db;background:#3498db33}.cycle-status.completed{color:#95a5a6;background:#95a5a633}.cycle-card-body{padding:20px}.cycle-progress-bar{background:var(--bg-hover);border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.cycle-progress-fill{background:var(--primary-gradient);border-radius:4px;height:100%;transition:width .3s}.cycle-info-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.cycle-info-item{flex-direction:column;gap:4px;display:flex}.cycle-info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.cycle-info-value{font-size:16px;font-weight:600}.cycle-compounds{margin-bottom:16px}.cycle-compounds h4{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.compound-tag{background:var(--bg-hover);border-radius:var(--radius-sm);margin-bottom:8px;margin-right:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.cycle-card-actions{gap:8px;display:flex}.cycle-card-actions button{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);flex:1;padding:10px;font-size:14px;font-weight:600}.cycle-card-actions button:hover{background:var(--bg-card);border-color:var(--border-hover)}.cycle-card-actions button.primary{background:var(--primary-gradient);color:#fff;border-color:#0000}.empty-state{text-align:center;border:1px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;align-items:center;padding:70px 32px;display:flex}.empty-state-icon{background:var(--bg-hover);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.empty-state-icon svg{fill:var(--text-secondary);opacity:.7}.empty-state svg{opacity:.5;fill:var(--text-secondary);margin-bottom:24px}.empty-state h3{margin-bottom:8px;font-size:22px;font-weight:700}.empty-state p{color:var(--text-secondary);max-width:420px;margin-bottom:24px}.empty-state .btn-primary{align-items:center;gap:8px;display:inline-flex}.empty-icon{opacity:.8;margin-bottom:16px;font-size:48px}.modal{z-index:9999;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#000c;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);z-index:2;margin:auto;position:relative;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);z-index:10;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.modal-header h3{flex:1;font-size:20px;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;transition:all var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:16px;padding:0;font-size:24px;line-height:1;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:24px;display:flex}.cycle-detail-modal .modal-content{max-width:900px}.cycle-detail-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cycle-detail-tabs{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:24px;display:flex}.cycle-detail-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:15px;font-weight:600}.cycle-detail-tab:hover{color:var(--text-primary)}.cycle-detail-tab.active{color:#f39c12;border-bottom-color:#f39c12}.cycle-detail-content{display:none}.cycle-detail-content.active{display:block}.compounds-table{border-collapse:collapse;width:100%;margin-bottom:24px}.compounds-table th,.compounds-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px}.compounds-table th{background:var(--bg-hover);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.compounds-table tr:hover{background:var(--bg-hover)}.schedule-calendar{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:24px;display:grid}.calendar-day{aspect-ratio:1;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-base);flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex}.calendar-day.injection{background:#f39c1233;border-color:#f39c12}.calendar-day.bloodwork{background:#e74c3c33;border-color:#e74c3c}.calendar-day:hover{transform:scale(1.05)}.calendar-day-number{margin-bottom:4px;font-weight:700}.calendar-day-label{color:var(--text-secondary);justify-content:center;align-items:center;font-size:10px;display:inline-flex}.create-cycle-modal .modal-content{max-width:880px}.cycle-form-section{margin-bottom:32px}.cycle-form-section h4{color:#f39c12;margin-bottom:16px;font-size:16px;font-weight:600}.compound-entry{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:16px;padding:20px;position:relative}.compound-entry-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.compound-entry-header h5{font-size:15px;font-weight:600}.remove-compound-btn{border-radius:var(--radius-sm);color:#e74c3c;cursor:pointer;transition:all var(--transition-base);background:#e74c3c1a;border:1px solid #e74c3c4d;padding:6px 12px;font-size:13px;font-weight:600}.remove-compound-btn:hover{background:#e74c3c33}.add-compound-btn{background:var(--bg-hover);border:2px dashed var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);padding:12px;font-size:14px;font-weight:600}.add-compound-btn:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text-primary)}.concentration-chart-container{background:var(--bg-hover);border-radius:var(--radius-md);margin-top:24px;padding:20px}.concentration-chart-container h4{margin-bottom:16px;font-size:16px;font-weight:600}#concentrationChart{max-height:300px}.chart-legend{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.legend-item{align-items:center;gap:8px;font-size:13px;display:flex}.legend-color{border-radius:2px;width:20px;height:4px}@media (max-width:768px){.cycles-container{padding:20px}.action-bar{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column}.cycles-grid,.cycle-info-grid{grid-template-columns:1fr}.schedule-calendar{grid-template-columns:repeat(4,1fr)}}.profile-container{padding:30px}.profile-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;padding:40px;display:flex}.profile-avatar-section{align-items:center;gap:24px;display:flex}.avatar-upload{width:120px;height:120px;position:relative}.profile-avatar{object-fit:cover;border:4px solid var(--border-color);border-radius:50%;width:100%;height:100%}.btn-upload{background:var(--primary-gradient);border:3px solid var(--bg-card);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.btn-upload:hover{transform:scale(1.1)}.btn-upload:disabled{cursor:not-allowed;opacity:.8}.btn-upload svg{fill:#fff;width:20px;height:20px}.btn-upload svg.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.profile-avatar-error{color:#e74c3c;margin-top:4px;font-size:12px}.profile-info h2{margin-bottom:4px;font-size:28px;font-weight:700}.profile-info p{color:var(--text-secondary);margin-bottom:12px}.profile-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-badge{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.profile-badge.free{background:var(--primary-gradient);color:#fff;border-color:#0000}.profile-badge-muted{color:var(--text-secondary);font-size:12px}.profile-avatar-fallback{background:var(--primary-gradient);color:#fff;justify-content:center;align-items:center;font-size:42px;font-weight:700;display:flex}.profile-stats{gap:40px;display:flex}.profile-stat{text-align:center}.profile-stat .stat-value{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;display:block}.profile-stat .stat-label{color:var(--text-secondary);margin-top:4px;font-size:13px;display:block}.profile-tabs{gap:12px;margin-bottom:30px;padding-bottom:2px;display:flex;overflow-x:auto}.profile-tab{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;padding:12px 24px;font-size:15px;font-weight:600}.profile-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-tab.active{background:var(--primary-gradient);color:#fff;border-color:#0000}.profile-tab-content{display:none}.profile-tab-content.active{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));align-items:start;gap:24px;animation:.4s ease-out fadeIn;display:grid}@media (max-width:900px){.profile-tab-content.active{grid-template-columns:1fr}}.btn-edit{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.btn-edit:hover{background:var(--bg-card);border-color:var(--border-hover)}.btn-edit svg{fill:currentColor;width:16px;height:16px}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);padding:12px 16px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-card);border-color:#f39c12;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.toggle-switch{width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-hover);border:1px solid var(--border-color);transition:var(--transition-base);border-radius:26px;position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;transition:var(--transition-base);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background:var(--primary-gradient);border-color:#0000}input:checked+.toggle-slider:before{transform:translate(24px)}.security-option,.preference-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.security-option:last-child,.preference-item:last-child{border-bottom:none}.security-info h4,.preference-info h4{margin-bottom:4px;font-size:15px;font-weight:600}.security-info p,.preference-info p{color:var(--text-secondary);font-size:13px}.security-preview-tag{color:#f39c12;background:#f39c121a;border:1px solid #f39c124d;border-radius:999px;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.security-success-banner{border-radius:var(--radius-md);color:#27ae60;background:#27ae601a;border:1px solid #27ae604d;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.security-error-banner{border-radius:var(--radius-md);color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c4d;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.password-strength{align-items:center;gap:10px;margin-top:8px;display:flex}.strength-bars{flex:1;gap:4px;display:flex}.strength-bars span{background:var(--bg-hover);height:4px;transition:background var(--transition-base);border-radius:2px;flex:1}.strength-bars span.filled.s1{background:#e74c3c}.strength-bars span.filled.s2{background:#e67e22}.strength-bars span.filled.s3{background:#f39c12}.strength-bars span.filled.s4{background:#2ecc71}.strength-bars span.filled.s5{background:#27ae60}.strength-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.session-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.session-item:last-child{border-bottom:none}.session-info h4{margin-bottom:4px;font-size:15px;font-weight:600}.session-info p{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.session-time{color:var(--text-muted);font-size:12px}.session-badge{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:600}.session-badge.current{color:#27ae60;background:#27ae6033}.danger-zone{border:1px solid #e74c3c4d}.danger-zone .card-header{background:#e74c3c1a;border-bottom-color:#e74c3c4d}.danger-zone .card-header h3{color:#e74c3c}.danger-action{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.danger-action:last-child{border-bottom:none}.danger-info h4{margin-bottom:4px;font-size:15px;font-weight:600}.danger-info p{color:var(--text-secondary);font-size:13px}.password-strength{background:var(--bg-hover);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.strength-bar{width:0;height:100%;transition:all var(--transition-base);border-radius:2px}.strength-bar.weak{background:#e74c3c;width:33%}.strength-bar.medium{background:#f39c12;width:66%}.strength-bar.strong{background:#27ae60;width:100%}@media (max-width:768px){.profile-container{padding:20px}.profile-header{flex-direction:column;align-items:flex-start;padding:24px}.profile-stats{justify-content:space-around;width:100%}.form-row,.profile-tab-content.active{grid-template-columns:1fr}}.workouts-container{padding:30px}.action-buttons{gap:12px;display:flex}.workout-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.workouts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.workout-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.workout-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.workout-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.workout-card-title{flex:1}.workout-card-title h3{margin-bottom:4px;font-size:18px;font-weight:600}.workout-card-title p{color:var(--text-secondary);font-size:13px}.category-badge{border-radius:var(--radius-sm);text-transform:uppercase;padding:6px 12px;font-size:12px;font-weight:600}.workout-card-body{padding:20px}.workout-exercises{margin-bottom:16px}.workout-exercises h4{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.exercise-preview{background:var(--bg-hover);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.exercise-preview:hover{background:var(--bg-card)}.exercise-icon{background:var(--primary-gradient);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.exercise-icon svg{fill:#fff;width:24px;height:24px}.exercise-info{flex:1}.exercise-name{margin-bottom:2px;font-weight:600}.exercise-details{color:var(--text-secondary);font-size:12px}.workout-card-actions{gap:8px;display:flex}.workout-card-actions button{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);flex:1;padding:12px;font-size:14px;font-weight:600}.workout-card-actions button:hover{background:var(--bg-card);border-color:var(--border-hover)}.workout-card-actions button.primary{background:var(--primary-gradient);color:#fff;border-color:#0000}.workout-card-actions button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f39c124d}@media (max-width:768px){.workouts-container{padding:20px}.action-bar{flex-direction:column;align-items:stretch}.action-buttons,.filter-group{flex-direction:column}.workout-stats,.workouts-grid{grid-template-columns:1fr}}.toast-stack{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;align-items:flex-start;gap:10px;padding:14px 16px;animation:.25s cubic-bezier(.4,0,.2,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;margin-top:1px;display:flex}.toast-message{color:var(--text-primary);flex:1;font-size:14px;font-weight:500;line-height:1.5}.toast-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.toast-close:hover{color:var(--text-primary);background:var(--bg-hover)}.toast--success{border-left:3px solid #27ae60}.toast--success .toast-icon{color:#27ae60}.toast--error{border-left:3px solid #e74c3c}.toast--error .toast-icon{color:#e74c3c}.toast--warning{border-left:3px solid #f39c12}.toast--warning .toast-icon{color:#f39c12}.toast--info{border-left:3px solid #4f9dff}.toast--info .toast-icon{color:#4f9dff}@media (max-width:480px){.toast-stack{max-width:none;top:16px;left:16px;right:16px}}.confirm-modal-content{max-width:420px}.confirm-modal-content .modal-body h3{margin-bottom:10px;font-size:18px;font-weight:700}.confirm-modal-content .modal-body p{color:var(--text-secondary);font-size:14px;line-height:1.6}@media (max-width:400px){html,body{overflow-x:hidden}.hero-title{font-size:28px}.modal{padding:12px}.modal-header,.modal-body,.modal-footer,.card-header,.card-body,.stats-grid,.dashboard-grid,.cycles-container,.workouts-container,.profile-container{padding:16px}.topbar{padding:0 16px 0 62px}.sidebar-header h2{font-size:17px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}