body {
  padding: 0;
  margin: 0;
}

.sidebar-menu-item.is-active a {
  background-color: var(--bs-warning-bg-subtle);
  color: var(--bs-body-color);
}

.sidebar-menu-item.is-active a:hover {
  background-color: var(--bs-warning-bg-subtle);
  color: var(--bs-body-color);
}

@media (max-width: 991.98px) {
  .sidebar-menu {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    min-height: auto;
  }
}
.sidebar-menu {
  background-color: var(--bs-tertiary-bg);
  padding: 20px;
  min-height: 100vh;
  position: fixed;
  top: 55px;
  left: 0;
  width: 20%;
}

.sidebar-menu ul {
  list-style-type: none;
  padding: 0;
}

.sidebar-menu-item {
  margin: 10px 0;
}

.sidebar-menu-item a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: var(--bs-body-color);
  font-weight: bold;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.sidebar-menu-item a:hover {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}