body.with-sidebar {
  margin-left: 280px;
}
body {
  margin-left: 0;
  background: #f8fafc;
}
  
.sidebar-container {
  width: 280px;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 100;
  border-right: 1px solid #e5e7eb;
}

.sidebar-content {
  overflow-y: auto;
  flex-grow: 1;
  min-height: 0;
}

.sidebar-profile {
  background: #fff;
  border-top: 1px solid #eee;
}

.nav-pills .nav-link:hover:not(.active) {
  background: #555;
  color: #fff !important;
}

hr {
  margin: 1rem 0;
  color: #e5e7eb;
}