*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}.side{position:relative}.side .bars{color:#6539ff;cursor:pointer;font-size:30px;left:5px;position:absolute;top:40px;z-index:1}@media(max-width:767px){.side .bars{font-size:40px;left:-4px;top:64px}}.side .sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;min-height:100vh;position:absolute;width:240px;z-index:9}.side .sidebar .close{color:#6539ff;cursor:pointer;font-size:30px;position:absolute;right:5px;top:33px;z-index:1000}@media(max-width:767px){.side .sidebar .close{font-size:40px;right:-4px;top:64px}}.side .sidebar .logo{align-items:center;border-bottom:.5px solid #e7e4e4;color:#6539ff;display:flex;font-size:25px;font-weight:700;height:50px;justify-content:center;position:relative}@media(max-width:767px){.side .sidebar .logo{height:100px}}.side .sidebar .list{padding-left:10px}.side .sidebar .list ul{list-style:none;margin:0;padding:0}.side .sidebar .list ul .main{color:#7451f8;font-size:18px;margin-left:20px;margin-top:15px}.side .sidebar .list ul .title{color:#999;font-size:11px;font-weight:700;margin:15px 0 5px}.side .sidebar .list ul li{align-items:center;cursor:pointer;display:flex;left:-2px;padding:6px;position:relative;transition:.25s}.side .sidebar .list ul li:hover{background-color:#ece8ff;left:2px}.side .sidebar .list ul .icon{color:#7451f8;font-size:20px}.side .sidebar .list ul span{color:#888;font-weight:600;margin-left:10px}.side .sidebar .colors{align-items:center;display:flex;margin:10px}.side .sidebar .colors .coloroption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.side .sidebar .colors .coloroption:first-child{background-color:#f5f5f5}.side .sidebar .colors .coloroption:nth-child(2){background-color:#333}.side .sidebar .colors .coloroption:nth-child(3){background-color:#00008b}.side .sidebar a{color:inherit;text-decoration:none}.navbar{align-items:center;border-bottom:.5px solid #e7e4e4;color:#555;display:flex;font-size:20px;height:50px}@media(max-width:767px){.navbar{height:100px;width:100vw}}.navbar .wrapper{align-items:center;display:flex;justify-content:space-between;padding:20px;width:100%}@media(max-width:767px){.navbar .wrapper{flex-direction:column-reverse;gap:15px}}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:5px 10px;position:relative;width:280px}.navbar .wrapper .search input{background-color:transparent;border:none;outline:none}.navbar .wrapper .search .searchIcon{position:absolute;right:2px}.navbar .wrapper .items{display:flex}.navbar .wrapper .items .item{align-items:center;display:flex;margin-right:20px;position:relative}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-2px;top:-2px;width:15px}.home{display:flex}.home .container{flex:6 1}@media(max-width:767px){.home .container{width:100%}}.home .container .charts,.home .container .widgets{display:flex;gap:20px;padding:20px}@media(max-width:767px){.home .container .charts,.home .container .widgets{align-items:center;flex-direction:column}}.home .container .charts{padding:5px 20px}.home .container .listContainer{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:20px;padding:10px}.home .container .listContainer .title{color:gray;font-weight:500;margin-bottom:15px}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;flex:1 1;height:100px;justify-content:space-between;padding:10px}@media(max-width:767px){.widget{flex-basis:auto;height:130px;width:80vw}}.widget .left,.widget .right{display:flex;flex-direction:column;justify-content:space-between}.widget .left .title,.widget .right .title{color:#a0a0a0;font-size:15px;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.widget .percent{align-items:center;display:flex;font-size:15px}.widget .percent.positive{color:green}.widget .percent.negative{color:red}.widget .icon{align-self:end;border-radius:5px;font-size:24px;padding:5px}.featured{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;padding:10px}@media(max-width:767px){.featured{flex-basis:auto;width:80vw}}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:17px;font-weight:500}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredChart{height:110px;width:110px}.featured .bottom .title{color:gray;font-weight:500}.featured .bottom .amount{font-size:30px}.featured .bottom .desc{color:gray;font-size:13px;font-weight:300;text-align:center}.featured .bottom .summary{display:flex;justify-content:space-between;width:100%}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .item .title{color:gray;font-size:14px}.featured .bottom .summary .item .result{align-items:center;display:flex;font-size:15px;margin-top:10px}.featured .bottom .summary .item .result.positive{color:green}.featured .bottom .summary .item .result.negative{color:red}.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}.chart{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:gray;flex:2 1;padding:10px}@media(max-width:767px){.chart{flex-basis:auto;width:80vw}}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:gray}.table{overflow-x:auto}.table .cellwrapper{align-items:center;display:flex}@media(max-width:992px){.table .cellwrapper .tablContent{overflow-x:auto}}.table .cellwrapper .image{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:23px}.table .status{border-radius:5px;padding:5px}.table .status.Approved{background-color:rgba(0,128,0,.151);color:green}.table .status.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.listPage{display:flex}.listPage .container{flex:6 1}.datatable{height:600px;padding:20px}.datatable .tableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px}.datatable .tableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:18px;font-weight:400;padding:5px;text-decoration:none}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg img{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.5);color:green}.datatable .cellWithStatus.pending{background-color:rgba(255,217,0,.5);color:#daa520}.datatable .cellWithStatus.passive{background-color:rgba(255,0,0,.5);color:crimson}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .view{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .delete{border:1px dotted rgba(220,20,60,.6);border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.new{display:flex}.new .container{flex:6 1}.new .container .bottom,.new .container .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.new .container .bottom h1,.new .container .top h1{color:#d3d3d3;font-size:20px}.new .container .bottom .left,.new .container .top .left{flex:1 1;text-align:center}.new .container .bottom .left img,.new .container .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .container .bottom .right,.new .container .top .right{flex:2 1}.new .container .bottom .right form,.new .container .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .container .bottom .right form .formInput,.new .container .top .right form .formInput{width:40%}.new .container .bottom .right form .formInput label,.new .container .top .right form .formInput label{align-items:center;display:flex;gap:10px}.new .container .bottom .right form .formInput label .icon,.new .container .top .right form .formInput label .icon{cursor:pointer}.new .container .bottom .right form .formInput input,.new .container .top .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .container .bottom .right form .formInput input:focus,.new .container .top .right form .formInput input:focus{outline-color:teal}.new .container .bottom .right form button,.new .container .top .right form button{background-color:teal;border:none;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:10px;padding:10px;width:150px}.single{display:flex}.single .container{flex:6 1}.single .container .title{color:#d3d3d3;font-size:19px;margin-bottom:20px}.single .container .top{display:flex;gap:20px;padding:20px}.single .container .top .left{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;padding:20px;position:relative}.single .container .top .left .edit{background-color:rgba(117,81,248,.094);border-bottom-left-radius:7px;color:#7451f8;cursor:pointer;font-size:14px;padding:7px;position:absolute;right:0;top:0}.single .container .top .left .item{display:flex;gap:20px}.single .container .top .left .item img{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .container .top .left .item .details .title{color:#555;margin-bottom:10px}.single .container .top .left .item .details .info{font-size:15px;margin-bottom:10px}.single .container .top .left .item .details .info .key{color:#555;font-weight:700;margin-right:5px}.single .container .top .left .item .details .info .value{font-weight:300}.single .container .top .right{flex:2 1}.single .container .bottom{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:10px 20px;padding:20px}
/*# sourceMappingURL=main.532bd350.css.map*/