.table-container {
      width: 100%;
      overflow-x: auto;
      margin: 20px 0;
      -webkit-overflow-scrolling: touch; /* smooth scrolling for iOS */
    }
    table {
      border-collapse: collapse;
      width: 100%;
      min-width: 700px; /* ensures horizontal scroll on small screens */
      background: #f9fafb;
    }
    th, td {
      border: 1px solid #ddd;
      padding: 12px 14px;
      text-align: left;
      white-space: nowrap;
    }
    th {
      background-color: #0b66c3;
      color: white;
      font-weight: bold;
    }
    tr:nth-child(even) {
      background-color: #f2f2f2;
    }
    tr:hover {
      background-color: #e6f0ff;
    }