@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--dark-green:#0d643a;--light-green:#17ca74}body{font-family:Roboto,sans-serif}html{scroll-behavior:smooth}.table{box-shadow:8px 8px 16px #0006}.table .edit-btn,.table .delete-btn,button{cursor:pointer}.login-container{background-color:var(--light-green);justify-content:space-around;align-items:center;width:100vw;height:100vh;display:flex}.login-container .image-container{justify-content:center;align-items:center;width:30%;height:100%;display:flex}.login-container .image-container img{width:100%}.login-container .login-box{background-color:#fff;border-radius:20px;flex-direction:column;justify-content:space-around;align-items:center;width:35%;height:40%;padding:2% 5%;display:flex;box-shadow:10px 10px 10px #00000080}.login-container .login-box h1{text-align:center;color:var(--dark-green)}.login-container .login-box .email-input,.login-container .login-box .password-input{width:100%}.login-container .login-box .forgot-password-btn{color:#0059ff;cursor:pointer;justify-content:end;align-items:center;width:100%;font-size:.8vw;text-decoration:underline;display:flex}.login-container .login-box .login-btn{background-color:var(--dark-green);color:#fff;border:none;border-radius:10px;width:50%;height:12%;font-size:1.2vw}.login-container .login-box .login-btn:hover{color:var(--dark-green);border:solid 1px var(--dark-green);background-color:#fff}.login-container .login-box .error-msg{color:red}.clients-main-container{width:86vw;height:100%;padding:5%;overflow-y:scroll}.clients-main-container .main-title{color:var(--dark-green);font-size:2vw}.clients-main-container .main-title .icon{font-size:1.5vw}.clients-main-container .sub-title{color:var(--dark-green);font-size:1.1vw}.clients-main-container .cards-container{justify-content:space-between;align-items:stretch;gap:3%;height:20vh;margin-top:2%;display:flex}.clients-main-container .cards-container .card{border:solid 1px var(--dark-green);color:var(--dark-green);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10%;display:flex;box-shadow:4px 4px 16px #00000080}.clients-main-container .cards-container .card:hover{background-color:var(--dark-green);color:#fff}.clients-main-container .cards-container .card .title{font-size:1vw;font-weight:500}.clients-main-container .cards-container .card .count{font-size:2vw;font-weight:500}.clients-main-container .table-container{margin-top:2%}.clients-main-container .table-container .table-title{color:var(--dark-green);font-size:1.2vw;font-weight:500}.clients-main-container .table-container .table{border:solid 1px var(--dark-green);border-radius:20px;margin-top:1%}.clients-main-container .table-container .table .header-cell{background-color:var(--light-green);color:#fff}.clients-main-container .table-container .table .view-client-btn{color:var(--dark-green);justify-content:center;align-items:center;gap:10px;text-decoration:underline;display:flex}.clients-main-container .table-container .table .view-client-btn .icon{font-size:1vw}.clients-main-container .table-container .table .view-client-btn:hover{color:#000;cursor:pointer}.clients-main-container .table-container .table .weightloss,.clients-main-container .table-container .table .weightgain,.clients-main-container .table-container .table .maintenance{justify-content:center;align-items:center;gap:6px;font-size:.8vw;display:flex}.clients-main-container .table-container .table .weightloss .icon,.clients-main-container .table-container .table .weightgain .icon,.clients-main-container .table-container .table .maintenance .icon{font-size:1vw}.clients-main-container .table-container .table .weightloss{color:red}.clients-main-container .table-container .table .weightgain{color:green}.clients-main-container .table-container .table .maintenance{color:#1b7aff}.oneToOne-main-container{width:86vw;height:100vh;padding:3% 5%;overflow-y:scroll}.oneToOne-main-container .main-title{color:var(--dark-green);align-items:center;gap:10px;font-size:2vw;font-weight:700;display:flex}.oneToOne-main-container .main-title .icon{font-size:2.5vw}.oneToOne-main-container .sub-title{color:var(--dark-green);font-size:1.26vw}.oneToOne-main-container .search-container{justify-content:space-between;align-items:stretch;width:70%;height:5vh;margin-top:2%;display:flex}.oneToOne-main-container .search-container .search-input{border-radius:8px;outline:none;width:75%;padding-left:2%;font-size:1vw}.oneToOne-main-container .cards-title{color:var(--dark-green);margin-top:2%;font-size:1.2vw;font-weight:500}.oneToOne-main-container .cards-container{align-items:stretch;gap:3%;height:12vh;margin-top:1%;display:flex}.oneToOne-main-container .cards-container .card{border:solid 1px var(--dark-green);color:var(--dark-green);background-color:#fff;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;transition:all .2s ease-in-out;display:flex;box-shadow:4px 4px 16px #00000080}.oneToOne-main-container .cards-container .card .title{font-size:1vw}.oneToOne-main-container .cards-container .card .value{font-size:1.2vw;font-weight:600}.oneToOne-main-container .cards-container .card:hover{background-color:var(--dark-green);color:#fff}.oneToOne-main-container .graph-title{color:var(--dark-green);margin-top:2%;font-size:1.2vw;font-weight:500}.oneToOne-main-container .bar-graph-container{border:solid 1px var(--dark-green);border-radius:20px;justify-content:center;align-items:center;width:100%;height:40vh;margin-top:1%;display:flex;box-shadow:8px 8px 16px #0006}.oneToOne-main-container .table-title{color:var(--dark-green);margin-top:2%;font-size:1.2vw;font-weight:500}.oneToOne-main-container .table-container{border:solid 1px var(--dark-green);border-radius:20px;justify-content:center;align-items:center;margin-top:1%;display:flex}.oneToOne-main-container .table-container .table{border:solid 1px var(--dark-green);border-radius:20px}.oneToOne-main-container .table-container .table .header-cell{background-color:var(--light-green);color:#fff}.diets-main-container{width:86vw;height:100vh;padding:5%;overflow-y:scroll}.diets-main-container .title{color:var(--dark-green);align-items:center;gap:12px;font-size:2vw;font-weight:600;display:flex}.diets-main-container .title .icon{font-size:2.3vw}.diets-main-container .sub-title{color:var(--dark-green);font-size:1.1vw}.diets-main-container .input-container{justify-content:space-between;align-items:stretch;height:5%;margin-top:3%;display:flex}.diets-main-container .input-container input{border:solid 1px var(--dark-green);border-radius:8px;outline:none;width:70%;padding-left:2%;font-size:.8vw}.diets-main-container .input-container button{border:solid 1px var(--dark-green);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:12%;font-size:.8vw;display:flex}.diets-main-container .input-container .search-btn{background-color:var(--dark-green);color:#fff}.diets-main-container .input-container .search-btn:active,.diets-main-container .input-container .add-new-btn{color:var(--dark-green);background-color:#fff}.diets-main-container .input-container .add-new-btn:active{background-color:var(--dark-green);color:#fff}.diets-main-container .table-container{margin-top:3%}.diets-main-container .table-container .table{border:solid 1px var(--dark-green);border-radius:16px;box-shadow:4px 4px 10px #0000004d}.diets-main-container .table-container .table .table-header{background-color:var(--light-green);color:#fff}.diets-main-container .table-container .table .edit-btn{color:#00f;align-items:center;gap:4px;text-decoration:underline;display:flex}.diets-main-container .table-container .table .edit-btn .icon{font-size:.8vw}.diets-main-container .table-container .table .delete-btn{color:red;align-items:center;gap:4px;text-decoration:underline;display:flex}.diets-main-container .table-container .table .delete-btn .icon{font-size:.8vw}.diets-main-container .modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.diets-main-container .edit-modal{background:#fff;border-radius:12px;flex-direction:column;justify-content:space-around;align-items:stretch;width:40vw;height:80vh;padding:24px;display:flex}.diets-main-container .edit-modal h2{color:var(--dark-green);font-size:1.2vw;text-decoration:underline}.diets-main-container .edit-modal .input-container{display:flex}.diets-main-container .edit-modal .input-container label{flex:1}.diets-main-container .edit-modal .input-container input,.diets-main-container .edit-modal .input-container select{border:solid 1px var(--dark-green);border-radius:8px;flex:2}.diets-main-container .modal-buttons{justify-content:center;align-items:stretch;gap:12px;height:7%;margin-top:2%;display:flex}.diets-main-container .modal-buttons button{border:solid 1px var(--dark-green);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:30%;height:100%;display:flex}.diets-main-container .modal-buttons .save-btn{background-color:var(--dark-green);color:#fff}.diets-main-container .modal-buttons .save-btn:active,.diets-main-container .modal-buttons .cancel-btn{color:var(--dark-green);background-color:#fff}.diets-main-container .modal-buttons .cancel-btn:active{background-color:var(--dark-green);color:#fff}.workouts-main-container{width:86vw;height:100vh;padding:5%;overflow-y:scroll}.workouts-main-container .title{color:var(--dark-green);align-items:center;gap:12px;font-size:2vw;font-weight:600;display:flex}.workouts-main-container .title .icon{font-size:2.3vw}.workouts-main-container .sub-title{color:var(--dark-green);font-size:1.1vw}.workouts-main-container .input-container{justify-content:space-between;align-items:stretch;height:5%;margin-top:3%;display:flex}.workouts-main-container .input-container input{border:solid 1px var(--dark-green);border-radius:8px;outline:none;width:70%;padding-left:2%;font-size:.8vw}.workouts-main-container .input-container button{border:solid 1px var(--dark-green);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:12%;font-size:.8vw;display:flex}.workouts-main-container .input-container .search-btn{background-color:var(--dark-green);color:#fff}.workouts-main-container .input-container .search-btn:active,.workouts-main-container .input-container .add-new-btn{color:var(--dark-green);background-color:#fff}.workouts-main-container .input-container .add-new-btn:active{background-color:var(--dark-green);color:#fff}.workouts-main-container .table-container{margin-top:3%}.workouts-main-container .table-container .table{border:solid 1px var(--dark-green);border-radius:16px}.workouts-main-container .table-container .table .table-header{background-color:var(--light-green);color:#fff}.workouts-main-container .table-container .table .edit-btn{color:#00f;align-items:center;gap:4px;text-decoration:underline;display:flex}.workouts-main-container .table-container .table .edit-btn .icon{font-size:.8vw}.workouts-main-container .table-container .table .delete-btn{color:red;align-items:center;gap:4px;text-decoration:underline;display:flex}.workouts-main-container .table-container .table .delete-btn .icon{font-size:.8vw}.workouts-main-container .modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.workouts-main-container .add-modal{background:#fff;border-radius:12px;flex-direction:column;justify-content:space-around;align-items:stretch;width:40vw;height:60vh;padding:24px;display:flex}.workouts-main-container .add-modal h2{color:var(--dark-green);font-size:1.2vw;text-decoration:underline}.workouts-main-container .add-modal .input-container{display:flex}.workouts-main-container .add-modal .input-container label{flex:1}.workouts-main-container .add-modal .input-container{height:10%}.workouts-main-container .add-modal .input-container input,.workouts-main-container .add-modal .input-container select{border:solid 1px var(--dark-green);border-radius:8px;flex:2}.workouts-main-container .modal-buttons{justify-content:center;align-items:stretch;gap:12px;height:10%;margin-top:2%;display:flex}.workouts-main-container .modal-buttons button{border:solid 1px var(--dark-green);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:30%;height:100%;display:flex}.workouts-main-container .modal-buttons .save-btn{background-color:var(--dark-green);color:#fff}.workouts-main-container .modal-buttons .save-btn:active,.workouts-main-container .modal-buttons .cancel-btn{color:var(--dark-green);background-color:#fff}.workouts-main-container .modal-buttons .cancel-btn:active{background-color:var(--dark-green);color:#fff}.dashboardlayout-main-container{width:100vw;height:100vh;display:flex}.sidebar-main-container{border-top-right-radius:16px;border-bottom-right-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;gap:5%;width:14vw;padding:2% 0;display:flex;box-shadow:4px 4px 8px #0000004d}.sidebar-main-container .heading{color:var(--dark-green);text-align:center;border-bottom:1px solid;width:100%;padding-bottom:5%;font-size:1.3vw}.sidebar-main-container .list-container{flex-direction:column;flex:1;gap:10%;width:80%;display:flex}.sidebar-main-container .list-container .list-link{border:none;border:solid 1px var(--dark-green);height:5vh;color:var(--dark-green);border-radius:10px;justify-content:center;align-items:center;gap:8%;text-decoration:none;transition:all .3s ease-in-out;display:flex}.sidebar-main-container .list-container .active{background-color:var(--dark-green);color:#fff}.sidebar-main-container .logout-button{color:#fff;background-color:red;border:none;border-radius:10px;width:80%;height:5vh}