body {
  font-family: "Outfit", sans-serif;
}

/* Style untuk tabel transaksi */
/* Style header */
.bg-gray-800 th {
  font-size: 13px;
  font-weight: bold;
}

/* Style rows */
#tabel-transaksi tr {
  transition: background-color 0.2s;
}

#tabel-transaksi tr:hover {
  background-color: #f5f5f5;
}

/* Style cells */
#tabel-transaksi td {
  padding: 0.75rem 1rem;
  border-top: 1px solid #e5e7eb;
}

#tabel-transaksi td:first-child {
  font-weight: 600;
}

#tabel-transaksi td:last-child {
  color: #4b5563;
  font-size: 0.875rem;
}

/* Untuk warna putih icon SVG di sidebar */
.icon-white {
  filter: brightness(0) invert(1);
}

.sidebar-icon {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%);
}

/* Kustomisasi Scrollbar dan Indikator Scroll */
  .overflow-x-auto {
    position: relative;
  }
  .overflow-x-auto::-webkit-scrollbar {
    height: 8px;
  }
  .overflow-x-auto::-webkit-scrollbar-thumb {
    background-color: #cbd5e0;
    border-radius: 4px;
  }
  .overflow-x-auto::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  /* Bayangan untuk indikasi scroll */
  .overflow-x-auto {
    -webkit-box-shadow: inset 10px 0 10px -10px rgba(0,0,0,0.2), inset -10px 0 10px -10px rgba(0,0,0,0.2);
    box-shadow: inset 10px 0 10px -10px rgba(0,0,0,0.2), inset -10px 0 10px -10px rgba(0,0,0,0.2);
  }