body {
      margin: 0;
      padding: 40px 20px;
      font-family: 'Poppins', sans-serif;
      background: linear-gradient(to right, #f7f9fc, #edf1f5);
      color: #333;
    }
	
	.table-container {
      max-width: 960px;
      margin: auto;
    }
	
	caption {
      font-size: 1.8rem;
      font-weight: 600;
      margin: 20px 0;
      text-align: left;
      color: #222;
    }
	
	table {
      width: 100%;
      border-collapse: collapse;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
      animation: fadeIn 1s ease-in-out;
      background: white;
    }
	
	thead {
      background: linear-gradient(to right, #ffaf7b, #d76d77, #3a1c71);
      color: white;
    }
	
	th, td {
      padding: 16px 20px;
      text-align: left;
      font-size: 0.95rem;
    }
	
	th {
      font-size: 1rem;
      font-weight: 600;
    }
	
	tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }
	
	tbody tr:hover {
      background-color: #f0f4ff;
      transition: 0.2s;
      cursor: pointer;
    }
	
	.highlight-table {
      margin-bottom: 40px;
    }
	
	.highlight-table td:first-child {
      font-weight: 600;
      background-color: #eee;
      width: 130px;
    }
	
	@keyframes fadeIn {
      from {opacity: 0; transform: translateY(10px);}
      to {opacity: 1; transform: translateY(0);}
    }
	
	@media (max-width: 600px) {
      th, td {
        padding: 12px;
        font-size: 0.9rem;
      }
	  
	  caption {
        font-size: 1.2rem;
      }
	}