.shell {
  position: relative;
  min-height: 100vh;
}

.content {
  margin-left: var(--sidebar-width);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 100vh;
  padding-bottom: 40px;
}

.shell.collapsed .content {
  margin-left: var(--sidebar-collapsed-width);
}



.backdrop {
  display: none;
}

@media (max-width: 991px) {
  .content {
    margin-left: 0 !important;
  }
  .shell.open .backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(4px);
    z-index: 998;
  }
}