[data-app-container] {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

#main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  /* margin-left: var(--sidebar-width); */
  overflow: hidden;
  transition: margin-left var(--transition-base) cubic-bezier(0.4, 0, 0.2, 1);
}

body.sidebar-collapsed #main-content {
  /* margin-left: var(--sidebar-width-collapsed); */
}

[data-page-wrapper] {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}

[data-content-card] {
  background: var(--bg-primary);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-color);
  overflow: hidden;
  transition: background var(--transition-speed) var(--transition-easing),
    border-color var(--transition-speed) var(--transition-easing);
}

.card {
  background: var(--bg-primary);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-color);
  overflow: hidden;
  transition: background var(--transition-speed) var(--transition-easing),
    border-color var(--transition-speed) var(--transition-easing);
}

.card-body {
  padding: 1rem;
}