.dashboard-layout-wrapper__sidebar{.top-navigations{display:flex;flex-direction:column;min-height:40%;.logo-container{display:flex;align-items:center;justify-content:space-between;.logo{width:40%}.hamburger-menu{cursor:pointer}}.input-container{margin-top:20px;.ant-input-affix-wrapper{padding:0 10px;border-color:rgba(213,215,218,1);font-size:clamp(.75rem,1.5vw,.85rem);&:focus-within{box-shadow:0 0 0 2px rgba(35,30,84,.1);border-color:rgba(213,215,218,1)}&:hover{border-color:rgba(35,30,84,.1)}}input{margin-left:5px;font-weight:500;height:35px;color:rgba(140,140,140,1);&::placeholder{color:rgba(140,140,140,1)}}}.sidebar-navigation-list{margin-top:20px;list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;li{display:flex;align-items:center;border-radius:5px;cursor:pointer;transition:all .3s ease;color:rgba(140,140,140,1);font-size:clamp(.65rem,1.5vw,.75rem);padding:10px 12px;.icon{margin-right:8px;width:18px}&.dropdown{cursor:pointer;display:flex;flex-direction:column;align-items:normal;padding:0;.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:5px;.dropdown-header-content{display:flex;align-items:center}}.dropdown-arrow{transition:transform .3s ease}.dropdown-menu{list-style:none;width:100%;a{&:not(:first-child){li{border-top:1px solid rgba(35,30,84,.2);margin-top:10px}}}li{padding:10px 0 0;margin-left:28px;border-radius:0}.active{li{background-color:transparent;color:var(--color-primary);font-weight:700}}}&.open{.dropdown-arrow{transform:rotate(180deg);margin-left:auto}}}}.active{.dropdown-header,li.menu-list{background-color:rgba(248,247,252,1);color:var(--color-primary);font-weight:700;.icon{filter:brightness(0) saturate(100%) invert(14%) sepia(54%) saturate(1335%) hue-rotate(218deg) brightness(90%) contrast(103%)}}}}}.bottom-navigations{.sidebar-navigation-list{margin-top:20px;list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;li{display:flex;align-items:center;border-radius:5px;cursor:pointer;transition:all .3s ease;color:rgba(140,140,140,1);font-size:clamp(.65rem,1.5vw,.75rem);padding:5px 12px;.icon{margin-right:5px;width:18px}&.support{justify-content:space-between;&>div{display:flex;align-items:center;justify-content:space-between}}}}.user-container{gap:15px;align-items:flex-start;img{cursor:pointer}}}&.collapsed{.logo-container{padding:10px;background-color:rgba(250,250,250,1);justify-content:center}.sidebar-navigation-list{margin-top:8px;li{justify-content:center;.icon{width:18px;margin-right:0}&.logo-mini{padding:0;img{width:40px}}}.active{li{background-color:rgba(250,250,250,1);.icon{filter:brightness(0) saturate(100%) invert(25%) sepia(7%) saturate(1190%) hue-rotate(183deg) brightness(94%) contrast(86%)}}}}}}.user-account-popover{min-width:260px;font-family:var(--lato-regular);.section-one{padding:15px 20px}.section-two{padding:10px 20px;border-top:1px solid rgba(233,234,235,1);border-bottom:1px solid rgba(233,234,235,1);display:flex;flex-direction:column;gap:15px;img{width:20px}}.section-three{padding:15px 20px}li{display:flex;align-items:center;gap:10px;color:rgba(140,140,140,1);cursor:pointer;filter:brightness(0) saturate(100%) invert(54%) sepia(0) saturate(3930%) hue-rotate(143deg) brightness(101%) contrast(102%)}}.popover-submenu-dropdown{font-family:var(--lato-regular);min-width:100px;li{padding:5px 15px;font-size:13px}a{color:#8c8c8c;&:hover{color:inherit}}.active{li{background-color:rgba(248,247,252,1);color:var(--color-primary);font-weight:600}}}.user-board{display:flex;align-items:center;cursor:pointer;.user-image{width:40px;height:40px;margin-right:10px;position:relative;img{width:100%;height:100%}.status,img{border-radius:50%}.status{position:absolute;bottom:0;right:0;width:10px;height:10px}.online{background-color:var(--color-online)}.offline{background-color:var(--color-offline)}}.user-info{h3{font-family:var(--lato-black);font-size:clamp(.75rem,1.5vw,.85rem);color:rgba(24,29,39,1)}p{font-size:clamp(.55rem,1.5vw,.75rem);color:rgba(83,88,98,1);font-weight:500}}&.minified{cursor:pointer;.user-image{width:40px;height:40px;margin:8px 0 0;img{width:100%;height:100%}}}}.status-board{display:flex;align-items:center;gap:5px;padding:2px 5px;border:1px solid rgba(213,215,218,1);border-radius:6px;width:fit-content;font-size:clamp(.45rem,1.5vw,.65rem);color:rgba(140,140,140,1);font-weight:500;.status-circle{width:8px;height:8px;border-radius:50%}.online{background-color:var(--color-online)}.offline{background-color:var(--color-offline)}}