:root{--side-bar-width:256px;--side-bar-collapsed-width:68px}.side-bar{width:var(--side-bar-width);height:100dvh;position:fixed;z-index:99;left:0;top:0;transition:width .3s ease,transform .3s ease;box-shadow:var(--bs-box-shadow);border-right:1px solid #acc0ff14;display:none}.side-bar .sidebar-icon{transition:right .5s ease,transform .5s ease;transform:translateX(0);opacity:1;height:18px;width:auto}.side-bar .side-bar-header{display:flex;justify-content:space-between;align-items:center;height:68px;backdrop-filter:saturate(100%) blur(20px);-webkit-backdrop-filter:saturate(100%) blur(20px)}.side-bar .side-bar-header .btn{color:#fff}.side-bar .side-bar-body{overflow-x:hidden!important;height:calc(100vh - 68px);padding:1rem .5rem 1rem 1rem;backdrop-filter:saturate(100%) blur(20px);-webkit-backdrop-filter:saturate(100%) blur(20px)}.side-bar .list-menu li{margin-bottom:.5rem}.side-bar .list-menu li>a{color:#fff;display:flex;align-items:center;font-weight:500;padding:.5rem 1rem;border-radius:50rem;height:40px;min-width:40px;transition:all .3s ease}.side-bar .list-menu li>a:hover{background:var(--menu-hover-bg)}.side-bar .list-menu li>a.active{background:linear-gradient(90deg,var(--color-dark),var(--color-blue));background:var(--bs-primary);color:#fff}.side-bar .list-menu li>a.active i{color:#fff}.side-bar .list-menu li>a span{white-space:nowrap;margin-left:.4rem}.side-bar .list-menu li>a i{font-size:18px}.side-bar .list-menu li>a span{margin-left:.5rem}.collapsed-sidebar .side-bar{width:var(--side-bar-collapsed-width)}.collapsed-sidebar .side-bar .sidebar-icon{transform:translateX(-100%);opacity:0;width:0}.collapsed-sidebar .side-bar .list-menu li a{justify-content:center;width:40px}.collapsed-sidebar .side-bar .list-menu li a span{display:none}.side-bar.collapsed .dropdown-menu{display:none}.side-bar.collapsed:hover .dropdown-menu{display:block}#hideSideBar{display:none}#showSidebar{display:none}#toggleSidebar{font-size:18px;line-height:1;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:0!important;z-index:1}#toggleSidebar:hover,#toggleSidebar:active{background:var(--menu-hover-bg)}.sidebar-backdrop{transition:all .3s ease}.sidebar-activated .sidebar-backdrop{position:fixed;top:0;left:0;z-index:98;width:100%;height:100%;background-color:#000000b5}[data-bs-theme=dark] .side-bar{border-right-color:var(--bs-border-color)}@media(max-width:1200px){:root{--side-bar-width:256px!important}.side-bar{display:block;transform:translateX(-103%)}.side-bar.show{transform:translateX(0);box-shadow:var(--bs-box-shadow-lg)!important}#showSidebar{color:#fff;font-size:18px;line-height:1;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:0!important}#showSidebar:hover,#showSidebar:active{background:#ffffff1f!important;color:#fff}}