<style>
  .tfcu-table-wrap {
    width: 90%;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    border: 1px solid #eaecee;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(15, 57, 72, 0.08);
  }

  .tfcu-table {
    width: 100%;
    min-width: 700px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    font-family: Helvetica, Arial, sans-serif;
    color: #0f3948;
    background: #ffffff;
  }

  .tfcu-table thead th {
    background: #00538d;
    color: #ffffff;
    text-align: left;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 18px 16px;
    border-bottom: 1px solid #174d6b;
    white-space: nowrap;
  }

  .tfcu-table thead th:first-child {
    border-top-left-radius: 18px;
  }

  .tfcu-table thead th:last-child {
    border-top-right-radius: 18px;
  }

  .tfcu-table tbody td {
    padding: 18px 16px;
    font-size: 1.125rem;
    line-height: 1.45;
    color: #444444;
    border-bottom: 1px solid #eaecee;
    vertical-align: middle;
    background: #ffffff;
  }

  .tfcu-table tbody tr:nth-child(even) td {
    background: #f8fbfc;
  }

  .tfcu-table tbody tr:hover td {
    background: #eef8f6;
  }

  .tfcu-table tbody tr:last-child td {
    border-bottom: none;
  }

  .tfcu-table tbody td:first-child {
    font-weight: 700;
    color: #0f3948;
  }

  .status {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.9375rem;
    font-weight: 700;
    white-space: nowrap;
  }

  .status.yes {
    background: rgba(121, 203, 190, 0.18);
    color: #174d6b;
  }

  .status.no {
    background: rgba(212, 66, 12, 0.12);
    color: #d4420c;
  }

  @media (max-width: 767px) {
  .tfcu-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-radius: 0.875rem;
    scrollbar-color: #00538d #eaecee;
    scrollbar-width: thin;
  }

  .tfcu-table {
    min-width: 31.25rem;
    table-layout: fixed;
  }

  .tfcu-table thead th,
  .tfcu-table tbody td {
    padding: 0.75rem 0.625rem;
    font-size: 0.875rem;
    line-height: 1.3;
    white-space: normal;
    word-break: break-word;
  }

  .tfcu-table thead th {
    white-space: normal;
  }

  .status {
    font-size: 0.75rem;
    padding: 0.3125rem 0.5rem;
  }

  .tfcu-table-wrap::-webkit-scrollbar {
    height: 0.5rem;
  }

  .tfcu-table-wrap::-webkit-scrollbar-track {
    background: #eaecee;
    border-radius: 62.4375rem;
  }

  .tfcu-table-wrap::-webkit-scrollbar-thumb {
    background: #00538d;
    border-radius: 62.4375rem;
  }
}
</style>