*{margin:0;font-family:Source Sans Pro,sans-serif}.container{display:flex}.sideNavContainer{flex:1;height:calc(100vh - 50px);position:sticky;background-color:#f0f8ff;top:50px}.sideNavWrapper{padding:20px;color:#555}.sideNavMenu{margin-bottom:10px}.sideNavTitle{font-size:13px;color:#bbbaba}.sideNavList{list-style:none}.sideNavListItem{padding:5px;cursor:pointer;display:flex;align-items:center;border-radius:5px}.sideNavListItem.active,.sideNavListItem:hover{background-color:rgb((240),240,255);color:#000}.sidenavIcon{margin-right:5px;font-size:20px;color:#1e90ff}.topNavContainer{width:100%;height:50%;background-color:#f0f8ff;position:sticky;top:0;z-index:999}.topNavWrapper{height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:30px;color:#f0f8ff;cursor:pointer;background-color:red;border-radius:5px;font-family:monospace;margin-top:3px;padding:5px}.topRight{display:flex;align-items:center}.topNavIconContainer{position:relative;cursor:pointer;margin-right:10px}.topNavIcon{color:#1e90ff}.topIconBadge{position:absolute;width:15px;height:15px;top:-5px;right:5px;background-color:red;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.adminImg{width:40px;height:40px;border-radius:50%}.homeContainer{flex:6}.chartAnalyticWidget{display:flex}.orderAndMemberWidget{display:flex;margin:30px}.featured{width:100px;display:flex;justify-content:space-between}.featuredItemA{flex:1;margin:10px 20px 0;padding:40px;border-radius:10px;cursor:pointer;background-color:#faebd7;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.featuredItemB{flex:1;margin:10px 20px 0;padding:30px;border-radius:10px;cursor:pointer;background-color:#0ff;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.featuredItemC{flex:1;margin:10px 20px 0;padding:30px;border-radius:10px;cursor:pointer;background-color:violet;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.featuredItemD{flex:1;margin:10px 20px 0;padding:30px;border-radius:10px;cursor:pointer;background-color:#1e90ff;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.featuredTitle{font-size:20px}.featuredMoneyContainer{margin:10px 0;display:flex;align-items:center}.featuredMoney{font-size:30px;font-weight:700}.featuredMoneyRate{display:flex;align-items:center;color:green}.featuredIcon{color:green}.featuredIconNegative{color:red}.featuredIconPositive{color:green}.featureSub{font-size:15px;color:gray}.chartContainer{flex:4;padding:10px;margin-right:30px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px #c9c9c978}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.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}.displayContainer{flex:2;margin-right:15px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978;margin-top:20px;border-radius:12px}.top{display:flex;align-items:center;justify-content:space-evenly;color:gray}.title{font-size:18px;font-weight:700}.bottom{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.featuredChart{width:100px;height:100px}.amount{font-size:30px}.description{font-weight:300px;font-size:12px;color:gray;align-items:center}.summary{width:100%;display:flex;align-items:center;justify-content:space-between}.item{text-align:center}.displayItemTitle{font-size:15px;color:gray}.itemResult{display:flex;align-items:center;margin-top:10px;font-size:13px}.positive{color:green}.negative{color:red}.orderContainer{flex:2;padding:20px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px #c9c9c978}.orderTitle{font-size:20px;font-weight:500px;margin-right:20px}.orderTable{width:100%;border-spacing:20px}.orderTh{text-align:left}.orderUser{display:flex;align-items:center}.orderImg{width:45px;height:45px;border-radius:5px;border:1px solid red;margin-right:10px}.orderButton{padding:5px 7px;border:none;border-radius:5px}.orderButton.Approved{background-color:#e5faf2;color:green}.orderButton.Pending{background-color:#b9b90bf3;color:#ff0}.orderButton.Cancel{background-color:#c150508a;color:red}.membersWidgetContainer{flex:1;padding:10px;margin-left:20px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px #c9c9c978}.membersWidgetTitle{font-size:20;font-weight:600px}.membersWidgetList{margin:0;padding:0;list-style:none}.membersWidgetListItem{display:flex;align-items:center;justify-content:space-between;margin:20px}.widgetImg{width:40px;height:40px;border-radius:50%;object-fit:cover}.memberWidgetUser{display:flex;flex-direction:column}.memberWidgetUsername{font-weight:600px}.memberWidgetUserTitle{font-weight:300px}.memberWidgetButton{display:flex;align-items:center;border:none;border-radius:10px;padding:7px 10px;background-color:#eeeef7;color:#555;cursor:pointer}.membersWidgetIcon{font-size:16px;margin-right:5px}.userList{flex:4}.userImg{width:40px;height:40px;margin-right:9px;object-fit:cover;border-radius:50%}.editBtn{border:none;border-radius:5px;padding:5px 10px;background-color:#1e90ff;color:#fff;margin-right:20px;cursor:pointer}.deleteList{color:red;cursor:pointer}.profileTopContainer{flex:6}.profileShowImg{height:100px;width:100px;border-radius:50%;object-fit:cover}.profileTitleContainer{display:flex;align-items:center;justify-content:space-between;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px #c9c9c978;background-color:#1e90ff}.profileTitle{color:#f0f8ff;margin-left:10px;font-weight:300px}.profileAddButton{width:100px;border:none;padding:5px;margin-right:10px;background-color:#7fffd4;border-radius:5px;cursor:pointer}.profileContainer{display:flex;margin-top:19px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px #c9c9c978}.profileShow{flex:1;padding:19px}.profileShowTop{display:flex;align-items:center}.profileUpdate{flex:2;padding:19px;margin-left:19px}.profileDetails{display:flex;flex-direction:column;margin-left:19px}.myProfileName,.myProfileTitle{font-weight:300px}.profileShowBottom{margin-top:10px}.profileShowTitle{font-size:15px;font-weight:600px;color:#afaaaa}.profileShowInfo{display:flex;align-items:center;margin:19px 0;color:#444}.profileShowIcon{color:#1e90ff}.profileShowInfoTitle{margin-left:12px}.profileUpdateTitle{font-size:22px;font-weight:600px}.profileUpdateForm{display:flex;justify-content:space-between;margin-top:19px}.profileUpdateItem{display:flex;flex-direction:column}.profileUpdateItem>label{margin-bottom:5px;font-size:17px}.profileUpdateInput{width:250px;height:21px;padding:5px;border:1px solid gray;border-radius:5px}.profileUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.profileUpdateUpload{display:flex;align-items:center}.profileUpdateImg{width:80px;height:80px;border-radius:50px;object-fit:cover;margin-left:19px}.profileUpdateIcon{cursor:pointer}.profileUpdateButton{border:none;border:5px;padding:5px;cursor:pointer;font-weight:600px;background-color:#1e90ff;color:#fff}.createUserContainer{flex:6;padding:20px}.newUserTitle{display:flex;align-items:center;justify-content:space-between;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px #c9c9c978;background-color:#1e90ff;color:#f0f8ff;padding:5px}.createUserForm{display:flex;flex-wrap:wrap}.newUserItem{width:400px;display:flex;flex-direction:column;margin-top:10px;margin-right:20px}.newUserItem>label{margin-bottom:10px;font-size:14px;font-weight:600px;color:#000}.newUserItem>input{height:20px;padding:10px;border:1px solid gray;border-radius:5px}.newUserGender>input{margin-top:15px}.newUserGender>label{margin:10px}.newUserSelect{height:40px;border-radius:5px}.newUserButton{width:200px;border:none;background-color:#1e90ff;border-radius:10px;color:#f0f8ff;padding:7px 10px;font-weight:600px;margin-top:30px;cursor:pointer}.productListContainer{flex:6}.productListItem{display:flex;align-items:center;margin:10px}.productListImg{width:50px;height:50px;object-fit:cover;border-radius:5px}.productListEditBtn{border:none;border-radius:10px;padding:5px 10px;background-color:#1e90ff;color:#fff;cursor:pointer;margin-right:20px}.productDelete{color:red;cursor:pointer}