:root{--bs-heading-color:#fff!important;--main-color:#00879d;--main-color-lighter:#1895a8;--main-color-dark:#147988;--header-color:#272727;--background-color:#747474;--text-color:#e2e2e2;--text-color-main:#00879d;--text-color-dark:#555;--text-color-light:#f5f5f5;--color-green:#00cf7c;--color-red:#FF652F;--color-blue:#02acca;--color-yellow:#E0FF7F}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:white;height:100dvh}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#0f3036}::-webkit-scrollbar-thumb{background:#272727}::-webkit-scrollbar-thumb:hover{background:#02acca}h1{font-size:1.5rem}h1,h2{font-family:Roboto,sans-serif}h2{font-size:1.3rem}h3{font-size:1.1rem}h3,h4{font-family:Roboto,sans-serif}h4{font-size:1rem}h5{font-family:Roboto,sans-serif;font-size:.9rem}p{-webkit-margin-after:.3rem;margin-block-end:.3rem;-webkit-margin-before:.3rem;margin-block-start:.3rem}a,button,label,li,ol,p,span,ul{font-family:Roboto,sans-serif;font-size:.8rem;line-height:150%;letter-spacing:1.4px}nav{display:flex;justify-content:flex-end;width:-webkit-fill-available;padding:.5rem;align-items:center;background-color:#272727;z-index:2}nav,nav a{color:white}nav a{text-decoration:none;transition:all .3s ease-in-out;font-family:Roboto,sans-serif;font-size:.8rem;line-height:150%;letter-spacing:1.4px}nav a:hover{text-decoration:underline;color:var(--main-color-lighter)}.log-out-btn{flex:1 1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{-webkit-padding-start:1rem;padding-inline-start:1rem}#root{display:flex;width:100%;flex-direction:column}.btn-color-red{background-color:#FF652F!important;color:white!important}.btn-color-green{background-color:var(--main-color-lighter)!important;color:white!important}.btn-color-yellow{background-color:#E0FF7F!important;color:black!important}.container{width:100%;min-height:80%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;position:relative}.workout-buttons{display:flex;gap:1rem;margin-bottom:1rem;justify-content:center;flex-wrap:wrap}.workout-buttons .blue-btn{margin:0}.blue-btn{background-color:#272727;color:white;border:none;border-radius:5px;padding:.5rem .7rem;margin:.5rem;cursor:pointer;transition:.3s}.blue-btn:hover{background-color:#3d3d3d;color:white;box-shadow:0 0 10px rgba(0,0,0,.2)}.cancel-btn{background-color:#FF652F;color:white;border:none;border-radius:5px;padding:.5rem;margin:0;cursor:pointer;transition:.3s}.cancel-btn:hover{background-color:#f85418;color:white;box-shadow:0 0 10px rgba(0,0,0,.2)}.save-btn{background-color:var(--main-color);color:white;border:none;border-radius:5px;padding:.5rem;margin:0;cursor:pointer;transition:.3s}.save-btn:hover{background-color:var(--main-color-lighter);color:white;box-shadow:0 0 10px rgba(0,0,0,.2)}.img-btn{background-color:unset;color:white;border:none;padding:0;margin-right:.5rem;cursor:pointer}.img-btn img{width:25px;height:25px}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:999;justify-content:center;align-items:center}.new-exercise-modal-content{display:flex;flex-direction:column;gap:1rem}.new-exercise-modal-content,.new-workout-form{max-width:80%;margin:0 auto;min-width:50%;padding:1rem;background-color:#242424;border-radius:8px}.new-workout-form{flex-wrap:wrap}.modal-content input[type=date],.modal-content input[type=number],.modal-content input[type=text],.modal-content input[type=time],.modal-content select,.new-workout-form input[type=date],.new-workout-form input[type=number],.new-workout-form input[type=text],.new-workout-form input[type=time],.new-workout-form select{width:100%;padding:12px 20px;margin:8px 0;box-sizing:border-box;border-radius:8px;background-color:#f5f5f5;border:none}.modal-overlay.open{display:flex}.modal-new-set,.modal-new-set-btns{display:flex;flex-direction:row;width:100%;gap:1rem;align-items:flex-end;flex-wrap:wrap}.modal-new-set-values{display:flex;flex-direction:column;width:40%;gap:.5rem}.modal-new-set label .equipment-suggestion-container input,.modal-new-set label select,.modal-new-set-values input,.new-exercise-modal-content .suggestion-container input{margin-top:.3rem;padding:.5rem;border-radius:8px;width:90%}.modal-new-set label select{display:flex;flex-direction:column;width:95%}.modal-new-set *,.modal-new-set-btns *{flex:1 1;min-width:100px}.modal-new-set input[type=date],.modal-new-set input[type=number],.modal-new-set input[type=time],button{padding:12px 20px;box-sizing:border-box}.modal-new-set-btns{justify-content:flex-end}.modal-new-set-btns button{min-width:20%;min-height:50px}.modal-new-set button{min-width:10%}.modal-new-set-btns button{margin:2rem .5rem}.modal-new-set-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:1rem}.list-container,.list-container-workouts{display:flex;flex-direction:column;align-items:center;width:80%}.list-container-workouts{width:50%}.list-row-container{display:flex;flex-direction:column;width:100%;max-width:500px;color:white}.list-row-parent{display:flex;flex-direction:column;border:1px solid black;border-radius:10px;margin:1rem}.list-row{display:flex;flex-direction:row;align-items:center;width:100%;border-radius:2px;margin:.2rem 0;background-color:#454545}.date-header{margin-top:1rem;margin-bottom:.5rem}.list-row-workouts button{height:50px;margin:auto .3rem 0 0}.list-row-icon{margin:0;border-radius:10px 0 0 10px;width:70px;height:100%;display:flex}.list-row-icon img{width:25px;height:25px;margin:auto auto auto 1rem}.list-row-content{display:flex;flex-direction:column;flex:4 1}.list-row-body{display:flex;flex-direction:column;margin:1rem}.list-row-btns{flex:1 1}.list-row-set-btns{display:flex;flex-direction:row;justify-content:flex-end;flex:1 1}.list-row-details{display:flex;flex-direction:row;flex-wrap:wrap;flex:3 1;align-items:center}.set-template-one{font-weight:500}.list-row-details-child,.list-row-details-inputs{display:flex;flex-direction:row}.list-row-details-child{align-items:center;gap:.3rem}.list-row-header{display:flex;border-radius:9px 9px 0 0;align-items:center;background-color:#272727}.list-row-header h3{color:white}.list-row-type-title{margin-left:.5rem;-webkit-margin-before:.6rem;margin-block-start:.6rem;-webkit-margin-after:.6rem;margin-block-end:.6rem}.list-row-workouts{display:flex;border-radius:8px;width:100%;background-color:#2f2f2f;line-height:2rem;margin-top:.3rem}.list-row-workouts a{display:flex;flex-direction:row;align-items:center;width:100%}.list-row-workouts a,.list-row-workouts a:visited{color:#fff;text-decoration:none}.list-row-workouts a>p{margin:.5rem;width:30%}.list-row-workouts a>p:first-child{width:100px}.list-row-workouts a>img{width:50px;background-color:#272727;border-radius:8px 0 0 8px}.new-set-inline-form{padding:.5rem 0;background-color:#474747;width:100%;margin:1rem 0}.new-set-inline-form,.new-set-inline-form-section{display:flex;flex-direction:column;justify-content:space-between}.new-set-inline-form-section{gap:.5rem;flex-wrap:wrap;margin:1rem}.new-set-inline-form-section-unit{display:flex}.new-set-inline-form-section-unit label,.plus-minus-btns{flex:1 1}.new-set-inline-form-section label,.new-set-inline-form-section-tiredness label{color:#fff;margin-bottom:.25rem;font-weight:600;display:block}.plus-minus-btns{margin:auto;display:flex;flex-direction:row;gap:.5rem;align-items:center}.btn-minus,.btn-plus{background-color:#272727;color:white;border:none;border-radius:5px;padding:.3rem .5rem;cursor:pointer;transition:background-color .3s ease;font-size:1rem;font-weight:600}.new-set-inline-form-section-tiredness{display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;margin:1rem}.new-set-inline-form-section label,.new-set-inline-form-section-tiredness label{display:flex;gap:.3rem;align-items:center}.new-set-inline-form input[type=date],.new-set-inline-form input[type=number],.new-set-inline-form input[type=time]{width:80px;padding:12px 20px;margin:0;box-sizing:border-box;border-radius:8px;border:none;text-align:center}.equipment-suggestions,.suggestions{position:absolute;max-height:181px;overflow-y:auto;z-index:1;width:100%;border-radius:8px;background-color:#f5f5f5;border:none;color:black;padding-top:1rem;padding-bottom:1rem}.equipment-suggestion-container,.suggestion-container{position:relative}.suggestion-item{padding:5px 10px;cursor:pointer;transition:background-color .3s}.suggestion-item:hover{background-color:#d5d5d5}.next-workout-section{width:100%;max-width:600px;margin:0 auto}.next-workout-section h2{margin-bottom:1rem;font-size:1.5rem}.next-workout-card{background-color:#272727;border-radius:10px;padding:0;border:2px solid var(--main-color-lighter);transition:.3s}.next-workout-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.next-workout-card a{text-decoration:none;color:white;display:block}.workout-card{padding:1.5rem}.workout-card h3{color:var(--main-color-lighter);margin-bottom:.5rem;font-size:1.2rem}.workout-card p{color:#ddd;margin:.3rem 0;font-size:.9rem;text-transform:none}.dashboard-container{flex-direction:row;flex-wrap:wrap}.dashboard-container,.wrapper{display:flex;justify-content:center}.wrapper{width:150px;flex-direction:column;align-items:center;border-radius:10px;margin:1rem;padding:1rem}.wrapper,.wrapper:hover{background-color:#272727}.wrapper:hover{color:white;box-shadow:0 0 10px rgba(0,0,0,.2);cursor:pointer}.banner-image img{margin:auto;height:70px;width:70px}.banner-image h3,.dashboard-container a{color:white}.dashboard-container a{text-decoration:none}h1{font-family:Righteous,sans-serif;text-transform:uppercase;font-size:2rem}h3{font-family:lato,sans-serif}.new-workout-form{width:60%;gap:.5rem}.auth-container,.new-workout-form{display:flex;flex-direction:column}.auth-container{padding:1rem;margin:2rem auto;border:1px solid #8b8b8b;border-radius:8px;background-color:#272727}.auth-container form{display:flex;flex-direction:column;padding:20px}.auth-container h2,.auth-container p{margin-bottom:20px;text-align:center}.auth-container a{color:var(--main-color-lighter);text-decoration:none;font-weight:700}.auth-container label{display:flex;flex-direction:column;margin-bottom:8px}.auth-container input{padding:10px;margin:1rem 0;border:1px solid #ccc;border-radius:4px}.auth-container .btn-primary{width:100%;padding:10px;color:white;border:none;border-radius:4px;cursor:pointer}.auth-container .btn-primary,.auth-container .btn-primary:hover{background-color:var(--main-color-lighter)}.error-message{color:red;margin-bottom:10px}.success-message{color:green;margin-bottom:10px}.set-template-item{margin:0 .5rem;min-width:50px;text-align:left}.set-template-item-kg{margin:0 .5rem;min-width:45px;text-align:left}.set-template-item-unit{margin:0 .5rem;min-width:55px;text-align:right}.set-template-item-x{margin:0}@media screen and (max-width:500px){#root{margin:0}.container{width:100%;height:100%}.list-container,.list-container-workouts{width:100%;margin:1rem auto}.modal-container{width:100%}.new-workout-form{width:90%}.list-row-details{margin-left:0}::-webkit-scrollbar{width:5px}.set-template-item{flex:2 1}}@media screen and (max-width:380px){.list-row-body{margin:.5rem}.list-row-parent{margin:1rem .5rem}}.edit-set-form{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.edit-set-form .form-section{padding:0}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-section label{font-weight:500;margin-bottom:.2rem}.form-section input{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.form-section input[type=range]{margin-right:.5rem}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.set-status-button{background-color:#3e8511;color:white;border:none;border-radius:4px;padding:.3rem .6rem;cursor:pointer;font-size:.8rem;transition:.3s}.set-status-button:hover{background-color:#448b17}.set-status-button.completed{color:var(--color-green);background-color:unset}.set-status-container{margin-left:auto;display:flex;align-items:center;justify-content:center;flex:1 1}.home-container{width:100%;max-width:1200px;margin:0 auto}.hero-section{text-align:center;padding:4rem 1rem;background:linear-gradient(135deg,#272727,#454545);border-radius:10px;margin:2rem 1rem}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;color:#fff}.hero-subtitle{font-size:1.5rem;color:var(--main-color-lighter);margin-bottom:1rem;text-transform:none;font-weight:500}.hero-description{font-size:1.1rem;color:#ddd;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;text-transform:none;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{color:white;border:none;border-radius:5px;padding:.8rem 2rem;font-size:1.1rem;cursor:pointer;transition:.3s;text-decoration:none;display:inline-block}.btn-primary,.btn-primary:hover{background-color:var(--main-color-lighter)}.btn-primary.large{padding:1rem 2.5rem;font-size:1.2rem}.btn-secondary{background-color:transparent;color:var(--main-color-lighter);border:2px solid var(--main-color-lighter);border-radius:5px;padding:.8rem 2rem;font-size:1.1rem;cursor:pointer;transition:.3s;text-decoration:none;display:inline-block}.btn-secondary:hover{background-color:var(--main-color-lighter);color:white}.selling-points{margin:4rem 1rem}.selling-points-container{display:flex;gap:2rem;justify-content:space-between;flex-wrap:wrap}.selling-point{flex:1 1;min-width:300px;text-align:center;padding:2rem;background-color:#272727;border-radius:10px;transition:.3s}.selling-point:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3)}.selling-point-icon{font-size:3rem;margin-bottom:1rem}.selling-point h3{color:#fff;margin-bottom:1rem;font-size:1.3rem}.selling-point p{color:#ddd;text-transform:none;font-size:1rem;line-height:1.5}.cta-section{text-align:center;padding:4rem 0;background-color:#272727;border-radius:10px;margin:2rem 1rem}.cta-content h2{color:#fff;margin-bottom:1rem;font-size:2.5rem}.cta-content p{color:#ddd;margin-bottom:2rem;font-size:1.1rem;text-transform:none;line-height:1.6}.register-section{margin:4rem 1rem;text-align:center}.register-container{max-width:500px;margin:0 auto;padding:2rem;background-color:#272727;border-radius:10px}.register-container h2{color:#fff;margin-bottom:1rem}.register-container p{color:#ddd;margin-bottom:2rem;text-transform:none;font-size:1rem}.register-form{display:flex;flex-direction:column;gap:1rem}.register-form label{text-align:left;color:#ddd;display:flex;flex-direction:column;gap:.5rem}.register-form input{padding:.8rem;border:1px solid #555;border-radius:5px;background-color:#454545;color:#fff}.register-form input:focus{outline:none;border-color:var(--main-color-lighter)}.login-link{margin-top:1rem;color:#ddd;text-transform:none;font-size:.9rem}.login-link a{color:var(--main-color-lighter);text-decoration:none}.login-link a:hover{text-decoration:underline}.pricing-container{width:100%;max-width:1200px;margin:0 auto;padding:0}.pricing-header{text-align:center;padding:3rem 1rem}.pricing-header h1{font-size:3rem;margin-bottom:1rem;color:#fff}.pricing-subtitle{font-size:1.2rem;color:#ddd;text-transform:none;line-height:1.6;max-width:600px;margin:0 auto}.pricing-plans{margin:2rem 1rem}.pricing-plans-container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.pricing-plan{flex:1 1;min-width:350px;max-width:400px;background-color:#272727;border-radius:10px;padding:2rem;position:relative;border:2px solid transparent;transition:.3s}.pricing-plan:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3)}.premium-plan{border-color:var(--main-color-lighter)}.plan-badge{position:absolute;top:-10px;right:20px;background-color:var(--main-color-lighter);color:white;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700}.plan-header{text-align:center;margin-bottom:2rem}.plan-header h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.price{font-size:2.5rem;font-weight:700;color:var(--main-color-lighter)}.period{color:#ddd;text-transform:none;font-size:.9rem}.plan-features{margin-bottom:2rem}.plan-features h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.plan-features ul{list-style:none;padding:0}.plan-features li{color:#ddd;margin-bottom:.5rem;text-transform:none;font-size:.9rem;line-height:1.5}.plan-action{margin-bottom:2rem}.plan-action button{width:100%;padding:1rem;font-size:1.1rem}.plan-description p{color:#aaa;font-size:.9rem;text-transform:none;line-height:1.5;text-align:center}.pricing-faq{padding:4rem 0;text-align:center}.pricing-faq h2{color:#fff;margin-bottom:2rem;font-size:2rem}.faq-container{max-width:800px;margin:0 auto;text-align:left;padding:0 1rem}.faq-item{margin-bottom:2rem;padding:1.5rem;background-color:#272727;border-radius:10px}.faq-item h4{color:var(--main-color-lighter);margin-bottom:1rem;font-size:1.1rem}.faq-item p{color:#ddd;text-transform:none;font-size:.9rem;line-height:1.5}.pricing-cta{text-align:center;padding:4rem 0;background-color:#272727;border-radius:10px;margin:2rem 1rem}.pricing-cta h2{color:#fff;margin-bottom:1rem;font-size:2.5rem}.pricing-cta p{color:#ddd;margin-bottom:2rem;font-size:1.1rem;text-transform:none;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.exercise-options-inline{justify-content:space-between;display:flex;flex-direction:column;gap:.3rem;margin:1rem}.exercise-options-inline h5{color:#fff;margin-bottom:.5rem;font-size:.9rem;-webkit-margin-before:.2rem;margin-block-start:.2rem;-webkit-margin-after:.2rem;margin-block-end:.2rem}.exercise-option-inline{display:flex;align-items:center;gap:.5rem}.option-label-inline{color:#fff;font-weight:600;display:block;margin-bottom:.25rem}.option-alternatives-inline{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 auto}.alternative-option-inline{display:flex;align-items:center;gap:.25rem;background:rgba(255,255,255,.1);padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;margin:0 auto}.alternative-option-inline:hover{background:rgba(255,255,255,.15)}.alternative-option-inline input[type=radio]{margin:0}.alternative-name-inline{color:#cccccc}.landing-hero{text-align:center;padding:2rem 1rem;margin-bottom:2rem;background:linear-gradient(135deg,#272727,#374151);border-radius:12px;margin-top:1rem}.landing-hero h1{font-size:2.5rem;margin-bottom:1rem;color:var(--main-color-lighter);font-weight:700}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;color:var(--text-color);opacity:.9}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.feature-card{background:#1f2937;padding:1.5rem;border-radius:8px;border:1px solid #374151;transition:transform .2s ease}.feature-card:hover{transform:translateY(-2px);border-color:var(--main-color)}.feature-card h3{color:var(--main-color-lighter);margin-bottom:.8rem;font-size:1.1rem}.feature-card p{color:var(--text-color);line-height:1.5;margin:0;font-size:.95rem}.cta-button{font-size:1.1rem!important;padding:12px!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.upgrade-notice{background:#242424;color:white;padding:15px 20px;border-radius:8px;margin:15px 0;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.1);position:relative}.upgrade-notice p{margin:0 1.5rem 10px;font-weight:500}.upgrade-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:white;border:none;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.upgrade-btn:active{transform:translateY(0)}.upgrade-notice-close{position:absolute;top:8px;right:12px;background:none;border:none;color:white;cursor:pointer;font-size:1.2rem;font-weight:700;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:.7}.upgrade-notice-close:hover{background:rgba(255,255,255,.2);opacity:1}.upgrade-notice-close:active{transform:scale(.9)}@media screen and (max-width:768px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.selling-points-container{flex-direction:column}.selling-point{min-width:auto}.pricing-plans-container{flex-direction:column;align-items:center}.pricing-plan{min-width:auto;max-width:500px}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons button{width:100%;max-width:300px}.landing-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1rem}}@media screen and (max-width:568px){.new-exercise-modal-content{width:95%}h1{font-size:1.4rem}.h2{font-size:1.2rem}h3{font-size:1rem}h4{font-size:.9rem}button,h5,label,li,ol,p,span,ul{font-size:.8rem}.exercise-options-inline,.new-set-inline-form-section,.new-set-inline-form-section-tiredness{margin:.5rem}}@media (max-width:480px){.upgrade-notice{padding:12px 15px}.upgrade-btn,.upgrade-notice p{font-size:.8rem}.upgrade-btn{padding:8px 16px}.auth-loading{padding:2rem;text-align:center;color:var(--text-color)}}