/* Layout grid utama */
.main-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 20px;
  margin-top: 20px;
}

@media (max-width: 900px) {
  .main-grid {
    grid-template-columns: 1fr;
  }
}

/* Wrapper table scroll di card */
.table-wrapper {
  overflow-x: auto;
}

/* Gap untuk pemisah antar elemen */
.gap-row {
  height: 20px;
}

/* Aside kanan */
aside {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Card container */
.card {
  background-color: #1e293b;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 10px rgb(0 0 0 / 0.15);
}