@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:4px 4px 10px #0000004d}.table .edit-btn,.table .delete-btn,button{cursor:pointer}.login-container{background-color:var(--dark-green);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-container .login-box{background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10%;width:30%;height:35%;padding:2%;display:flex;box-shadow:10px 10px 10px #00000080}.login-container .login-box .heading{font-size:1.2vw}.login-container .login-box .email-input,.login-container .login-box .password-input{width:100%}.login-container .login-box .forgot-password-btn{color:#04f;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:6px;width:40%;min-height:16%}.login-container .login-box .error-msg{color:red;transition:all .3s ease-out}.dashboard-main-container{width:86vw;height:100vh;padding:5%;overflow-y:scroll}.dashboard-main-container .user-title{color:var(--dark-green);align-items:center;gap:12px;font-size:2vw;font-weight:600;display:flex}.dashboard-main-container .user-title .icon{font-size:2vw}.dashboard-main-container .sub-title{color:var(--dark-green);font-size:1.4vw;font-weight:400}.dashboard-main-container .counts-container{justify-content:space-between;align-items:center;height:25%;margin-top:2%;display:flex}.dashboard-main-container .counts-container .count-card{border:solid 1px var(--dark-green);width:30%;height:100%;color:var(--dark-green);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:all .3s ease-in-out;display:flex;box-shadow:4px 4px 10px #00000080}.dashboard-main-container .counts-container .count-card .title{font-size:1.4vw;font-weight:500}.dashboard-main-container .counts-container .count-card .count{font-size:3vw;font-weight:600}.dashboard-main-container .counts-container .count-card:hover{background-color:#00ff6651}.dashboard-main-container .graph-title{color:var(--dark-green);margin-top:3%;font-size:1.2vw;font-weight:500}.dashboard-main-container .metrics-container{justify-content:space-between;align-items:center;gap:2%;width:100%;height:45vh;margin-top:1%;display:flex}.dashboard-main-container .metrics-container .bargraph-container,.dashboard-main-container .metrics-container .piechart-container{border:solid 1px var(--dark-green);border-radius:16px;justify-content:center;align-items:center;width:70%;height:100%;display:flex;box-shadow:4px 4px 10px #00000080}.dashboard-main-container .metrics-container .piechart-container{width:30%}.coaches-main-container{width:86vw;height:100vh;padding:5%;overflow-y:scroll}.coaches-main-container .title{color:var(--dark-green);align-items:center;gap:12px;font-size:2vw;font-weight:600;display:flex}.coaches-main-container .title .icon{font-size:2.3vw}.coaches-main-container .sub-title{color:var(--dark-green);font-size:1.1vw}.coaches-main-container .input-container{justify-content:space-between;align-items:stretch;width:80%;height:5vh;margin-top:3%;display:flex}.coaches-main-container .input-container input{border:solid 1px var(--dark-green);border-radius:8px;outline:none;width:80%;padding-left:2%;font-size:.8vw}.coaches-main-container .input-container .search-btn{background-color:var(--dark-green);color:#fff;border:solid 1px var(--dark-green);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:15%;font-size:1vw;display:flex}.coaches-main-container .input-container .search-btn .icon{font-size:1.2vw}.coaches-main-container .input-container .search-btn:active{color:var(--dark-green);background-color:#fff}.coaches-main-container .table-container{margin-top:3%}.coaches-main-container .table-container .table{border:solid 1px var(--dark-green);border-radius:16px}.coaches-main-container .table-container .table .table-header{background-color:var(--light-green);color:#fff}.coaches-main-container .table-container .table .view-clients-btn{color:var(--dark-green);cursor:pointer;justify-self:center;align-items:center;gap:10px;text-decoration:underline;display:flex}.coaches-main-container .table-container .table .view-clients-btn:hover{color:var(--light-green)}.clients-main-container{width:86vw;height:100vh;padding:5%;overflow-y:scroll}.clients-main-container .title{color:var(--dark-green);align-items:center;gap:12px;font-size:2vw;font-weight:600;display:flex}.clients-main-container .title .icon{font-size:2.3vw}.clients-main-container .sub-title{color:var(--dark-green);font-size:1.1vw}.clients-main-container .input-container{justify-content:space-between;align-items:stretch;width:80%;height:5vh;margin-top:3%;display:flex}.clients-main-container .input-container input{border:solid 1px var(--dark-green);border-radius:8px;outline:none;width:80%;padding-left:2%;font-size:.8vw}.clients-main-container .input-container .search-btn{background-color:var(--dark-green);color:#fff;border:solid 1px var(--dark-green);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:15%;font-size:1vw;display:flex}.clients-main-container .input-container .search-btn .icon{font-size:1.2vw}.clients-main-container .input-container .search-btn:active{color:var(--dark-green);background-color:#fff}.clients-main-container .table-container{margin-top:3%}.clients-main-container .table-container .table{border:solid 1px var(--dark-green);border-radius:16px}.clients-main-container .table-container .table .table-header{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:5vh;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;justify-content:center;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;justify-content:center;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:5vh;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;justify-content:center;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;justify-content:center;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 .edit-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 .edit-modal h2{color:var(--dark-green);font-size:1.2vw;text-decoration:underline}.workouts-main-container .edit-modal .input-container{display:flex}.workouts-main-container .edit-modal .input-container label{flex:1}.workouts-main-container .edit-modal .input-container input,.workouts-main-container .edit-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:7%;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}