@media(min-width: 768px){.custom-navbar{display:none}}@media(max-width: 767px){.custom-navbar{display:flex;align-items:center;position:relative;width:100vw;padding:.5rem}}@media(min-width: 768px){.navbar-hide{display:none}}.sidebar{height:100vh;background:#222831;color:#ecf0f1;transition:width .3s ease;position:fixed;top:0;left:0;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar::-webkit-scrollbar-track{display:none}.sidebar::-webkit-scrollbar-thumb{display:none}.sidebar .sidebar-header{display:flex;align-items:center;padding:10px;flex-shrink:0}.sidebar .sidebar-header a{color:#ecf0f1;text-decoration:none}.sidebar .sidebar-content{flex:1}.sidebar .sidebar-footer{flex-shrink:0;padding-top:5px}.sidebar .nav-item{list-style-type:none}.sidebar .nav-link{color:#ecf0f1;padding:10px 0 10px 20px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;transition:all .3s ease}.sidebar .nav-link:hover{padding-left:25px}.sidebar .nav-link.active{background:#123458;font-weight:bold}.sidebar .nav-link i{margin-right:10px;width:20px;text-align:center}.sidebar .ps-45{padding-left:2.5rem !important}.sidebar .ps-45:hover{padding-left:2.75rem !important}.sidebar .dropdown-arrow{transition:transform .3s ease;font-size:.8rem}.sidebar .dropdown-arrow.rotated{transform:rotate(90deg)}.sidebar .submenu{background:#2c3440;max-height:0;padding-left:0;overflow:hidden;transition:max-height .3s ease}.sidebar .submenu.sub{background:#37414f}.sidebar .submenu.show{max-height:1000px}.sidebar .submenu .nav-link{padding-left:30px;font-size:.9rem}.sidebar .submenu .nav-link:hover{padding-left:35px}.sidebar #sidebarToggle{background:#2c3e50;border:none;color:#ecf0f1;padding:10px 15px;margin:20px;border-radius:5px;cursor:pointer;display:none}.sidebar #sidebarToggle:hover{background:#34495e}.sidebar .navbar-brand{margin-left:20px}.sidebar .label-text{flex:1}@media(min-width: 768px){.sidebar{width:215px}}@media(max-width: 767px){.sidebar:not(.active){width:0}.sidebar.active{width:100%}}#content{transition:width .3s ease}@media(min-width: 768px){#content{width:calc(100% - 215px);margin-left:215px}}@media(max-width: 767px){#content:not(.active){width:100%}#content.active{width:0}}#content.active{margin-left:0}