.sidebar{background-color:#f8f8fd;border-radius:10px;flex:1;height:calc(100vh - 50px);position:sticky;top:50px}.sidebarWrapper{color:#555;padding:20px}.sidebarMenu{margin-bottom:10px}.sidebarTitle{color:#464646f8;font-size:14px}.sidebarList{padding:5px;list-style:none}.sidebarListItem{cursor:pointer;border-radius:10px;align-items:center;padding:5px;display:flex}.sidebarListItem.active,.sidebarListItem:hover{background-color:#ebebff}.sidebarIcon{margin-right:5px;font-size:20px}*{box-sizing:border-box;margin:0;padding:0}.topbar{z-index:456;background-color:#fff;width:100%;height:50px;position:sticky;top:0}.topbarWrapper{justify-content:space-between;align-items:center;height:100%;padding:0 20px;display:flex}.logo{cursor:pointer;color:brown;font-size:30px;font-weight:700}.topRight{align-items:center;display:flex}.topbarIconContainer{cursor:pointer;color:#555;margin-right:15px;position:relative}.topIconBadge{color:#fff;background-color:brown;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;display:flex;position:absolute;top:-5px;right:0}.topAvatar{object-fit:cover;cursor:pointer;border-radius:50%;width:40px;height:40px}.chart{margin:20px;padding:20px;box-shadow:0 0 15px -10px #000000bf}.chartTitle{margin-bottom:20px}.features{justify-content:space-between;width:100%;display:flex}.featureItem{cursor:pointer;border-radius:10px;flex:1;margin:0 20px;padding:30px;box-shadow:0 0 15px -10px #000000bf}.featureTitle{font-size:20px}.featureContainer{align-items:center;margin:10px 0;display:flex}.featureMoney{font-size:30px;font-weight:600}.featureRate{align-items:center;margin-left:20px;display:flex}.featureIcon{color:green;margin-left:5px;font-size:14px}.featureIcon.negative{color:red}.featureSub{color:gray;font-size:15px}.home{flex:5}.homeWidgets{margin:20px;display:flex}.widgetSm{flex:1;margin-right:20px;padding:20px;box-shadow:0 0 15px -10px #000000bf}.widgetSmTitle{font-size:22px;font-weight:600}.widgetSmList{margin:0;padding:0;list-style:none}.widgetSmListItem{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.widgetSmImg{object-fit:cover;border-radius:50%;width:45px;height:45px}.widgetSmUser{flex-direction:column;display:flex}.widgetSmUserName{font-weight:600}.widgetSmUserTitle{font-weight:300}.widgetSmButton{cursor:pointer;color:#555;background-color:#eeeef7;border:none;border-radius:10px;align-items:center;padding:7px 10px;display:flex}.widgetSmIcon{margin-right:5px;font-size:16px!important}.widgetLg{flex:2;padding:20px;box-shadow:0 0 15px -10px #000000bf}.widgetLgTitle{font-size:22px;font-weight:600}.widgetLgTable{border-spacing:20px;width:100%}.widgetLgTh{text-align:left}.widgetLgUser{align-items:center;display:flex}.widgetLgImg{object-fit:cover;border-radius:50%;width:45px;height:45px;margin-right:10px}.widgetLgDate,.widgetLgAmount{font-weight:300}.widgetLgButton{border:none;border-radius:10px;padding:5px 7px}.widgetLgButton.Approved{color:#3bb077;background-color:#e5faf2}.widgetLgButton.Declined{color:#d95087;background-color:#fff0f1}.widgetLgButton.Pending{color:#2a7ade;background-color:#ebf1fe}.product{flex:4;padding:20px}.productTitleContainer{justify-content:space-between;align-items:center;display:flex}.productAddButton{cursor:pointer;color:#fff;background-color:teal;border:none;border-radius:5px;width:80px;padding:5px;font-size:16px}.productTop{display:flex}.productTopLeft,.productTopRight{flex:1}.productTopRight{margin:20px;padding:20px;box-shadow:0 0 15px -10px #000000bf}.productInfoTop{align-items:center;display:flex}.productInfoImg{object-fit:cover;width:40px;height:40px;margin-right:20px}.productName{font-weight:600}.productInfoBottom{margin-top:10px}.productInfoItem{justify-content:space-between;width:200px;display:flex}.productInfoKey{font-weight:600}.productInfoValue{color:#555;font-weight:300}.productBottom{margin:20px;padding:20px;box-shadow:0 0 15px -10px #000000bf}.productFrom{justify-content:space-between;display:flex}.productFormLeft{flex-direction:column;display:flex}.productFormLeft>label{color:gray;margin-bottom:10px}.productFormLeft>input{border:none;border-bottom:1px solid gray;margin-bottom:10px;padding:5px}.productFormLeft>input:focus{outline:none}.productFormLeft>select{margin-bottom:10px}.productFormRight{flex-direction:column;justify-content:space-around;display:flex}.productUploader{align-items:center;display:flex}.productUploadImg{object-fit:cover;border-radius:10px;width:100px;height:100px;margin-right:20px}.productButton{color:#fff;cursor:pointer;background-color:#00008b;border:none;border-radius:5px;padding:5px;font-weight:600}.userList{flex:4}.userListUser{align-items:center;display:flex}.userListImg{object-fit:cover;border-radius:50%;width:32px;height:32px;margin-right:10px}.userListEdit{color:#fff;cursor:pointer;background-color:#3bb077;border:none;border-radius:10px;margin-right:20px;padding:5px 10px}.userListDelete{color:red;cursor:pointer}*{margin:0}.container{margin-top:10px;display:flex}.link{color:inherit;text-decoration:none}