:root{--sidebar-width: 260px;--sidebar-bg: #212529;--sidebar-link-color: rgba(255, 255, 255, .75);--sidebar-link-hover-color: #fff;--sidebar-link-active-bg: #0d6efd}body{background-color:#f8f9fa}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background-color:var(--sidebar-bg);padding:1rem;display:flex;flex-direction:column}.main-content{margin-left:var(--sidebar-width);padding:2rem;width:calc(100% - var(--sidebar-width))}.sidebar-brand{font-size:1.5rem;font-weight:600;color:#fff;text-decoration:none;margin-bottom:2rem;text-align:center}.sidebar .nav-link{color:var(--sidebar-link-color);padding:.75rem 1rem;border-radius:.375rem;margin-bottom:.25rem;transition:background-color .2s,color .2s}.sidebar .nav-link:hover{background-color:#ffffff1a;color:var(--sidebar-link-hover-color)}.sidebar .nav-link.active{background-color:var(--sidebar-link-active-bg);color:var(--sidebar-link-hover-color);font-weight:500}.sidebar-footer{margin-top:auto}.sidebar-footer .dropdown-menu{transform:translateY(-50%)!important;top:auto!important;bottom:0!important}.custom-toggle:after{display:none!important}.arrow-icon{transition:transform .3s ease-in-out}.arrow-icon.open{transform:rotate(180deg)}