.sideBarContainer{min-width:320px;height:100vh;background-color:#f8f8f8;position:sticky;top:0;left:0;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;padding:30px}.imageDiv{width:"220px";height:"140px";border-radius:6px;overflow:hidden}.link-container{padding-top:30px;display:flex;flex-direction:column;height:calc(100% - 80px);justify-content:space-between}.link-container>div:nth-child(1){display:flex;flex-direction:column}.link-container .nav-link{color:#333;text-decoration:none;font-size:14px;font-weight:600;padding:20px 10px;display:flex;align-items:center;gap:8px}.link-container .nav-link.active{background-color:#5d61ef;border-radius:10px;color:#fff}.TopHeaderContainer{width:calc(100vw - 340px);height:70px;box-shadow:#32325d40 0 2px 0 -1px,#0000004d 0 1px 0 -1px;left:-2px;background-color:#f8f8f8;display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:relative;z-index:99}.containers{display:flex;background-color:#fff}.loader{position:relative;width:2.5em;height:2.5em;transform:rotate(165deg)}.loader:before,.loader:after{content:"";position:absolute;top:50%;left:50%;display:block;width:.5em;height:.5em;border-radius:.25em;transform:translate(-50%,-50%)}.loader:before{animation:before8 2s infinite}.loader:after{animation:after6 2s infinite}@keyframes before8{0%{width:.5em;box-shadow:1em -.5em #e11462bf,-1em .5em #6fcadcbf}35%{width:2.5em;box-shadow:0 -.5em #e11462bf,0 .5em #6fcadcbf}70%{width:.5em;box-shadow:-1em -.5em #e11462bf,1em .5em #6fcadcbf}to{box-shadow:1em -.5em #e11462bf,-1em .5em #6fcadcbf}}@keyframes after6{0%{height:.5em;box-shadow:.5em 1em #3db88fbf,-.5em -1em #e9a920bf}35%{height:2.5em;box-shadow:.5em 0 #3db88fbf,-.5em 0 #e9a920bf}70%{height:.5em;box-shadow:.5em -1em #3db88fbf,-.5em 1em #e9a920bf}to{box-shadow:.5em 1em #3db88fbf,-.5em -1em #e9a920bf}}.loader{position:absolute;top:calc(50% - 1.25em);left:calc(50% - 1.25em);z-index:999}