/* styles.css o en el componente */
html, body {
  height: 100%;
  margin: 0;
}

.container {
  height: 100%;
  box-sizing: border-box;
}

.sidebar {
  width: 250px;
}

.custom-sidebar {
  background-color: #1e293b;
  color: white;
}

.custom-sidebar .mat-list-item {
  color: white;
}

.mat-icon {
  color: white;
}

.mat-list-item:hover {
  background-color: #2a2a40;
}

.content {
  height: 100%;
  overflow: auto;
}