body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Nunito,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.homeContainer{flex:6 1}.charts,.widget__container{display:flex;gap:20px;margin:20px}.table{box-shadow:0 3px 8px rgba(0,0,0,.24);margin:20px}.table__title{color:#3d3d3d;padding:30px}.navbar__container{align-items:center;border-bottom:.5px solid #dcdcdc;display:flex;height:35.5px;justify-content:space-between;padding:15px 25px}.navbar__left{align-items:center;border:.5px solid #d3d3d3;display:flex;font-size:27px;justify-content:center;padding:3px}.navbar__left-input{border:none;color:#4b4b4b;font-size:20px;outline:none}.navbar__left-icon{color:#4b4b4b}.notifications{background-color:red;border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:17px;position:absolute;right:-3px;top:-3px;width:17px}.navbar__right,.notifications{align-items:center;display:flex;justify-content:center}.navbar__right{color:#3d3d3d;font-size:28px;gap:30px;padding-right:30px}.navbar__right-item{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.widget{border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.24);flex:1 1;padding:15px}.widget,.widget .left{display:flex;justify-content:space-between}.widget .left{flex-direction:column;gap:15px}.widget .left .title{color:#8c8c8c;font-size:1.4rem;text-transform:uppercase}.widget .left .money{font-size:2rem}.widget .left .button{border-bottom:1px solid #919191}.widget .right{display:flex;flex-direction:column;justify-content:space-between}.widget .right .amount{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.widget .right .amount.green{color:green}.widget .right .amount.red{color:red}.widget .right .amount p{margin:0}.widget .right .amount__icon{border-radius:5px;font-size:1.8rem}.widget .right .icon{align-self:end;border-radius:5px;font-size:2rem;padding:5px}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.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}.chartbar{box-shadow:0 3px 8px rgba(0,0,0,.24);flex:2.2 1;margin-top:15px;text-align:center}.chartbar .top{align-items:center;color:#858585;display:flex;font-size:16px;justify-content:space-between;padding:0 20px}.chartbar .top__icon{cursor:pointer;font-size:2rem}.chartbar__price{color:rgba(31,31,31,.93)}.chartbar__container{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.chartbar__container-title{color:#858585;font-size:23px;margin:0}.chartbar__container-flex{align-items:center;display:flex;font-size:20px;gap:5px;justify-content:center;margin-bottom:30px}.chartbar__container-flex.green{color:green}.chartbar__container-flex.red{color:red}.chartbar__container-icon{font-size:30px}.chartbar__title{color:#858585;font-size:1.6rem;margin:0 0 10px}.chartbar__price{font-size:2.5rem;font-weight:700;margin:0}.chartbar__text{color:#858585;font-size:20px;max-width:500px}.chartbar__container2{align-items:center;display:flex;justify-content:space-around}.rightchar__container{box-shadow:0 3px 8px rgba(0,0,0,.24);flex:5 1;height:-webkit-max-content;height:max-content;margin-top:15px;width:-webkit-max-content;width:max-content}.table .Approved{background-color:rgba(0,128,0,.44);border-radius:5px;color:green;padding:10px}.table .Pending{background-color:rgba(255,165,0,.49);border-radius:5px;color:#dc8d00;padding:10px}.sidebar{background-color:#fff;border-right:.5px solid #dcdcdc;flex:1 1;height:auto}.sidebar hr{background-color:#dcdcdc;border:none;height:1px}.sidebar .sidebar__logo{color:#6439ff;font-size:1.7rem;font-weight:700;text-transform:uppercase}.sidebar .top{align-items:center;display:flex;font-size:1.7rem;justify-content:center;padding:10px}.sidebar .mid__list{font-size:1.5rem;list-style:none;margin:0;padding:0}.sidebar .mid__list-title{color:#8d8d8d;font-size:1.5rem;margin-left:10px;text-transform:uppercase}.sidebar .mid__list-item{align-items:center;border-radius:5px;color:#8d8d8d;cursor:pointer;display:flex;gap:15px;justify-content:start;margin-left:20px;padding:5px;transition:all .2s linear;width:170px}.sidebar .mid__list-item:hover{background:#c5c5c5}.sidebar .mid__list-item:hover .mid__list-icon{color:#5420f5}.sidebar .mid__list-icon{color:#6439ff;font-size:25px}.sidebar .bottom{align-items:center;display:flex;gap:15px;justify-content:start;margin-bottom:10px;margin-left:20px}.sidebar .bottom__item{background-color:#252525;border:1px solid #000;border-radius:5px;cursor:pointer;height:35px;width:35px}.sidebar .bottom__item:nth-child(2){background-color:#fff}.listpage{box-shadow:0 3px 8px rgba(0,0,0,.24);margin:15px;width:auto}.listpage__up{align-items:center;display:flex;justify-content:space-between;padding:20px 40px 0}.listpage__up-title{color:dimgray;font-size:2.5rem;margin:0}.listpage__up-btn{background:transparent;border:1px solid #04914b;border-radius:5px;color:#04914b;cursor:pointer;font-size:2rem;padding:10px}.dataTable{height:80vh;padding:20px;width:auto}.dataTable__buttons{align-items:center;display:flex;gap:20px;justify-content:start;width:300px}.dataTable__buttons-delete,.dataTable__buttons-view{background:#fff;border:1px dotted gray;border-radius:5px;cursor:pointer;font-size:23px;padding:8px}.dataTable__buttons-delete{color:#da0303}.dateTable__username{align-items:center;display:flex;gap:15px;justify-content:center}.dateTable__username-img{border-radius:50%;height:55px;object-fit:cover;width:55px}.dateTable__username-passive{background-color:rgba(255,0,0,.45);border-radius:10px;color:#930c0c;padding:3px 5px}.dateTable__username-active{background-color:rgba(0,185,0,.4);border-radius:10px;color:#0c770c;padding:3px 5px}.dateTable__username-pending{background-color:rgba(255,255,0,.53);border-radius:10px;color:#8a8a11;padding:3px 5px}.singlePage{display:flex}.singlePage__info{box-shadow:0 3px 8px rgba(0,0,0,.24);flex:2.7 1;margin:15px;padding:20px;position:relative;width:auto}.singlePage__info-title{color:#727272;font-size:30px}.singlePage__info-up{align-items:center;display:flex;justify-content:start}.singlePage__info-btn{background-color:rgba(128,0,128,.4);border-radius:0 0 0 5px;color:purple;margin:0;padding:10px;position:absolute;right:0;top:0}.singlePage__info-down{align-items:center;display:flex;gap:40px;justify-content:center}.singlePage__info-down-avatar{border-radius:50%;height:220px;object-fit:cover;width:220px}.singlePage__info-down-title{color:#727272;font-size:3rem;font-weight:700;margin:0}.singlePage__info-down-desc{font-size:20px}.singlePage__chartbar{flex:5 1;margin:0 15px 0 0}.newPage__title,.tableContainer{box-shadow:0 3px 8px rgba(0,0,0,.24);margin:15px}.newPage__title{color:#676767;font-size:2rem;padding:20px 20px 20px 50px}.newPage__item{align-items:center;box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;height:auto;justify-content:space-around;margin:15px}.newPage__item-img{border-radius:50%;height:120px;object-fit:cover;width:120px}.newPage__formInput{display:flex;flex-direction:column;flex-wrap:wrap;font-size:2rem}.newPage__formInput-container{display:flex;gap:5rem;justify-content:space-around;padding:40px 0}.newPage__formInput-leftside,.newPage__formInput-rightside{display:flex;flex-direction:column;gap:2rem}.newPage__formInput input{border:none;border-bottom:1px solid #676767;font-size:2rem;outline:none;transition:all .3s linear}.newPage__formInput input::-webkit-input-placeholder{font-size:1.5rem}.newPage__formInput input::placeholder{font-size:1.5rem}.newPage__formInput input:focus{border-bottom:1px solid #3900ff}.newPage__formInput-btn{background:#07e180;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin-bottom:40px;padding:20px 80px}.home{display:flex}.app .homeContainer{background-color:#111;color:#fff}.app .homeContainer .navbar__container{border-bottom:.5px solid gray}.app .homeContainer .navbar__left-input{background:transparent}.app .homeContainer .navbar__left{border:1px solid gray}.app .homeContainer .navbar__right{color:gray}.app .homeContainer .chartbar,.app .homeContainer .listpage,.app .homeContainer .newPage__item,.app .homeContainer .newPage__title,.app .homeContainer .rightchar__container,.app .homeContainer .singlePage__info,.app .homeContainer .table,.app .homeContainer .tableContainer,.app .homeContainer .widget{box-shadow:0 3px 8px hsla(0,0%,100%,.24);color:gray}.app .homeContainer .table__dark{background:#111}.app .homeContainer .tableCell{color:gray}.app .dataTable__dark{color:gray!important}.app .dataTable__buttons-view{background:transparent;color:gray}.app .dataTable__buttons-delete{background:transparent}.app .sidebar{background-color:#111;border-right:.5px solid gray}.app .sidebar hr{background-color:gray}.app .dataTable__dark::-webkit-scrollbar{display:none}.app .newPage__formInput-icon{background-color:gray}.app .newPage__formInput-input{background:transparent}.app .newPage__formInput-btn{background-color:rgba(11,143,90,.77);color:gray}
/*# sourceMappingURL=main.69c8a8cd.css.map*/