@media (max-width: 430px) {
  body {
    padding: 16px;
  }

  header {
    flex-direction: column;
    align-items: flex-start;
  }

  .card {
    padding: 16px;
    border-radius: 16px;
  }

  .stats-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .search-bar {
    flex-direction: column;
  }

  .search-bar input,
  .search-bar .inline-select {
    width: 100%;
  }

  .tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .tab-btn {
    flex: 0 0 auto;
  }

  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  th,
  td {
    white-space: nowrap;
  }
}