:root{--background:#fff;--foreground:#171717}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.sidebar{width:250px;min-height:100vh;transition:width .3s ease;position:fixed;top:0;left:0;z-index:1000}.sidebar.collapsed{width:60px}.sidebar-header{padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar .nav-link{padding:.75rem 1rem;color:hsla(0,0%,100%,.8);transition:all .3s ease}.sidebar .nav-link:hover{color:#fff;background:hsla(0,0%,100%,.1)}.sidebar .nav-link.active{color:#fff;background:var(--bs-primary)}.main-content{margin-left:250px;transition:margin-left .3s ease}.sidebar.collapsed+.main-content{margin-left:60px}.dropdown-toggle:after{float:right;margin-top:8px}.sidebar.collapsed .dropdown-toggle:after,.sidebar.collapsed .nav-link span{display:none}@media (max-width:768px){.sidebar{width:60px}.main-content{margin-left:60px}.sidebar:not(.collapsed):hover{width:250px}}