body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f9fa;
  margin: 0;
  padding: 0;
}

/* Sidebar */
#sidebar {
  transition: all 0.3s ease;
  z-index: 1050;
}
@media (max-width: 991px) {
  #sidebar {
    display: none;
    position: fixed;
    height: 100%;
    top: 56px; /* altura navbar */
    left: 0;
  }
}

/* Contenido principal */
.main-content {
  padding: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  .main-content {
    margin-left: 240px; /* espacio para sidebar solo en escritorio */
  }
}

/* Tablas */
.table {
  width: 100% !important;
  max-width: 100%;
  table-layout: auto;
}

/* Tarjetas y botones */
.card { border-radius: 1rem; }
.btn { border-radius: .5rem; }