tbody tr:nth-child(even) { background: linear-gradient(to right, #f7f7f7, #ffffff); }
    tbody tr:nth-child(odd) { background: linear-gradient(to right, #ffffff, #f9f9f9); }
    tbody tr:hover { background: linear-gradient(to right, #d0e7ff, #e0f0ff); transition: background 0.3s; }

    @media screen and (max-width:768px){
      table, thead, tbody, th, td, tr { display:block; }
      thead tr { display:none; }
      tbody tr { 
        margin-bottom:22px; border-radius:12px; padding:18px; background: linear-gradient(135deg,#e0f0ff,#ffffff);
        box-shadow:0 4px 12px rgba(0,0,0,0.08);
      }
      tbody td { 
        padding:12px 12px; display:flex; justify-content:space-between; line-height:1.8; 
        border-bottom:1px solid #ddd;
      }
      tbody td::before { 
        content: attr(data-label); 
        font-weight:600; 
        margin-right:10px; 
        flex:1 0 35%; 
        color:#2D854E;
      }
      tbody td span { flex:1 0 65%; }
    }