.home{display:flex}.home .homeContainer{flex:7 1}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.home .homeContainer .charts{margin-top:1.5rem;padding:15px 20px}.home .homeContainer .listContainer{box-shadow:2px 4px 10px 1px #c901c978;margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:gray;font-size:20px;font-weight:500;margin-bottom:15px}.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#6439ff;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style-type:none;margin:0;padding:0}.sidebar .center ul .title{color:#e6792b;font-size:18px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebar .center ul li:hover{background-color:#ece}.sidebar .center ul li .icon{color:#7451f8;font-size:35px}.sidebar .center ul li span{color:#889;font-size:18px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOptions{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOptions:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOptions:nth-child(2){background-color:#333}.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:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .wrapper .search input{background-color:#0000;border:none;outline:none}.navbar .wrapper .search input::placeholder{font-size:16px}.navbar .wrapper .items{align-items:center;cursor:pointer;display:flex}.navbar .wrapper .items .item{align-items:center;display:flex;margin-right:20px;position:relative}.navbar .wrapper .items .item .icon{color:#7451f8;font-size:35px}.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:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:0;top:0;width:15px}.widgets{background-color:#fa86ffb3;box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;height:200px;padding:10px}.widgets,.widgets .left,.widgets .right{display:flex;justify-content:space-between}.widgets .left,.widgets .right{flex-direction:column}.widgets .left .title,.widgets .right .title{color:#251c1c;font-size:18px;font-weight:700}.widgets .left .counter,.widgets .right .counter{font-size:28px;font-weight:500}.widgets .left .link,.widgets .right .link{border-bottom:1px solid gray;font-size:16px;width:-webkit-max-content;width:max-content}.widgets .left .percentage,.widgets .right .percentage{align-items:center;display:flex;font-size:16px}.widgets .left .percentage.positive,.widgets .right .percentage.positive{color:green}.widgets .left .percentage.negative,.widgets .right .percentage.negative{color:red}.widgets .left .icon,.widgets .right .icon{align-self:flex-end;border-radius:5px;font-size:35px;padding:5px}.featured{box-shadow:2px 4px 10px 1px #c901c978;flex:2 1;padding:10px}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:18px;font-weight:500}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredCharts{height:100px;width:100px}.featured .bottom .title{color:gray;font-weight:500}.featured .bottom .amount{font-weight:30}.featured .bottom .description{color:gray;font-size:16px;font-weight:300;text-align:center}.featured .bottom .summary{align-items:center;display:flex;justify-content:space-between;width:100%}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .item .itemTitle{color:gray;font-size:15px}.featured .bottom .summary .item .itemResult{align-items:center;display:flex;font-size:15px;margin-top:10px}.featured .bottom .summary .item .itemResult.positive{color:green}.featured .bottom .summary .item .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}.chart{box-shadow:2px 4px 10px 1px #c901c978;color:gray;flex:5 1;margin-left:20px;padding:10px}.chart .title{color:#000;font-size:18px;margin-top:20px}.chart .chartGrid{stroke:dimgray}.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:#21202033;color:green}.table .status.Pending{background-color:#21202033;color:blue}.table .status.Canceled{background-color:#21202033;color:red}.list{display:flex;width:100%}.list .listContainer{flex:7 1}.list .listContainer .users{font-size:32px;font-weight:900;text-align:center}.datatable{height:500px;margin:5px;padding:20px}.datatable .datatableTitle{align-items:center;display:flex;font-size:18px;justify-content:space-between;margin-bottom:15px;width:100%}.datatable .datatableTitle .btn{border:2px solid green;border-radius:5px;color:green;font-size:18px;font-weight:700;width:-webkit-max-content;width:max-content}.datatable .datatableTitle .btn:hover{border-radius:5px;color:blue;transition:.3 ease-in-out}.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;margin:3px;padding:5px}.datatable .cellWithStatus.active{background-color:#21202033;color:green}.datatable .cellWithStatus.pending{background-color:#21202033;color:blue}.datatable .cellWithStatus.passive{background-color:#21202033;color:red}.datatable .cellAction{align-items:center;display:flex;gap:15px;margin:3px;width:-webkit-max-content;width:max-content}.datatable .cellAction .viewButton{border:1px dotted #00008b;border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .editButton{border:1px dotted rgba(20,220,43,.714);border-radius:5px;color:green;cursor:pointer;padding:2px 5px}.datatable .cellAction .deleteButton{border:1px dotted #dc143c99;border-radius:5px;color:red;cursor:pointer;padding:2px 5px}.newItem{display:flex;width:100%}.newItem .newItemContainer{flex:7 1;width:-webkit-max-content;width:max-content}.newItem .newItemContainer .bottom,.newItem .newItemContainer .top{box-shadow:2px 4px 10px 1px #c901c978;display:flex;margin:20px;padding:10px}.newItem .newItemContainer .bottom h1,.newItem .newItemContainer .top h1{color:#000;font-size:25px;font-weight:900}.newItem .newItemContainer .bottom .left{flex:1 1;text-align:center}.newItem .newItemContainer .bottom .left img{border-radius:50%;height:300px;object-fit:cover;width:300px}.newItem .newItemContainer .bottom .right{flex:2 1}.newItem .newItemContainer .bottom .right form{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.newItem .newItemContainer .bottom .right form .formInput{width:40%}.newItem .newItemContainer .bottom .right form .formInput label{align-items:center;color:#f08080;display:flex;font-size:18px;gap:10px}.newItem .newItemContainer .bottom .right form .formInput label .icon{cursor:pointer}.newItem .newItemContainer .bottom .right form .formInput input{font-size:20px;height:38px;padding:5px;width:100%}.newItem .newItemContainer .bottom .right form .formInput input::placeholder{font-size:20px}.newItem .newItemContainer .bottom .right form button{background-color:teal;border-radius:5px;color:#fff;cursor:pointer;font-size:21px;font-weight:600;margin-top:10px;padding:10px;width:250px}.single{display:flex;width:100%}.single .singleContainer{flex:7 1}.single .singleContainer .topUserInfo{display:flex;gap:20px;padding:20px}.single .singleContainer .topUserInfo .leftUserInfo{box-shadow:2px 4px 10px 1px #c901c978;flex:1 1;padding:20px;position:relative}.single .singleContainer .topUserInfo .leftUserInfo .editButton{background-color:rgba(119,85,85,.267);border-radius:0 0 0 5px;color:blue;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:0;top:0;width:80px}.single .singleContainer .topUserInfo .leftUserInfo .editButton:hover{background-color:#ece}.single .singleContainer .topUserInfo .leftUserInfo .deleteButton{background-color:rgba(119,85,85,.267);border-radius:5px 0 0 0;bottom:0;color:blue;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:0;width:80px}.single .singleContainer .topUserInfo .leftUserInfo .deleteButton:hover{background-color:#ece9}.single .singleContainer .topUserInfo .leftUserInfo .itemUserDetails{display:flex;gap:20px}.single .singleContainer .topUserInfo .leftUserInfo .itemUserDetails .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singleContainer .topUserInfo .leftUserInfo .itemUserDetails .details{display:flex;flex-direction:column;gap:20px}.single .singleContainer .topUserInfo .leftUserInfo .itemUserDetails .details .itemTitle{color:#555;margin-bottom:10px}.single .singleContainer .topUserInfo .leftUserInfo .itemUserDetails .details .detailItem{font-size:15px;margin-bottom:10px}.single .singleContainer .topUserInfo .leftUserInfo .itemUserDetails .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.single .singleContainer .topUserInfo .leftUserInfo .itemUserDetails .details .detailItem .itemValue{font-weight:300}.single .singleContainer .topUserInfo .rightUserChartInfo{flex:2 1}.single .singleContainer .bottomUserLastTransactions{box-shadow:2px 4px 10px 1px #c901c978;margin:20px;padding:20px}.single .singleContainer .title{color:#85c7dd;font-size:20px;margin-bottom:20px}.app.dark{background-color:#111;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:#0000}
/*# sourceMappingURL=main.6a3251da.css.map*/