:root{--primary-color:#6a1b9a;--accent1-color:#ffccbc;--accent2-color:#4a148c;--accent3-color:#140d24;--text-color:#333;--background-color:#fff}body{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Roboto,sans-serif;margin:0}.navbar{align-items:center;background:var(--primary-color);border:1px solid #fff;border-radius:25px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;left:50%;opacity:.9;padding:.8rem 2rem;position:fixed;top:10px;transform:translateX(-50%);width:70%;z-index:10}.nav-item{border:1px solid #fff;border-radius:10px;color:#fff;margin:0 10px;padding:.5rem 1.2rem;text-decoration:none;transition:background .3s ease-in-out,border-color .3s ease-in-out}.nav-item:hover{background:var(--accent1-color)}.special{background:var(--accent2-color)}.special:hover{background:lighten(var(--accent2-color),10%)}.middle-links{margin-right:150px}.logo{height:50px;margin-left:25px}footer{bottom:0;display:flex;font-size:14px;gap:100px;justify-content:center;padding:10px 0;position:fixed;text-align:center;width:100%}.landing-container,footer{align-items:center;background:linear-gradient(135deg,var(--primary-color) 30%,var(--accent2-color) 100%);color:#fff}.landing-container{justify-content:space-between;padding:3rem}.circle-large{height:300px;left:25%;top:-10%;width:300px}.circle-large,.circle-small{background:#ffffff1a;border-radius:50%;position:absolute}.circle-small{bottom:15%;height:500px;right:20%;width:500px}.title-section{margin-top:5rem;padding-bottom:4rem;text-align:center}.image-description h1,.title-section h1{font-size:2.5rem}.image-description p,.title-section p{font-size:1.2rem}.image-description h1,.image-description p,.title-section h1,.title-section p{margin-bottom:1rem;text-align:center}.image-part{display:flex}.image-description,.image-photo{width:45%}.image-photo{margin-left:5%;z-index:1}.image-description p{padding:1rem 3rem}.image-photo img{background:#fff;border-radius:15px;margin:.25rem 1rem .25rem .25rem;padding:.25rem;width:100%}.feature-section{background:#f0f0f0;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;text-align:center;z-index:0}.feature-section:after{background:#fff;border-bottom-left-radius:50% 25%;border-bottom-right-radius:50% 25%;bottom:0;content:"";height:140%;left:0;position:absolute;right:0;transform:scaleY(.6);z-index:-1}.feature-section h2{font-size:3rem}.feature-card-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:400px 400px;grid-template-rows:230px 230px;justify-content:center;padding:20px}.feature-card{align-items:center;background:#fff;border-radius:30px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:1rem;position:relative}.feature{display:flex;padding:20px}.feature-image{border:2px solid var(--primary-color);border-radius:30px;height:100px;margin-right:20px;width:100px}.feature h3{font-size:2rem;margin:10px 0 0}.close-button,.info-button{background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;padding:4px 6px;transition:background-color .2s}.close-button img,.info-button img{height:2rem;width:2rem}.close-button{right:10px;top:10px}.popup-overlay{background:#000c;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20}.popup,.popup-overlay{align-items:center;display:flex}.popup{background:#fff;border-radius:10px;flex-direction:column;height:auto;padding:20px;position:relative;width:500px}.popup-description{font-size:1.2rem;max-width:80%;text-align:center}.close-button:hover,.info-button:hover{background-color:var(--accent1-color)}.message{border:1px solid green;border-radius:10px;color:green;font-size:1.2rem;margin:auto;padding:5px;text-align:center}.register-form{background:linear-gradient(135deg,var(--primary-color),var(--accent2-color));border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:20px;margin:10% auto auto;padding:30px;width:400px}.register-form h2{font-size:2rem;margin-bottom:20px;text-align:center}.register-form label{display:block;font-size:1.2rem;font-weight:700}.register-form label>input,.register-form label>textarea{border:2px solid var(--primary-color);border-radius:5px;box-sizing:border-box;margin-top:10px;outline:none;padding:10px;width:calc(100% - 24px)}.register-form button{background-color:var(--accent2-color);border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;margin:auto;padding:10px;transition:all .3s ease;width:100px}.register-form button:hover{background-color:var(--primary-color);transform:scale(1.1)}.error{border:1px solid red;border-radius:10px;color:red;font-size:1.2rem;margin:auto;padding:5px;text-align:center}.login-form{background:linear-gradient(135deg,var(--primary-color),var(--accent2-color));border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:20px;margin:15% auto auto;padding:30px;width:400px}.login-form h2{font-size:2rem;margin-bottom:20px;text-align:center}.login-form label{display:block;font-size:1.2rem;font-weight:700}.login-form label>input{border:2px solid var(--primary-color);border-radius:5px;box-sizing:border-box;margin-top:10px;outline:none;padding:10px;width:calc(100% - 24px)}.login-form button{background-color:var(--accent2-color);border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;margin:auto;padding:10px;transition:all .3s ease;width:100px}.login-form button:hover{background-color:var(--primary-color);transform:scale(1.1)}.dashboard-unauthorized{color:red;display:grid;font-size:5rem;padding-top:10%;place-content:center}.dashboard-container{background:#fff;border-radius:35px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:flex;height:85vh;width:85vw}.viewport{background:radial-gradient(circle at top left,var(--primary-color),var(--accent2-color));height:100vh;justify-content:center;width:100vw}.dashboard-nav,.viewport{align-items:center;display:flex}.dashboard-nav{background-color:var(--accent3-color);border-bottom-left-radius:35px;border-top-left-radius:35px;color:#fff;flex-direction:column;height:100%;left:0;position:inherit;top:0;width:15%}.dashnav-item{align-items:center;background-color:var(--primary-color);border:1px solid #fff;border-radius:15px;display:flex;justify-content:space-between;margin:10px;padding:10px;transition:background-color .3s,transform .3s;width:75%}.dashnav-item:hover{background-color:var(--accent2-color);cursor:pointer;transform:scale(1.05)}.dashnav-item img{height:30px;margin-right:8px;width:30px}.dashnav-text{flex-grow:1;text-align:center}.logout-button{background-color:#444;border:1px solid #fff;font-size:23px;margin-bottom:30px;margin-top:auto;text-align:center;width:60%}.logout-button:hover{background-color:red}.title-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.title-container img{height:40px;margin-right:10px;width:40px}.modal-backdrop{background:#000c;z-index:20}.modal-content{max-width:500px}.modal-content-large{background:#fff;border-radius:10px;max-width:800px;padding:20px;width:100%}.close-button{background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.goal-setter-container{background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 8px #00000026;margin:0;padding:20px;text-align:center}.goal-setter-container>p{margin:5px}.set-goal-button{background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px 20px}.set-goal-button:hover{background-color:#5a00d2}.goal-form{align-items:center;display:flex;flex-direction:column;gap:10px}.goal-form input{margin:5px;padding:8px;width:60%}.goal-form select{margin:5px;padding:8px;width:65%}.update-goal-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;width:40%}.update-goal-button:hover{background-color:#45a049}.calorie-chart-container{height:200px;margin:auto;position:relative;width:200px}.calorie-chart-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.calorie-percentage{font-size:1.2em;font-weight:700}.calorie-count{color:#666;font-size:.8em}.nutrient-chart-container{height:200px;margin:auto;width:200px}.consistency-counter{background:#fff;box-shadow:0 4px 8px #0000001a;padding:1rem}.info-button{background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.info-popup{background:#f4f4f4;border-radius:5px;box-shadow:0 4px 8px #0000001a;margin-top:10px;padding:10px}.nutrition-container{flex-direction:column;margin-left:auto;margin-right:auto;max-width:1200px;padding:20px;position:relative}.main-content,.nutrition-container{align-items:center;display:flex;margin-top:20px}.main-content{flex-wrap:wrap;gap:20px;justify-content:center}.goal-setter-container,.log-meal-container,.meal-journal-container{background-color:#f4f4f4;border:none;border-radius:8px;box-shadow:0 4px 8px #00000026;padding:20px;text-align:center}.goal-setter-button,.log-meal-button,.meal-journal-button{background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.goal-setter-button:hover,.log-meal-button:hover,.meal-journal-button:hover{background-color:#5a00d2}.add-meal-form{display:flex;flex-direction:column;gap:10px;padding:20px}.add-meal-form>input,.add-meal-form>select{margin:5px;padding:8px}.submit-meal-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:auto;padding:10px 15px;width:50%}.submit-meal-button:hover{background-color:#45a049}.meal-entries>div{border-bottom:1px solid #eee;margin:auto;padding:10px 0;width:90%}.meal-details{align-items:center;background:#f0f0f0;border-radius:5px;display:flex;flex-direction:column;margin-top:10px;padding:10px;width:100%}.meal-entry h3{text-align:center}.view-details-button{align-self:center;background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:5px 10px;transition:background-color .3s}.view-details-button:hover{background-color:#5a00d2}.modal-content{width:90%}.today-meals-container{display:flex;justify-content:space-around;margin-top:20px;width:100%}.meal-box{background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 8px #00000026;padding:10px;text-align:center;width:15%}.delete-meal-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px}.delete-meal-button:hover{background-color:#c00}.charts-container{align-items:flex-start;display:flex;justify-content:flex-start;margin-top:20px;position:relative;width:100%}.nutrient-chart-container{transform:translate(-60px)}.consistency-counter-container{bottom:80px;position:absolute;right:60px;width:20%}.consistency-counter{background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 8px #00000026;padding:10px;text-align:center;width:100%}.workouts-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:20px;margin:auto;max-width:90%;padding:20px}.control-panel,.progress-container{display:flex;justify-content:space-between}.progress-container{align-items:start;height:auto}.monthly-progress,.weekly-progress{border:1px solid #ccc;border-radius:8px;flex:1 1;margin:10px;padding:10px}.workouts-modify-btn{background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{border-radius:8px;max-height:80vh;overflow-y:auto}.workout-form{display:flex;flex-direction:column;gap:20px}.exercise-entry{background:#f8f8f8;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:10px;padding:15px}.calendar{font-size:16px;text-align:center}.calendar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr)}.day-labels{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.day{border:1px solid #ccc;padding:10px;position:relative}.day.done{background-color:#e0ffe0}.day.missed{background-color:#ffdcdc}.day.upcoming{background-color:#f0f0f0}.weekly-checker{align-items:flex-start;background-color:#f0f0f0;display:flex;flex-direction:column;padding:5px}.weekly-checker>div{align-items:center;background-color:#fff;border:1px solid #ccc;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2px;padding:5px;width:100%}.day-info{flex-grow:1}.day-status span{font-size:20px;margin:0 5px}.day-status p{font-size:14px;margin-top:2px}.loader-container{align-items:center;display:flex;justify-content:center;margin:auto}.loader{animation:spin 1s linear infinite;border-top:6px solid var(--accent2-color);border:6px solid var(--accent2-color);border-radius:50%;border-top-color:var(--primary-color);height:75px;width:75px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-container{align-items:flex-start;display:flex;gap:20px;padding:20px}.profile-sidebar{align-items:center;display:flex;flex:1 1;flex-direction:column}.profile-pic{border:3px solid #000;border-radius:50%;height:225px;margin-bottom:20px;object-fit:cover;width:225px}.upload-button{align-items:center;background-color:var(--primary-color);border-radius:15px;color:#fff;display:flex;font-size:15px;justify-content:center;margin:10px;padding:12px 5px;transition:background-color .3s,transform .3s;width:70%}.upload-button:hover{background-color:var(--accent2-color);transform:scale(1.05)}.nav-button{background:none;border-bottom:3px solid #0000;color:var(--primary-color);flex-grow:1;font-size:18px;padding:10px;text-align:center}.nav-button:hover{border-bottom:3px solid #000}.content-area{font-size:16px;padding:20px}.content-area form{display:flex;flex-direction:column;gap:10px}.content-area label{color:var(--primary-color);font-weight:700;margin-bottom:5px}.content-area input{border:2px solid var(--primary-color);border-radius:5px;padding:8px;width:100%}.content-area button{background-color:var(--primary-color);border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.content-area button:hover{background-color:var(--accent2-color)}.profile-details{display:flex;flex:3 1;flex-direction:column}.profile-nav{border-bottom:2px solid #000;display:flex;justify-content:space-between;padding-bottom:5px;width:100%}.achievements{margin-top:20px;text-align:center}.achievements button{background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.achievements button:hover{background-color:#5a00d1}.dashboard{padding:20px}.dashboard-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.dashboard-item{background-color:#fff;box-shadow:0 4px 8px #0000001a;padding:15px}.dashboard-item,.profile-item{border-radius:10px;display:flex;flex-direction:column;justify-content:center}.profile-item{align-items:center;background-color:#f5f5f5;margin:5px;text-align:center}.profile-photo{border:2px solid #ccc;border-radius:50%;height:160px;margin-bottom:10px;object-fit:cover;width:160px}.consistency-item{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;height:120px;justify-content:center;padding:10px 15px;text-align:center;width:260px}.achievements-item,.add-friend-item,.weekly-item{text-align:center}.achievements-item,.add-friend-item,.calorie-item,.consistency-item,.weekly-item{padding:10px 15px}.achievements-item,.add-friend-item{height:100px;padding:8px 10px;width:260px}.add-friend-item form{display:flex;gap:10px;padding-top:15px}.add-friend-item input{border:1px solid #ccc;border-radius:5px;flex-grow:1;padding:10px}.add-friend-item button{background-color:#6200ea;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.add-friend-item button:hover{background-color:#5a00d1}h3,h4{margin:0}.about-wrapper{display:flex;flex-direction:column;min-height:100vh}.about-container{background:linear-gradient(135deg,#6a1b9a,#140d24);box-shadow:0 10px 15px #0000004d;color:#fff;max-width:100%;padding-bottom:60px;padding-top:120px;position:relative;text-align:center}.about-container:after{background:linear-gradient(180deg,#6a1b9a00,#fff);bottom:-10px;content:"";display:block;height:20px;left:0;position:absolute;width:100%}.about-container p{color:#fff;margin-bottom:40px}.about-columns{flex-grow:1;justify-content:space-between;margin-top:-70px;padding:0 5%}.about-columns,.column{align-items:center;background-color:#fff;display:flex}.column{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#6a1b9a,#140d24);background-origin:padding-box,border-box;border:2px solid #0000;border-radius:8px;box-shadow:0 4px 8px #0003;flex:1 1;flex-direction:column;margin:10px;padding:20px;position:relative}.column-title{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:10px}.info-icon{cursor:pointer;filter:brightness(.8);height:36px;margin-bottom:20px;width:36px}.modal-content{background:#fff;border-radius:10px;color:#000;max-width:600px;padding:20px;text-align:left;width:100%}.modal-content ul{list-style-type:disc;padding-left:20px}.modal-content li{margin-bottom:10px}.contact-wrapper{background:linear-gradient(135deg,#6a1b9a,#140d24);display:flex;flex-direction:column;min-height:100vh}.contact-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;box-shadow:0 4px 8px #000;color:#fff;margin:auto;max-width:800px;padding:100px 40px;text-align:center}.contact-container a,.contact-container h1,.contact-container li,.contact-container p,.contact-container ul{color:#fff}.contact-container ul{font-size:1.5rem;list-style-type:none;margin-top:30px;padding-left:0}.contact-container li{margin-bottom:15px}.contact-container a{color:var(--accent1-color);font-size:1.5rem;text-decoration:none}.contact-container a:hover{text-decoration:underline}footer{margin-top:auto}
/*# sourceMappingURL=main.b4c91ffe.css.map*/