.main-header {
  border-bottom: 1px solid #dee2e6;
  z-index: 1040;
}

/* Additional CSS to prevent navbar and sidebar overlap */
.main-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1040;
}

.main-sidebar {
  position: fixed;
  top: 56px; /* height of navbar */
  left: 0;
  width: 250px;
  height: calc(100% - 56px);
  z-index: 1039;
  overflow-y: auto;
}

/* Adjust content wrapper to not be under navbar or sidebar */
.content-wrapper {
  margin-top: 56px; /* height of navbar */
  margin-left: 250px; /* width of sidebar */
  transition: margin-left 0.3s ease;
}

/* When sidebar is collapsed */
.sidebar-collapse .main-sidebar {
  margin-left: -250px;
}

.sidebar-collapse .content-wrapper {
  margin-left: 0;
}

/* Ensure navbar is above sidebar */
.navbar {
  z-index: 1040;
}