*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}.chart{border-radius:5px;box-shadow:5px 5px 10px #d9d9d9,-5px -5px 10px #fff;flex:4 1;padding:10px}.chart .title{color:gray;font-weight:600;margin-bottom:20px}.chart .chartGrid{stroke:#d3d3d3}.featured{border-radius:5px;box-shadow:5px 5px 10px #d9d9d9,-5px -5px 10px #fff;flex:2 1;padding:10px}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:16px;font-weight:600}.featured .top .icon{cursor:pointer}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredChart{height:120px;width:120px}.featured .bottom .title{color:gray;font-weight:500}.featured .bottom .amount{font-size:30px}.featured .bottom .desc{color:gray;font-size:14px;font-weight:300;text-align:center}.featured .bottom .summary{align-items:center;display:flex;justify-content:space-between;margin-top:5px;width:100%}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .itemTitle{color:gray;font-size:14px;font-weight:600}.featured .bottom .summary .itemResult{align-items:center;display:flex;margin-top:10px}.featured .bottom .summary .itemResult.positive{color:#32cd32}.featured .bottom .summary .itemResult.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:#0000}.navbar{border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;height:50px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:10px 20px;width:100%}.navbar .wrapper .searchBar{align-items:center;border:.5px solid #f08080;border-radius:5px;display:flex;padding:5px 10px;width:30%}.navbar .wrapper .searchBar .searchIcon{color:#f08080;cursor:pointer;margin-left:5px}.navbar .wrapper .searchBar input{background-color:#0000;border:none;font-size:14px;font-weight:600;outline:none;width:100%}.navbar .wrapper .items{align-items:center;display:flex;justify-content:center}.navbar .wrapper .items .item{align-items:center;color:#f08080;cursor:pointer;display:flex;margin:0 10px;position:relative}.navbar .wrapper .items .item .avatar{border-radius:50%;height:35px;width:35px}.navbar .wrapper .items .item .counter{align-items:center;background-color:#343434;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.sidebar{background-color:#fff;box-shadow:1px 1px 5px 0 #c2c2c2bf;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;border-bottom:2px solid #dfdfdf;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#f08080;font-size:20px;font-weight:800}.sidebar .mid{padding:10px}.sidebar .mid ul .titles{color:#999;font-size:12px;font-weight:700;margin:15px 0 5px}.sidebar .mid ul li{align-items:center;cursor:pointer;display:flex;margin:5px 0;padding:5px}.sidebar .mid ul li:hover{background-color:#ffeded}.sidebar .mid ul li .icons{color:#f08080;margin-right:5px}.sidebar .mid ul li span{color:#737373;font-size:16px;font-weight:600}.sidebar .bottom{padding:0 0 0 10px}.sidebar .bottom .titles{color:#999;display:block;font-weight:700;margin:15px 0 5px;text-transform:uppercase}.sidebar .bottom .colorOptions{align-items:center;display:flex}.sidebar .bottom .colorOptions .colorOption{border:1px solid #f08080;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOptions .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOptions .colorOption:nth-child(2){background-color:#525252}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .image{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.table .status{border-radius:5px;padding:5px}.table .status.Approved{background-color:rgba(0,128,0,.196);color:green}.table .status.Pending{background-color:rgba(218,165,32,.148);color:#daa520}.widget{border-radius:5px;box-shadow:5px 5px 10px #d9d9d9,-5px -5px 10px #fff;display:flex;flex:1 1;height:100px;justify-content:space-between;padding:10px;transition:all .15s ease}.widget:hover{transform:scale(1.02)}.widget .left,.widget .right{display:flex;flex-direction:column;justify-content:space-between}.widget .left .title,.widget .right .title{color:#999;font-size:14px;font-weight:700;text-transform:uppercase}.widget .left .counter,.widget .right .counter{font-size:24px;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;cursor:pointer;font-size:12px}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:#32cd32}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:30px;padding:5px}.home{display:flex}.home .homeContainer{flex:6 1}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;gap:20px;margin-bottom:10px;padding:20px}.home .homeContainer .listContainer{border-radius:5px;box-shadow:5px 5px 10px #d9d9d9,-5px -5px 10px #fff;margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:gray;font-weight:600;margin-bottom:15px}.login{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.lContainer{display:flex;flex-direction:column;gap:25px;width:30%}.l-input-group{position:relative}.l-input{background:none;border:1.5px solid #9e9e9e;border-radius:1rem;color:#000;font-size:1rem;padding:1rem;transition:border .15s cubic-bezier(.4,0,.2,1);width:100%}.l-user-label{color:#000;left:15px;pointer-events:none;position:absolute;transform:translateY(1rem);transition:.15s cubic-bezier(.4,0,.2,1)}.l-input:focus,input:valid{outline:none}.l-input:focus~label,input:valid~label{background-color:#0000;color:#2196f3;padding:0 .2em;transform:translateY(-80%) scale(.8)}.single{display:flex;width:100%}.single .singleContainer{flex:6 1}.single .singleContainer .top{display:flex;gap:15px;padding:20px}.single .singleContainer .top .left{border-radius:5px;box-shadow:5px 5px 10px #d9d9d9,-5px -5px 10px #fff;flex:1 1;padding:20px;position:relative}.single .singleContainer .top .left .editBtn{background-color:#f080803d;border-radius:0 5px 0 5px;color:#f08080;cursor:pointer;font-size:15px;padding:5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .item{display:flex;gap:30px}.single .singleContainer .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singleContainer .top .left .item .details .detailTitle{color:#999;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:20px}.single .singleContainer .top .left .item .details .detailItem .itemKey{color:gray;font-size:15px;font-weight:700;margin-right:5px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-size:15px;font-weight:300}.single .singleContainer .top .right{border-radius:5px;box-shadow:5px 5px 10px #d9d9d9,-5px -5px 10px #fff;flex:2 1}.single .singleContainer .bottom{border-radius:5px;box-shadow:5px 5px 10px #d9d9d9,-5px -5px 10px #fff;margin:10px 20px;padding:20px}.single .singleContainer .title{color:#999;font-size:16px;margin-bottom:20px}.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{border-radius:5px;box-shadow:5px 5px 10px #d9d9d9,-5px -5px 10px #fff;display:flex;margin:20px;padding:20px}.new .newContainer .bottom h1,.new .newContainer .top h1{color:#999;font-size:20px}.new .newContainer .bottom .left,.new .newContainer .top .left{flex:1 1;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .top .right form .formInput label .icon{color:#999;cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{align-self:flex-start;background-color:#f08080;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;width:150px}.datatable{padding:20px}.datatable .datatableTitle{align-items:center;color:#999;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .addBtn{background-color:hsla(0,79%,72%,.162);border-radius:5px;color:#f08080;cursor:pointer;font-size:20px;font-weight:700;padding:10px}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{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,.196);color:green}.datatable .cellWithStatus.pending{background-color:rgba(218,165,32,.148);color:#daa520}.datatable .cellWithStatus.passive{background-color:#dc143c29;color:crimson}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewBtn{border:1px solid rgba(0,0,139,.603);border-radius:5px;color:blue;cursor:pointer;padding:2px 5px}.datatable .cellAction .deleteBtn{border:1px solid rgba(220,20,60,.623);border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.app.dark{background:#222;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#222}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333}.app.dark .sidebar{background-color:#222;box-shadow:1px 1px 5px 0 #323232bf}.app.dark .sidebar .top{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .chart,.app.dark .featured,.app.dark .listContainer,.app.dark .widget{box-shadow:5px 5px 11px #1a1a1a,-5px -5px 11px #2a2a2a}.app.dark .datatable .dataGrid,.app.dark .datatable .dataGrid .deleteBtn,.app.dark .datatable .dataGrid .viewBtn{border:none;color:gray}.app.dark .datatable .dataGrid .cellWithStatus{color:#aaa}.app.dark .datatable .dataGrid .cellWithStatus.active{background-color:rgba(0,128,0,.509)}.app.dark .datatable .dataGrid .cellWithStatus.pending{background-color:rgba(218,165,32,.509)}.app.dark .datatable .dataGrid .cellWithStatus.passive{background-color:rgba(220,20,60,.509)}.app.dark .new .newContainer .bottom,.app.dark .new .newContainer .top{box-shadow:5px 5px 11px #1a1a1a,-5px -5px 11px #2a2a2a}.app.dark .new .newContainer .bottom input,.app.dark .new .newContainer .top input{background-color:#0000}.app.dark .single .singleContainer .bottom,.app.dark .single .singleContainer .top .left,.app.dark .single .singleContainer .top .right{box-shadow:5px 5px 11px #1a1a1a,-5px -5px 11px #2a2a2a}
/*# sourceMappingURL=main.2c239229.css.map*/