/* Add custom CSS styles below */ 
table {
  width: 100%;
  border-collapse: collapse;
  direction: rtl;
  text-align: right;
  font-family: Arial, sans-serif;
  border: 1px solid #e2e8f0;
  margin: 20px 0;
  border-radius: 8px;
  overflow: hidden;
}

thead {
  background-color: #f7fafc;
}

thead th {
  padding: 12px 15px;
  border-bottom: 2px solid #cbd5e0;
  font-weight: bold;
  color: #2d3748;
  text-align: right;
}

tbody td {
  padding: 12px 15px;
  border-bottom: 1px solid #e2e8f0;
  color: #4a5568;
}

tbody tr:nth-child(even) {
  background-color: #f7fafc;
}