.table-page-wrapper {
    margin-right: 260px;
    padding: 20px;
}
.professional-table {
    max-height: 450px;
    overflow: auto;
    background: #f4f8fb;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(30, 60, 114, 0.12);
}
    .professional-table table {
        width: max-content;
        min-width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }
    .professional-table thead th {
        position: sticky;
        top: 0;
        background: linear-gradient(180deg, #82adc1, #bcdff0);
        color: #0f3b57;
        font-weight: 600;
        font-size: 13px;
        padding: 14px 16px;
        text-align: center;
        white-space: nowrap;
        border-bottom: 1px solid #aacfe3;
        z-index: 2;
    }
    .professional-table tbody td {
        padding: 12px 16px;
        font-size: 13px;
        text-align: center;
        white-space: nowrap;
        background-color: #f9fcfe;
        color: #1f2d3d;
        border-bottom: 1px solid #dbe6ef;
        border-left: 1px solid #e2ecf4;
    }
    .professional-table tbody tr:nth-child(even) td {
        background-color: #eef6fb;
    }
    .professional-table tbody tr:hover td {
        background-color: #ddeef8;
    }
    .professional-table::-webkit-scrollbar {
        height: 8px;
        width: 8px;
    }

    .professional-table::-webkit-scrollbar-thumb {
        background: #9fbcd3;
        border-radius: 10px;
    }

    .professional-table::-webkit-scrollbar-track {
        background: #e8f1f7;
    }

    .professional-table tbody td {
        font-size: 18px;
        line-height: 1.8;
        font-weight: 500;
    }