.table-wrap {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.table-wrap:hover {
    border-color: rgba(24, 86, 163, 0.26);
    box-shadow: 0 16px 36px rgba(24, 86, 163, 0.1);
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
    text-align: left;
}

tbody tr {
    transition: background-color 140ms ease;
}

tbody tr:hover {
    background: rgba(24, 86, 163, 0.035);
}

th {
    color: var(--muted);
    font-size: 13px;
    text-transform: uppercase;
}