.sidebar{width:var(--sidebar-width, 250px);height:100vh;background-color:var(--sidebar-bg);color:var(--text-color);transition:width .3s ease;flex-shrink:0;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a;overflow-x:hidden}.sidebar-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{height:var(--sidebar-header-height, 80px);display:flex;align-items:center;justify-content:center}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-footer{display:flex;align-items:center;justify-content:center;padding:10px}.sidebar.collapsed{width:var(--sidebar-collapsed-width, 70px)}.logo-expanded{width:80%;max-height:var(--sidebar-header-height, 80px);object-fit:contain}.logo-collapsed{width:40px;height:40px;object-fit:contain}.menu-item{display:flex;align-items:center;padding:var(--menu-item-padding, 0px 16px);cursor:pointer;border-radius:var(--menu-item-border-radius, 8px);outline:none;position:relative;z-index:0;transition:transform .25s ease}.menu-item:before{content:"";position:absolute;top:10%;left:10%;width:82%;height:80%;border-radius:var(--menu-item-border-radius, 8px);background-color:transparent;z-index:-1;transition:background-color .3s ease}.menu-item a,.menu-item a:link,.menu-item a:visited,.menu-item a:hover,.menu-item a:focus,.menu-item a:active,.menu-item a:-webkit-any-link,.menu-item:link,.menu-item:visited,.menu-item:hover,.menu-item:focus,.menu-item:active,.menu-item:-webkit-any-link{color:var(--text-color)!important;text-decoration:none!important;outline:none!important}:root{--menu-item-hover-bg: #f0f0f0;--menu-item-hover-scale: 1.03}.menu-item:hover{transform:scale(var(--menu-item-hover-scale))}.menu-item .icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size, 30px);height:var(--icon-size, 30px);font-size:var(--icon-font-size, 24px);margin-right:var(--icon-margin-right, 0px)}.sidebar.collapsed .menu-item{justify-content:center}.sidebar.collapsed .menu-item .icon{margin:0}.sidebar.collapsed .menu-item span{display:none}.menu-dropdown{padding-left:var(--menu-dropdown-padding-left, 16px)}.menu-dropdown .menu-item{padding-left:calc(var(--menu-item-left-padding, 30px));margin-left:var(--menu-item-sub-left-margin, 0px)}:root{--sidebar-bg: #ffffff;--text-color: #333;--hover-bg: rgba(0, 123, 255, .3);--sidebar-width: 250px;--sidebar-collapsed-width: 70px;--sidebar-header-height: 80px;--menu-item-padding: 0px 16px;--menu-item-border-radius: 8px;--icon-size: 30px;--icon-font-size: 24px;--icon-margin-right: 0px;--menu-dropdown-padding-left: 16px;--menu-item-left-padding: 30px;--menu-item-sub-left-margin: 10px}.dark-mode{--sidebar-bg: #1e1e1e;--text-color: #ffffff;--menu-item-hover-bg: rgba(255, 255, 255, .1)}.active,.active:hover{background-color:transparent!important;transform:scale(var(--menu-item-hover-scale))}.active:before,.active:hover:before{background-color:var(--menu-item-hover-bg)!important}.active{font-weight:700!important}