.dashboard-layout {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

.main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-main);
  margin-left: var(--sidebar-width);
  transition: margin-left 0.3s ease;
  height: 100vh;
  overflow: hidden;
}

.sidebar-collapsed .main-content {
  margin-left: 70px;
}

.content-wrapper {
  padding: 2rem;
  flex: 1;
  overflow-y: auto;
  height: 100%;
}