.staff-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.staff-table table {
    width: 100%;
}

.staff-table th,
.staff-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.staff-table th {
    background-color: #f5f5f5;
    font-weight: bold;
}

.staff-row {
    cursor: pointer;
    transition: background-color 0.3s;
}

.staff-row:hover {
    background-color: #f9f9f9;
}

.staff-details {
    display: none;
}

.staff-details.active {
    display: table-row;
}

.details-content {
    display: flex;
    padding: 20px;
    background-color: #f9f9f9;
    gap: 20px;
}

.details-content img {
    max-width: 150px;
    height: auto;
}

.staff-info {
    flex: 1;
}