:root{
  --bs-primary: #0d6efd;
  --bs-primary-rgb: 13,110,253;
  --sidebar-w: 260px;
}
.navbar .nav-link{font-weight:500}
.card{border-radius:1rem}
.btn{border-radius:.75rem}
.table> :not(caption)>*>*{vertical-align:middle}

.layout-admin{padding-top:56px;}
.sidebar{
  position: fixed;
  top: 56px; left: 0;
  width: var(--sidebar-w);
  height: calc(100vh - 56px);
  background: #0b5ed7; /* darker primary */
  color:#fff;
  overflow-y:auto;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.15);
}
.sidebar .nav-link{color:rgba(255,255,255,.85); padding:.6rem 1rem; border-radius:.5rem; margin:.15rem .75rem;}
.sidebar .nav-link:hover{background:rgba(255,255,255,.1)}
.sidebar .sidebar-inner{min-height:100%; display:flex; flex-direction:column;}

.content{margin-left: var(--sidebar-w);}
@media (max-width: 991.98px){
  .sidebar{position: fixed; transform: translateX(-100%); transition: transform .2s ease-in-out;}
  .sidebar.show{transform: translateX(0);}
  .content{margin-left:0;}
}

main{min-height: calc(100vh - 56px - 44px);}