/* ══════════  DATA TABLE ═══════════ */
 .table-wrap {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }

 .data-table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     font-family: 'Poppins', sans-serif;
     font-size: 0.78rem;
 }

 .data-table thead th {
     background: var(--bg);
     color: var(--muted);
     font-family: 'Montserrat', sans-serif;
     font-size: 0.67rem;
     font-weight: 700;
     letter-spacing: 0.4px;
     text-transform: uppercase;
     padding: 10px 16px;
     white-space: nowrap;
     border-bottom: 1px solid var(--border);
 }

 .data-table tbody tr:hover td {
     background: rgba(245, 166, 35, 0.03);
 }

 .data-table tbody td {
     padding: 11px 16px;
     color: var(--text);
     border-bottom: 1px solid var(--border);
     vertical-align: middle;
     white-space: nowrap;
 }

 .data-table tbody tr:last-child td {
     border-bottom: none;
 }

 .booking-id {
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     font-size: 0.7rem;
     color: var(--orange);
 }

 /* User cell */
 .td-user {
     display: flex;
     align-items: center;
     gap: 9px;
 }

 .td-avatar {
     width: 30px;
     height: 30px;
     border-radius: 8px;
     background: linear-gradient(135deg, var(--primary), var(--accent));
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.65rem;
     font-weight: 800;
     color: #fff;
     font-family: 'Roboto', sans-serif;
     flex-shrink: 0;
 }

 .td-name {
     font-family: 'Montserrat', sans-serif;
     font-size: 0.76rem;
     font-weight: 700;
     color: var(--text);
     line-height: 1.2;
 }

 .td-sub {
     font-size: 0.67rem;
     color: var(--muted);
 }

 /* Action buttons */
 .td-actions {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .action-btn {
     width: 28px;
     height: 28px;
     border: none;
     border-radius: 7px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     font-size: 0.72rem;
     transition: all 0.18s;
 }

 .action-btn.view {
     background: rgba(37, 99, 235, 0.1);
     color: var(--accent);
 }

 .action-btn.success {
     background: rgba(34, 197, 94, 0.12);
     color: #16a34a;
 }

 .action-btn.danger {
     background: rgba(239, 68, 68, 0.1);
     color: var(--red);
 }

 .action-btn:hover {
     transform: scale(1.12);
     filter: brightness(1.1);
 }

 /* Table footer */
 .table-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 12px 18px;
     border-top: 1px solid var(--border);
     gap: 10px;
     flex-wrap: wrap;
 }

 .table-info {
     font-size: 0.72rem;
     color: var(--muted);
 }

 .pagination {
     display: flex;
     align-items: center;
     gap: 3px;
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .page-link {
     width: 30px;
     height: 30px;
     border-radius: 7px;
     border: 1.5px solid var(--border);
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: 'Montserrat', sans-serif;
     font-size: 0.72rem;
     font-weight: 700;
     color: var(--text);
     transition: all 0.18s;
 }

 .page-link:hover {
     border-color: var(--orange);
     color: var(--orange);
 }

 .page-link.active {
     background: var(--orange);
     border-color: var(--orange);
     color: #fff;
 }