.blue-box-table-wrapper {
    background:#f5f8fc;
    border:2px solid #dce3ee;
    border-radius:12px;
    padding:20px;
    width:95%;
    max-width:1600px;
    margin: 0 auto;
    box-sizing:border-box;
    font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.back-button-container { text-align:center; margin-bottom:20px; }
#backButton, .table-buttons button {
    padding:8px 16px;
    background:#2c6ed5;
    color:#fff;
    border:none;
    border-radius:6px;
    font-weight:600;
    cursor:pointer;
    margin-right:10px;
    transition:0.2s;
}
#backButton:hover, .table-buttons button:hover { background:#1d4fa3; }
.middle-buttons { display:flex; justify-content:center; gap:16px; margin-bottom:30px; }
.middle-buttons a { padding:12px 20px; background:#2c6ed5; color:white; border-radius:6px; text-decoration:none; font-size:14px; font-weight:600; transition:0.2s;}
.middle-buttons a:hover { background:#1d4fa3; }

.table-buttons {
    text-align:center;
    margin-bottom:20px;
}


.selectable-table-wrapper {
    overflow-x:auto;
    width:100%;
    border-radius:10px;
    background:#fff;
    padding:10px;
}

#dataTable {
    width:100%;
    border-collapse:collapse;
    min-width:1100px;
}

thead th {
    background:linear-gradient(180deg,#eef3f9,#f7f9fc);
    border-bottom:2px solid #dce3ee;
    padding:10px;
    font-size:13px;
    font-weight:600;
    color:#23344e;
    position:sticky;
    top:0;
}

tbody td {
    padding:10px;
    border-bottom:1px solid #e7edf5;
    font-size:13px;
    color:#333;
}

tbody tr:hover { background:#f0f4fb; }

.payment-select {
    padding:6px 10px;
    border:1px solid #c7d2e3;
    border-radius:6px;
    font-size:13px;
    background:#fff;
    color:#23344e;
    width:100%;
}

.payment-select:focus, td:focus {
    border-color:#2c6ed5;
    box-shadow:0 0 0 2px rgba(44,110,213,0.25);
    outline:none;
}