.container { max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; }
.flex { display: flex; flex-wrap: wrap; }
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-scroll table { min-width: 480px; }
.grid { display: grid; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-2 { gap: 0.5rem; }
.gap-4 { gap: 1rem; }
.text-center { text-align: center; }
.hidden { display: none; }

@media (max-width: 800px) {
  .md\:hidden { display: none; }
}