.modern-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 12px;
    font-family: 'Inter', sans-serif;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06);
    background: white;
  }

  .modern-table thead {
    background: linear-gradient(to right, #f0f9ff, #fdf2ff);
    text-align: left;
  }

  .modern-table th, .modern-table td {
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    transition: background 0.3s ease, color 0.3s ease;
  }

  .modern-table th {
    font-weight: 600;
    color: #374151;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.03em;
  }

  .modern-table tr:hover td {
    animation: rowFade 0.4s ease forwards;
  }

  @keyframes rowFade {
    0% {
      background-color: #f9fafb;
    }
    100% {
      background-color: #eff6ff;
    }
  }

  .modern-table tbody tr:nth-child(even) td {
    background-color: #fafafa;
  }

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

  .modern-table td.highlight {
    font-weight: 600;
    color: #2563eb;
  }

  /* Responsive fix for Tilda mobile view */
  @media (max-width: 768px) {
    .modern-table th, .modern-table td {
      padding: 12px 14px;
      font-size: 13px;
    }
  }