@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.app{width:100vw;height:100vh;background:url(/new_background.png) no-repeat center center fixed;background-size:cover;background-position:center;overflow:hidden}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:calc(100vh - 5.2rem);overflow-y:auto;overflow-x:hidden;position:relative}.cl-avatarBox{height:3rem;width:3rem;border:#bab5b5 solid 1px;border-radius:0%;transition:transform .3s ease;overflow:hidden;transform-origin:center}.cl-avatarBox:hover{transform:scale(1.2)}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;width:100%;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(180deg,#1a1a2ef2,#0f0f23fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-border);padding:var(--space-2) 0;z-index:1000;box-shadow:0 -4px 20px #0000004d}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;min-height:56px}.nav-item:before{content:"";position:absolute;top:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transform:translate(-50%);transition:width var(--duration-normal) var(--ease-out)}.nav-item:hover{color:var(--color-text-secondary)}.nav-item:active{transform:scale(.95)}.nav-item--active{color:var(--color-primary)}.nav-item--active:before{width:60%}.nav-item--active .nav-item__icon{transform:translateY(-2px);filter:drop-shadow(0 4px 8px rgba(99,102,241,.3))}.nav-item__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out)}.nav-item__icon svg{width:100%;height:100%}.nav-item__label{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.02em;transition:all var(--duration-normal) var(--ease-out)}.nav-item:hover .nav-item__icon{transform:translateY(-1px)}@media (max-width: 480px){.nav-item__label{font-size:.65rem}.nav-item{padding:var(--space-1)}}@media (min-width: 768px){.bottom-navigation{padding:var(--space-3) var(--space-4)}.nav-item{max-width:120px}}.nav-item:focus,.nav-item:focus-visible{outline:none;box-shadow:none}@media (prefers-reduced-motion: reduce){.nav-item,.nav-item:before,.nav-item__icon,.nav-item__label{transition:none}}.footer-2{position:fixed;bottom:0;left:0;height:4rem;width:100%;background-color:#333;margin-top:2rem}.footer{display:flex;font-size:.8rem;flex-direction:column;align-items:center;width:100%;background:#333;color:#fff;text-align:center;position:fixed;bottom:0;left:0;height:4rem;margin-top:2rem}.footer-content{margin-top:.2rem;padding:.2rem;height:2rem;display:flex;flex-direction:row;width:auto;justify-content:space-evenly}.footer-text{margin-left:.6rem;margin-right:.6rem;margin-top:.4rem}.rights{display:flex;justify-content:center;align-items:flex-start;height:1rem;margin-bottom:.8rem}.logo{margin-bottom:8rem;height:4rem;max-width:100%}.logo-img{height:11rem}.login-form{position:absolute;right:3rem;top:2rem;height:3rem;width:3rem}.navItem{border:1px solid #ccc;margin:1em;text-align:center;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000001a;height:16rem;width:16rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:background-color .3s,transform .3s}.navItem:hover{transform:scale(1.05);cursor:pointer}.navItem-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.navItem-content{font-size:1.1em;margin-top:1em;z-index:2;position:relative;color:#fff;padding:1em;border-radius:8px}.navItem-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.dashboard{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:2em;overflow-y:scroll;height:38rem;max-width:1200px;box-sizing:border-box;scrollbar-width:none}.welcome-message{font-size:large;font-weight:600;text-align:center;margin-top:3rem}@media (min-width: 1024px){.dashboard{display:flex;justify-content:center;align-items:center}}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:var(--gradient-bg)}.animated-bg--grid{background:var(--gradient-bg)}.animated-bg__grid{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-image:linear-gradient(rgba(99,102,241,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.3) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}.animated-bg__gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(99,102,241,.1) 0%,rgba(139,92,246,.05) 25%,transparent 50%);animation:gradientPulse 8s ease-in-out infinite alternate}.animated-bg--dots{background:var(--gradient-bg)}.animated-bg__dots{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;background-image:radial-gradient(circle,rgba(99,102,241,.4) 1px,transparent 1px);background-size:30px 30px;animation:dotsFloat 15s ease-in-out infinite}.animated-bg--particles{background:var(--gradient-bg)}.animated-bg__canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6}.animated-bg--waves{background:var(--gradient-bg)}.animated-bg__waves{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.wave{position:absolute;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(99,102,241,.1),transparent);border-radius:50%}.wave-1{top:-50%;left:-50%;animation:waveRotate 20s linear infinite}.wave-2{top:-50%;left:-50%;animation:waveRotate 25s linear infinite reverse;opacity:.5}.wave-3{top:-50%;left:-50%;animation:waveRotate 30s linear infinite;opacity:.3}.animated-bg--low .animated-bg__grid{opacity:.05;background-size:80px 80px}.animated-bg--medium .animated-bg__grid{opacity:.1;background-size:50px 50px}.animated-bg--high .animated-bg__grid{opacity:.15;background-size:30px 30px}.animated-bg--low .animated-bg__dots{opacity:.1;background-size:50px 50px}.animated-bg--medium .animated-bg__dots{opacity:.2;background-size:30px 30px}.animated-bg--high .animated-bg__dots{opacity:.3;background-size:20px 20px}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes gradientPulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}@keyframes dotsFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes waveRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animated-bg:not(.animated-bg--animated) .animated-bg__grid{animation:none}.animated-bg:not(.animated-bg--animated) .animated-bg__gradient{animation:none}.animated-bg:not(.animated-bg--animated) .animated-bg__dots{animation:none}.animated-bg:not(.animated-bg--animated) .wave{animation:none}@media (max-width: 768px){.animated-bg__grid{background-size:40px 40px}.animated-bg--low .animated-bg__grid{background-size:60px 60px}.animated-bg--high .animated-bg__grid,.animated-bg__dots{background-size:25px 25px}.animated-bg--low .animated-bg__dots{background-size:40px 40px}.animated-bg--high .animated-bg__dots{background-size:15px 15px}}@media (prefers-reduced-motion: reduce){.animated-bg__grid,.animated-bg__gradient,.animated-bg__dots,.wave{animation:none}.animated-bg__canvas{display:none}}@media (prefers-contrast: high){.animated-bg__grid{opacity:.05}.animated-bg__dots{opacity:.1}.animated-bg__gradient{opacity:.2}}.layout{display:flex;flex-direction:column;height:100%}.layout-content{flex:1;overflow:visible;padding-bottom:8rem;position:relative;z-index:1}.card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.card--default{background:var(--color-bg-card)}.card--elevated{background:var(--color-bg-card);box-shadow:0 10px 40px #0006,0 2px 10px #6366f11a;transform:translateY(-2px)}.card--outlined{background:transparent;border:2px solid var(--color-border)}.card--filled{background:var(--color-bg-secondary);border:none}.card--glass{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #ffffff0d,0 0 40px #6366f11a}.card--glass:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:inset 0 0 20px #ffffff14,0 0 40px #6366f133}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-4)}.card--padding-md{padding:var(--space-6)}.card--padding-lg{padding:var(--space-8)}.card--hover:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card--hover:hover:before{opacity:1}.card--clickable{cursor:pointer}.card--clickable:active{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.card--gradient{background:var(--gradient-card)}.card__gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-card);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.card--gradient:hover .card__gradient-overlay{opacity:1}.card__content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.card__header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.card__body{flex:1;display:flex;flex-direction:column}.card__footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.card__description{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:var(--leading-normal)}.card--workout{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.2)}.card--workout:hover{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f14d;box-shadow:0 8px 32px #6366f133}.card--exercise{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.2)}.card--exercise:hover{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d;box-shadow:0 8px 32px #10b98133}.card--stats{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid rgba(245,158,11,.2)}.card--stats:hover{background:linear-gradient(135deg,#f59e0b26,#d977061a);border-color:#f59e0b4d;box-shadow:0 8px 32px #f59e0b33}.card--loading{position:relative;overflow:hidden}.card--loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.card--padding-lg{padding:var(--space-6)}.card--padding-md{padding:var(--space-4)}.card__title{font-size:var(--text-lg)}.card__footer{flex-direction:column;align-items:stretch;gap:var(--space-3)}}@media (prefers-color-scheme: dark){.card{box-shadow:0 4px 6px -1px #0000004d}.card--hover:hover{box-shadow:0 20px 25px -5px #0000004d}}.workout-card{cursor:pointer;background:var(--color-bg-card)!important;border:1px solid var(--color-border)!important;transition:all var(--duration-normal) var(--ease-out)}.workout-card:hover{transform:translateY(-4px);box-shadow:0 0 20px #8b5cf699,0 0 40px #6366f166,0 20px 60px #8b5cf64d,inset 0 0 20px #8b5cf61a;border-color:#8b5cf699!important;background:linear-gradient(135deg,#6366f11a,#8b5cf60d)!important}.workout-card__ai-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:linear-gradient(135deg,var(--color-accent-purple) 0%,#a855f7 100%);color:#fff;font-size:10px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.workout-card__stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.workout-card__stat{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--color-text-secondary)}.workout-card__stat svg{width:16px;height:16px;opacity:.7}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:2rem}.btn--md{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:2.5rem}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:3rem}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover:not(.btn--disabled):not(.btn--loading){transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn--primary:active:not(.btn--disabled):not(.btn--loading){transform:translateY(0);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--secondary:hover:not(.btn--disabled):not(.btn--loading){background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(.btn--disabled):not(.btn--loading){background:var(--color-bg-card);color:var(--color-text-primary)}.btn--danger{background:linear-gradient(135deg,var(--color-accent-red) 0%,#dc2626 100%);color:#fff;box-shadow:var(--shadow-md)}.btn--danger:hover:not(.btn--disabled):not(.btn--loading){transform:translateY(-1px);box-shadow:var(--shadow-lg),0 0 20px #ef44444d}.btn--success{background:linear-gradient(135deg,var(--color-accent-green) 0%,#059669 100%);color:#fff;box-shadow:var(--shadow-md)}.btn--success:hover:not(.btn--disabled):not(.btn--loading){transform:translateY(-1px);box-shadow:var(--shadow-lg),0 0 20px #10b9814d}.btn--warning{background:linear-gradient(135deg,var(--color-accent-orange) 0%,#d97706 100%);color:#fff;box-shadow:var(--shadow-md)}.btn--warning:hover:not(.btn--disabled):not(.btn--loading){transform:translateY(-1px);box-shadow:var(--shadow-lg),0 0 20px #f59e0b4d}.btn--disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn--loading{cursor:wait;pointer-events:none}.btn__content{transition:opacity var(--duration-fast) var(--ease-out)}.btn__content--hidden{opacity:0}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon--left{margin-right:var(--space-1)}.btn__icon--right{margin-left:var(--space-1)}.btn__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width var(--duration-normal) var(--ease-out),height var(--duration-normal) var(--ease-out)}.btn:active:not(.btn--disabled):not(.btn--loading):before{width:300px;height:300px}@media (max-width: 768px){.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:2.75rem}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:2.25rem}}body{background-color:#282c34;color:#fff}.workouts-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem;max-width:1200px;margin:1rem auto}.workout-card{background-color:#44475a;color:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;border-radius:15px;width:18rem;padding:25px;box-shadow:0 4px 10px #0006;transition:transform .3s,box-shadow .3s}.workout-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 8px 20px #0009;cursor:pointer}.add-workout-container{display:flex;justify-content:center;align-items:center;margin-top:var(--space-16);margin-bottom:var(--space-8)}.add-workout-button{min-width:200px;box-shadow:0 4px 20px #6366f14d;transition:all var(--duration-normal) var(--ease-out)}.add-workout-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #6366f166}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;overflow-y:scroll;max-height:90vh;border-radius:8px}.modal-content{background:#fff;color:#000;padding:20px;border-radius:8px;position:relative;width:80%;max-width:600px;display:flex;flex-direction:column;align-items:center;font-weight:400;overflow-y:scroll;max-height:85vh;margin-top:3rem}.close-button{color:#000;position:absolute;top:10px;right:10px;cursor:pointer;font-size:18px;background:none;border:none}.workout-table{width:100%;margin-top:10px;border-collapse:collapse}.workout-table th,.workout-table td{border:1px solid #ccc;padding:8px;text-align:center}.modal-buttons{display:flex;flex-direction:column!important;justify-content:space-between;align-items:flex-end;margin-top:20px}.regenerate-button{padding:10px 20px;margin-bottom:1rem;cursor:pointer;width:400px;border-radius:8px;font-weight:700;max-width:80%}.save-workout-button{padding:10px 20px;margin-bottom:1rem;cursor:pointer;width:400px;background-color:green;border-radius:8px;font-weight:700;max-width:80%}.confirmation-message{color:green;font-weight:700;margin-top:20px}.input-field{position:relative;display:flex;flex-direction:column;gap:var(--space-2);width:100%;border:none!important;outline:none!important}.input-field__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;transition:color var(--duration-normal) var(--ease-out)}.input-field--focused .input-field__label{color:var(--color-primary)}.input-field--error .input-field__label{color:var(--color-accent-red)}.input-field__required{color:var(--color-accent-red);margin-left:var(--space-1)}.input-field__container{position:relative;display:flex;align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.input-field__container:hover:not(.input-field--disabled .input-field__container){background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.input-field--focused .input-field__container{background:var(--color-bg-card-hover);border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.input-field--error .input-field__container{border-color:var(--color-accent-red);box-shadow:0 0 0 3px #ef44441a}.input-field--disabled .input-field__container{background:#ffffff05;border-color:#ffffff0d;opacity:.5;cursor:not-allowed}.input-field__input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);transition:all var(--duration-normal) var(--ease-out)}.input-field__input::placeholder{color:#fff9;transition:color var(--duration-normal) var(--ease-out)}.input-field--focused .input-field__input::placeholder{color:transparent}.input-field__input:disabled{cursor:not-allowed}.input-field--sm .input-field__container{padding:var(--space-2) var(--space-3);min-height:2rem}.input-field--sm .input-field__input{font-size:var(--text-sm)}.input-field--md .input-field__container{padding:var(--space-3) var(--space-4);min-height:2.5rem}.input-field--lg .input-field__container{padding:var(--space-4) var(--space-5);min-height:3rem}.input-field--lg .input-field__input{font-size:var(--text-lg)}.input-field__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color var(--duration-normal) var(--ease-out);flex-shrink:0}.input-field--focused .input-field__icon{color:var(--color-primary)}.input-field--error .input-field__icon{color:var(--color-accent-red)}.input-field__icon--left{margin-right:var(--space-2)}.input-field__icon--right{margin-left:var(--space-2)}.input-field--has-icon-left .input-field__container{padding-left:var(--space-3)}.input-field--has-icon-right .input-field__container{padding-right:var(--space-3)}.input-field__border{position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary);transform:translate(-50%);transition:width var(--duration-normal) var(--ease-out)}.input-field--focused .input-field__border{width:100%}.input-field--error .input-field__border{background:var(--color-accent-red)}.input-field__helper{display:flex;align-items:center;gap:var(--space-1);min-height:1.25rem}.input-field__helper-text{font-size:var(--text-xs);color:var(--color-text-muted)}.input-field__error-text{font-size:var(--text-xs);color:var(--color-accent-red);font-weight:var(--font-medium)}.input-field--outlined .input-field__container{background:transparent;border:2px solid var(--color-border)}.input-field--filled .input-field__container{background:var(--color-bg-secondary);border:none;border-bottom:2px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.input-field--underlined .input-field__container{background:transparent;border:none;border-bottom:1px solid var(--color-border);border-radius:0;padding-left:0;padding-right:0}.input-field--floating{position:relative}.input-field--floating .input-field__label{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);pointer-events:none;transition:all var(--duration-normal) var(--ease-out);background:var(--color-bg-primary);padding:0 var(--space-1);z-index:1}.input-field--floating.input-field--focused .input-field__label,.input-field--floating.input-field--has-value .input-field__label{top:0;left:var(--space-3);transform:translateY(-50%);font-size:var(--text-xs);color:var(--color-primary)}.input-field--floating.input-field--has-icon-left .input-field__label{left:calc(var(--space-4) + 24px + var(--space-2))}@keyframes labelFloat{0%{top:50%;font-size:var(--text-sm)}to{top:0;font-size:var(--text-xs)}}@media (max-width: 768px){.input-field--lg .input-field__container{padding:var(--space-3) var(--space-4);min-height:2.75rem}.input-field--lg .input-field__input{font-size:var(--text-base)}}@media (prefers-reduced-motion: reduce){.input-field__container,.input-field__label,.input-field__icon,.input-field__border,.input-field__input{transition:none}}@media (prefers-contrast: high){.input-field__container{background:#000;border:2px solid #ffffff}.input-field__input,.input-field__label{color:#fff}.input-field--focused .input-field__container{border-color:#fff;box-shadow:0 0 0 3px #fff}}@media (prefers-color-scheme: dark){.input-field__input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-bg-card) inset;-webkit-text-fill-color:white}}.input-field__input:-webkit-autofill,.input-field__input:-webkit-autofill:hover,.input-field__input:-webkit-autofill:focus,.input-field__input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--color-bg-card) inset;-webkit-text-fill-color:white!important}.form-title{text-align:center;font-size:1.5em;margin-bottom:1rem;color:#f39c12}.form-group{margin-bottom:1rem;width:93%}label{color:#f39c12!important;font-weight:700;font-size:1em;display:block;margin-bottom:.3rem}.form-input{width:100%;padding:8px;border:2px solid #555;border-radius:5px;background-color:#44475a;color:#fff;font-size:1em;transition:border-color .3s}.form-input:focus{outline:none;border-color:#f39c12}.ai-workout-generator-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;width:100%;max-width:600px;margin:0 auto;gap:1rem;min-height:calc(100vh - 4rem)}.weight-form{display:flex;flex-direction:column;align-items:center}.weight-form input{width:calc(100% - 24px);padding:10px;border:2px solid #555;border-radius:5px;background-color:#44475a;color:#fff;font-size:1em;margin-bottom:1rem;transition:border-color .3s}.weight-form input:focus{outline:none;border-color:#f39c12}.weight-form button{width:100%;padding:12px;font-size:1.1em;font-weight:700;color:#fff;background-color:#f39c12;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .3s}.weight-form button:hover{background-color:#e67e22;transform:translateY(-2px)}.weight-form button:active{transform:translateY(0)}@media (max-width: 575px){.weight-form,.weight-form input,.weight-form button,.time-range-selector select{width:90%;margin-bottom:.5em;font-size:1em}.log{padding:1rem}}@media (max-width: 575px){.weight-form,.weight-form input,.weight-form button,.time-range-selector select{width:9 0%;margin-bottom:.5em;font-size:1em}.log{display:flex;flex-direction:column;align-items:center}}.log{margin-top:2rem;padding:1.5rem;background-color:#2c2f36;border-radius:15px;border:3px solid #f39c12;box-shadow:0 4px 12px #0006;max-width:600px;margin-left:auto;margin-right:auto;color:#fff}.log h4{text-align:center;font-size:1.3em;margin-bottom:1rem;color:#f39c12}.body-fat-form input{width:calc(100% - 24px);padding:10px;border:2px solid #555;border-radius:5px;background-color:#44475a;color:#fff;font-size:1em;margin-bottom:1rem;transition:border-color .3s}.body-fat-form input:focus{outline:none;border-color:#f39c12}.body-fat-form button{width:100%;padding:12px;font-size:1.1em;font-weight:700;color:#fff;background-color:#f39c12;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .3s}.body-fat-form button:hover{background-color:#e67e22;transform:translateY(-2px)}.body-fat-form button:active{transform:translateY(0)}.time-range-selector select{width:100%;padding:10px;border:2px solid #555;border-radius:5px;background-color:#44475a;color:#fff;font-size:1em;margin-top:1.5rem;transition:border-color .3s}.time-range-selector select:focus{outline:none;border-color:#f39c12}.log{display:flex;flex-direction:column;align-items:center}@media (max-width: 575px){.body-fat-form,.body-fat-form input,.body-fat-form button,.time-range-selector select{width:90%;margin-bottom:.5em;font-size:1em}.log{display:flex;flex-direction:column;align-items:center}}.profile-container{box-sizing:border-box;width:100%;max-width:1200px;margin-top:4rem;padding:1em}.profile-container h2,.profile-container h3{text-align:center}.weight-chart,.body-fat-chart{width:100%;margin:1.5em auto}.workout-form{width:90%;max-width:800px;margin-bottom:20px}.workout-form label{display:block;margin-bottom:10px;width:100%}.workout-form input{width:100%;padding:8px;box-sizing:border-box;margin-top:5px}.exercise-table{width:100%;max-width:1000px;margin:0 auto var(--space-8) auto;border-collapse:separate;border-spacing:0;background:#1a1a2ed9;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exercise-table th{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:2px solid var(--color-border)}.exercise-table td{color:var(--color-text-primary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease-out)}.exercise-table tbody tr{transition:all var(--duration-fast) var(--ease-out)}.exercise-table tbody tr:hover{background:#6366f10d}.exercise-table tbody tr:last-child td{border-bottom:none}.exercise-table input[type=text],.exercise-table input[type=number]{width:100%;padding:var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.exercise-table input[type=text]:focus,.exercise-table input[type=number]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;background:var(--color-bg-tertiary)}.exercise-table input[type=number]{text-align:center;max-width:80px}.delete-exercise-button{background:linear-gradient(135deg,var(--color-accent-red) 0%,#dc2626 100%);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-width:40px;height:36px;display:flex;align-items:center;justify-content:center}.delete-exercise-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05);box-shadow:0 4px 12px #ef44444d}.delete-exercise-button:active{transform:scale(.98)}.exercise-table button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center}.exercise-table button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-light) 100%);transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.video-icon{color:var(--color-primary);font-size:1.5em;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:block;margin:0 auto}.video-icon:hover{color:var(--color-primary-light);transform:scale(1.1)}.exercise-table a{display:inline-block;text-decoration:none}@media (max-width: 768px){.exercise-table{font-size:var(--text-sm);border-radius:var(--radius-md)}.exercise-table th,.exercise-table td{padding:var(--space-2)}.exercise-table th{font-size:.7rem;letter-spacing:.3px}.exercise-table input[type=text],.exercise-table input[type=number]{padding:var(--space-1);font-size:var(--text-xs)}.exercise-table input[type=number]{max-width:60px}.delete-exercise-button{padding:var(--space-1) var(--space-2);min-width:32px;height:32px;font-size:var(--text-base)}.video-icon{font-size:1.2em}}@media (max-width: 480px){.exercise-table{font-size:.75rem}.exercise-table th{padding:var(--space-1) var(--space-2);font-size:.65rem}.exercise-table td{padding:var(--space-1) var(--space-2)}.exercise-table input[type=number]{max-width:50px}}@media (prefers-reduced-motion: reduce){.exercise-table tbody tr,.exercise-table input,.delete-exercise-button,.video-icon{transition:none}.delete-exercise-button:hover,.exercise-table button:hover{transform:none}}.workout-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center;width:100%;max-width:800px;margin:var(--space-6) auto;padding:var(--space-4)}@media (max-width: 768px){.workout-controls{flex-direction:column;gap:var(--space-2)}.workout-controls .btn{width:100%;max-width:300px}}@media (min-width: 769px){.workout-controls{flex-direction:row;justify-content:center}.workout-controls .btn{min-width:120px}}.exercise-modal-overlay{background-color:#000000bf}.exercise-modal{position:absolute;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);background:#fff;padding:20px;width:90%;max-width:85vw;box-shadow:0 5px 15px #0003;border-radius:15px;border:3px solid #f39c12}.exercise-form{display:flex;flex-direction:column;align-items:center;gap:10px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;color:#333}.input-field{padding:8px;font-size:1em;border:1px solid #ccc;border-radius:4px}.modal-buttons{display:flex;flex-direction:column;align-items:center;width:70%}.save-button{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;flex:1;margin-top:0}.workout-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding:var(--space-4);box-sizing:border-box;margin-top:var(--space-12);min-height:100vh}.workout-header{width:100%;max-width:800px;text-align:center;margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.workout-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;margin-bottom:var(--space-3);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workout-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media (max-width: 768px){.workout-container{margin-top:var(--space-8);padding:var(--space-3)}.workout-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.workout-title{font-size:var(--text-2xl)}.workout-description{font-size:var(--text-base)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow-x:hidden;box-sizing:border-box}#root{display:flex;flex-direction:column;height:100%}:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #8b5cf6;--color-bg-primary: #0f0f23;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #16213e;--color-bg-card: rgba(255, 255, 255, .05);--color-bg-card-hover: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-accent-green: #10b981;--color-accent-orange: #f59e0b;--color-accent-red: #ef4444;--color-accent-purple: #8b5cf6;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-card: linear-gradient(135deg, rgba(99, 102, 241, .1) 0%, rgba(139, 92, 246, .1) 100%);--gradient-bg: radial-gradient(ellipse at top, #1a1a2e 0%, #0f0f23 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--gradient-bg);color:var(--color-text-primary);min-height:100vh;line-height:var(--leading-normal)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary);color:#fff}