.sidebar-container{flex:1.5;border-right:.5px solid lightgray;min-height:100vh}.logo-container{height:60px;display:flex;align-items:center;justify-content:center}.sidebar-link{text-decoration:none}.logo{font-size:28px;font-weight:700;color:#2764d7}hr{height:0;border:.5px solid lightgray}.sidebar{padding-left:10px}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-title{font-size:14px;font-weight:700;color:#999;margin-top:30px;margin-bottom:10px}.sidebar-list-item{display:flex;align-items:center;padding:5px;cursor:pointer}.sidebar-list-item:hover{background-color:#ece8ff}.sidebar-icon{font-size:18px;color:#2764d7}span{font-size:16px;font-weight:600;color:#888;margin-left:10px}.navbar{height:60px;border-bottom:.5px solid lightgray;display:flex;align-items:center;font-size:14px;color:#555}.wrapper{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.search{display:flex;align-items:center;border:.5px solid lightgray;padding:3px}.search-input{border:none;background-color:transparent}.search-input::placeholder{font-size:12px}.nav-items{display:flex;align-items:center}.nav-item{display:flex;align-items:center;margin-right:20px;position:relative}.nav-icon{font-size:20px}.avatar{width:30px;height:30px;border-radius:50%}.counter{width:15px;height:15px;background-color:#dc143c;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-5px}.widget{display:flex;justify-content:space-between;flex:1;padding:10px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 2px 10px 1px #c9c9c978;border-radius:10px;height:100px;background-color:#fff}.widget-left,.widget-right{display:flex;flex-direction:column;justify-content:space-between}.widget-title{font-weight:700;font-size:14px;color:#999}.widget-counter{font-size:28px;font-weight:300}.widget-link{width:max-content;font-size:12px;border-bottom:1px solid gray}.widget-percentage{display:flex;align-items:center;font-size:14px}.widget-icon{font-size:18px;padding:5px;border-radius:5px;align-self:flex-end}.featured{flex:2;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 2px 10px 1px #c9c9c978;padding:10px;background-color:#fff}.featured-top{display:flex;align-items:center;justify-content:space-between;color:gray}.featured-title{font-size:16px;font-weight:500;padding-top:5px;padding-left:10px}.featured-bottom{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.featured-chart{width:150px;height:150px}.featured-chart-title{font-weight:500;color:gray}.featured-chart-amount{font-size:30px}.featured-chart-description{font-weight:300;font-size:14px;color:gray;text-align:center}.summary{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.summary-item{text-align:center}.summary-item-title{font-size:14px;color:gray}.summary-item-result{display:flex;align-items:center;margin-top:10px;font-size:14px}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.chart{flex:4;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 2px 10px 1px #c9c9c978;padding:10px;color:gray;background-color:#fff}.chart-title{margin-bottom:20px;font-size:16px;padding-top:5px;padding-left:10px}.chart-grid{stroke:#d3d3d3}.home{display:flex;background-color:#faf9f6}.home-container{flex:6}.widgets,.charts{display:flex;padding:20px;gap:30px}.charts{padding:5px 20px}.lists{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 2px 10px 1px #c9c9c978;padding:20px;margin:20px}.lists-title{font-weight:500;color:gray;margin-bottom:15px}.positive{color:#1e811e}.negative{color:#dc143c}.login{height:100vh;display:flex;align-items:center;justify-content:center;background-color:#faf9f6}.login-form{display:flex;flex-direction:column;align-items:center}.login-form-input{width:200px;height:30px;margin:10px}.login-formButton{width:200px;height:30px;border:none;background-color:#2764d7;color:#fff;font-weight:700;border-radius:5px;cursor:pointer}.login-error-msg{font-size:12px;color:#dc143c;margin-top:10px}.list{display:flex;background-color:#faf9f6}.list-container{flex:6;width:100%}.datatable-container{height:600px;padding:20px}.datatable-title{width:100%;font-size:24px;color:gray;margin:10px;display:flex;align-items:center;justify-content:space-between}.datatable-link{text-decoration:none}.addNew-button{color:#1e811e;font-size:16px;font-weight:400;border:1px solid rgb(30,129,30);padding:5px;border-radius:5px;cursor:pointer;margin-right:20px}.datatable{margin:10px}.cellAction{display:flex;align-items:center;line-height:normal;gap:15px;padding-top:15px}.viewButton,.deleteButton{padding:2px 5px;border-radius:5px;cursor:pointer}.viewButton{color:#2764d7;border:1px solid #2765d7b3}.deleteButton{color:#dc143c;border:1px solid rgba(220,20,60,.6)}.new{width:100%;display:flex;background-color:#faf9f6}.new-container{flex:6}.new-top,.new-bottom{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 2px 10px 1px #c9c9c978;padding:20px;margin:20px;display:flex;background-color:#fff}.new-title{color:#999;font-size:20px}.new-left{flex:1;text-align:center;padding:20px}.new-right{flex:3;padding:20px}.new-image{width:200px;height:200px;border-radius:50%;object-fit:cover}.new-form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.formInputs{width:40%}.new-form-label{display:flex;align-items:center;gap:20px}.new-form-input{width:100%;padding:5px;border:none;border-bottom:1px solid gray}.new-form-input:focus{border-bottom:2px solid #007bff;outline:none}.file-icon{cursor:pointer}.new-formButton{width:150px;padding:10px;border:none;border-radius:5px;background-color:#2764d7;color:#fff;font-weight:700;cursor:pointer;margin-top:10px}.new-formButton:hover{background-color:#daa520a9}.single{display:flex;width:100%;background-color:#faf9f6}.single-container{flex:6}.single-top{padding:20px;display:flex;gap:30px;width:fit-content}.single-left{flex:2;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 2px 10px 1px #c9c9c978;padding:20px;position:relative;background-color:#fff}.editButton{position:absolute;top:0;right:0;padding:10px;font-size:16px;color:#2764d7;background-color:#2765d754;border-radius:0 0 0 5px;cursor:pointer}.single-title{font-size:20px;color:#888;margin-bottom:30px}.single-item{display:flex;gap:30px;padding:30px}.single-item-img{width:200px;height:200px;padding:20px;border-radius:50%;object-fit:cover}.details{padding:20px;margin-right:20px}.item-title{margin-bottom:20px;color:#555}.detail-item{margin-bottom:10px;font-size:16px;padding:5px}.itemKey{font-weight:700;color:gray;margin-right:5px;font-size:16px}.itemValue{font-size:16px}.edit-form{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.edit-formInputs{width:95%;margin-bottom:5px;display:flex;flex-direction:column;align-items:flex-start}.edit-form-label{margin-bottom:5px;font-weight:700;color:#333;font-size:14px}.edit-form-input{width:100%;padding:5px;border:none;border-bottom:1px solid gray;font-size:14px}.edit-form-input:focus{border-bottom:2px solid #007bff;outline:none}.edit-formButton{width:150px;padding:10px;border:none;border-radius:5px;background-color:#2764d7;color:#fff;font-weight:700;cursor:pointer;margin-top:10px}.edit-formButton:hover{background-color:#daa520a9}*{font-family:Nunito,serif;margin:0}