.main-card {
  font-size: 12px;
}
.main-card .card-header,
.main-card .modal-header {
  padding: 0.9rem 1.2rem;
}
.main-card .modal-body {
  padding: 1.2rem;
}
.main-card .card-body {
  padding: 1.2rem;
}
.main-card .card-body #filtersContainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}
.main-card .card-body #filtersContainer .form-select {
  padding: 8px 10px;
  font-size: 12px;
  text-transform: capitalize;
}
.main-card .card-body #gridContainer {
  margin-top: 2rem;
}
.main-card .card-body #gridContainer .card {
  border: 1px solid #e3e7eb;
  transition: all 0.3s ease;
  border-bottom: 4px solid blue;
}
.main-card .card-body #gridContainer .card strong {
  color: #000;
  min-width: 120px;
  display: inline-block;
}
.main-card .card-body #gridContainer .card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  transform: translateY(-10px);
}
.main-card .btn-sm:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.main-card .modal input,
.main-card .modal select,
.main-card .modal textarea {
  padding: 8px 10px;
  font-size: 12px;
}
.main-card .modal label {
  color: #000;
}
.main-card .card-toggle {
  cursor: pointer;
}
.main-card .filters select {
  min-width: 150px;
}
.main-card #actionButtons {
  display: flex;
  gap: 0.6rem;
}
@media (max-width: 768px) {
  .main-card .filters {
    flex-direction: column;
    gap: 0.5rem;
  }
  .main-card #screenTitle {
    font-size: 1.2rem;
  }
  .main-card #actionButtons,
  .main-card #filtersContainer {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.8rem !important;
  }
  .main-card #filtersContainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}/*# sourceMappingURL=data-source.css.map */