.navbar{background-color:#fff;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%}.navbarWrapper{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 20px}.logo{color:#00008b;cursor:pointer;font-size:30px;font-weight:700}.navbarRight{align-items:center;display:flex}.iconContainer{cursor:pointer;margin-right:10px;position:relative}.badge{align-items:center;background-color:red;color:#fff;display:flex;font-size:10px;height:15px;justify-content:center;position:absolute;top:-5px;width:15px}.avatar,.badge{border-radius:50%}.avatar{cursor:pointer;height:40px;width:40px}.sidebar{background-color:#d3d3d3;flex:1 1;height:calc(100vh - 50px);position:-webkit-sticky;position:sticky;top:50px}.sidebarWrapper{padding:20px}.menu{margin-bottom:10px}.title{margin-bottom:5px}.list{list-style:none;margin:0;padding:5px}.listItem{align-items:center;border-radius:10px;cursor:pointer;display:flex;padding:5px}.listItem.active,.listItem:hover{background-color:gray}.home{flex:4 1}.listWidgets{display:flex;margin:20px}.widget{display:flex;justify-content:space-between;width:100%}.widgetItem{border-radius:10px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);cursor:pointer;flex:1 1;margin:0 20px;padding:30px}.widgetTitle{font-size:20px}.widgetMoneyContainer{align-items:center;display:flex;margin:10px 0}.widgetMoney{font-size:30px;font-weight:600}.widgetMoneyRate{align-items:center;display:flex;margin-left:20px}.widgetIcon{color:green;font-size:18px;margin-left:5px}.widgetIcon.negative{color:red}.widgetSubTitle{color:gray;font-size:15px}.chart{box-shadow:0 0 15px -10px rgba(0,0,0,.75);margin:20px;padding:20px}.chartTitle{margin-bottom:20px}.userWidget{box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:1 1;padding:20px}.title{font-size:32px}.userList{list-style:none;margin:0;padding:0}.userListItem{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.user{flex-direction:row}.userInfo{display:flex;flex-direction:column}.userShow{align-items:center;background-color:#d3d3d3;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;padding:7px 10px}.userShowIcon{font-size:16px!important;margin-right:5px}.transactionWidget{box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:3 1;margin-left:20px;padding:20px}.title{font-size:22px;font-weight:600}.transactionTable{border-spacing:20px;width:100%}.transactionHeader{text-align:left}.user{align-items:center;display:flex;font-weight:600}.userImage{height:40px;width:40px}.transactionAmount,.transactionDate{font-weight:300}.transactionButton{border:none;border-radius:10px;padding:5px 7px}.transactionButton.Approved{background-color:#fff;color:green}.transactionButton.Declined{background-color:#fff;color:red}.transactionButton.Pending{background-color:#fff;color:blue}.users{flex:4 1;padding:20px}.userImageContainer{align-items:center;display:flex}.userImage{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.userEdit{background-color:green;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:20px;padding:5px 10px}.userDelete{color:red;cursor:pointer}.editUser{flex:4 1;padding:20px}.titleBar{align-items:center;display:flex;justify-content:space-between}.createUser{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px;width:80px}.userContainer{display:flex;margin-top:20px}.userProfile{flex:1 1}.userProfile,.userUpdate{box-shadow:0 0 15px -10px rgba(0,0,0,.75);padding:20px}.userUpdate{flex:2 1;margin-left:20px}.userAvatar{align-items:center;display:flex}.userInfoImage{border-radius:50%;height:40px;object-fit:cover;width:40px}.userInfoTitle{display:flex;flex-direction:column;margin-left:20px}.userName{font-weight:600}.userRole{font-weight:300}.userDetails{margin-top:20px}.userDetailsTitle{color:gray;font-size:14px;font-weight:600}.userDetail{align-items:center;display:flex;margin:20px 0}.userDetailIcon{font-size:16px!important}.userDetailTitle{margin-left:10px}.userUpdateForm{display:flex;justify-content:space-between;margin-top:20px}.userUpdateItem{display:flex;flex-direction:column;margin-top:10px}.userUpdateItem>label{font-size:14px;margin-bottom:5px}.userUpdateInput{border:none;border-bottom:1px solid gray;height:30px;width:250px}.userUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.userUpdateUpload{align-items:center;display:flex;flex-direction:column}.userUpdateImage{border-radius:10px;height:100px;margin-bottom:20px;margin-right:20px;object-fit:cover;width:100px}.userUpdateIcon{cursor:pointer}.userUpdateButton{background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:5px}.addUser{flex:4 1;padding-left:20px}.addUserForm{display:flex;flex-wrap:wrap}.addUserItem{display:flex;flex-direction:column;margin-right:20px;margin-top:10px;width:400px}.addUserItem>label{color:#a9a9a9;font-size:14px;font-weight:600;margin-bottom:10px}.addUserItem>input{border:1px solid gray;border-radius:5px;height:20px;padding:10px}.addUserGender>input{margin-top:15px}.addUserGender>label{color:#a9a9a9;font-size:18px;margin:10px}.addUserSelect{border-radius:5px;height:40px}.addUserButton{background-color:#00008b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:30px;padding:7px 10px;width:200px}.products{flex:4 1;padding:20px}.productsItem{align-items:center;display:flex}.productsImage{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.productsEdit{background-color:green;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:20px;padding:5px 10px}.productsDelete{color:red;cursor:pointer}.editProduct{flex:4 1;padding:20px}.productTitleContainer{align-items:center;display:flex;justify-content:space-between}.createProduct{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px;width:80px}.productDetails{display:flex}.productSalesWidget{flex:3 1}.productDetailsWidget{box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:1 1;flex-direction:column;justify-content:space-evenly}.productDetailsAvatar,.productDetailsWidget{align-items:center;display:flex}.productDetailsImage,.productUploadImage{border-radius:10px;height:100px;margin-right:20px;object-fit:cover;width:100px}.productName{font-weight:600}.productInfo{margin-top:20px}.productInfoItem{display:flex;justify-content:space-between;margin:10px;width:250px}.productInfoValue{font-weight:300}.editProductWidget{box-shadow:0 0 15px -10px rgba(0,0,0,.75);margin:20px;padding:20px}.productForm{display:flex;justify-content:space-between}.productFormLeft{display:flex;flex-direction:column}.productFormLeft>label{color:gray;margin-bottom:10px}.productFormLeft>input{border:none;border-bottom:1px solid gray;margin-bottom:10px;padding:5px}.productFormLeft>select{margin-bottom:10px}.productFormRight{display:flex;flex-direction:column;justify-content:space-around}.productUpload{align-items:center;display:flex}.productButton{background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:5px}.addProduct{flex:4 1;padding:20px}.addProductForm{margin-top:10px}.addProductItem{display:flex;flex-direction:column;margin-bottom:10px;width:250px}.addProductItem>label{color:gray;font-weight:600;margin-bottom:10px}.addProductItem>input,.addProductItem>select{padding:10px}.addProductButton{background-color:#00008b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:7px 10px}.container{display:flex;margin-top:10px}.link{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.1ecc6fbd.css.map*/