:root{--sidebar-width:260px;}
#app{min-height:100vh;}
.sidebar{width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--bs-body-bg);}
.sidebar .nav-link{color:var(--bs-body-color);}
.sidebar .nav-link:hover{background:rgba(0,0,0,.06);}
.sidebar .nav-ico{width:22px;text-align:center;}
.sidebar.collapsed{width:72px;}
.sidebar.collapsed .nav-text{display:none;}
@media (max-width:991px){
  .sidebar{position:fixed;left:-300px;top:0;bottom:0;z-index:20;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:left .2s ease;}
  .sidebar.mobile-open{left:0;}
}