/* Table wrapper */
.table-wrapper {
    overflow-x: auto;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    margin-top: 20px;
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: white;
    border-radius: 16px;
    font-size: 0.95rem;
}

/* Table header */
thead tr {
    background: linear-gradient(135deg, #16a085 0%, #f39c12 100%);
}

th {
    padding: 18px 16px;
    text-align: left;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.85rem;
    border: none;
}

th:first-child { border-top-left-radius: 16px; }
th:last-child { border-top-right-radius: 16px; }
/* Table body */
tbody tr {
    transition: background 0.3s ease;
    border-bottom: 1px solid #f0f4f8;
}

tbody tr:hover {
    background: linear-gradient(135deg, #e8f8f5 0%, #fef9e7 100%);
    box-shadow: 0 4px 12px rgba(22, 160, 133, 0.15);
}

tbody tr:last-child { border-bottom: none; }
tbody tr:last-child td:first-child { border-bottom-left-radius: 16px; }
tbody tr:last-child td:last-child { border-bottom-right-radius: 16px; }

td {
    padding: 16px;
    border: none;
    vertical-align: middle;
    color: #334155;
    font-weight: 500;
}

tbody tr:nth-child(even) { background: rgba(232, 248, 245, 0.4); }
tbody tr:nth-child(odd) { background: rgba(180, 180, 245, 0.3); }