.data-table-wrapper{width:100%}.data-table-wrapper .card-header{background:var(--color-white);border-bottom:1px solid #e3e6f0;padding:var(--spacing-5) var(--spacing-6)}.table-header-wrapper{display:flex;align-items:center;gap:var(--spacing-5);width:100%}.header-left{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.table-title{margin:0;color:#2c3e50;font-weight:600;font-size:1.125rem;display:flex;align-items:center;line-height:1;white-space:nowrap}.table-title i{margin-right:var(--spacing-2)}.search-container{margin-left:auto}.data-table-wrapper .table{margin-bottom:0}.data-table-wrapper .table thead th{border-top:none;border-bottom:2px solid #e3e6f0;color:var(--color-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-4) var(--spacing-6);background:var(--color-gray-100)}.data-table-wrapper .table tbody td,.data-table-wrapper .table tbody th{padding:var(--spacing-4) var(--spacing-6);vertical-align:middle;border-top:1px solid #f1f3f5}.data-table-wrapper .table-hover tbody tr:hover{background-color:var(--color-gray-50)}.empty-state{padding:var(--spacing-10) var(--spacing-5)}.empty-state i{display:block;opacity:.3}.empty-state h5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-2)}.empty-state p{margin:0 0 var(--spacing-4) 0}.data-table-wrapper .card-footer{background:var(--color-white);border-top:1px solid #e3e6f0;padding:var(--spacing-4) var(--spacing-6)}.pagination-wrapper{display:flex;justify-content:center;padding:0}.pagination-nav{display:inline-block}.pagination-list{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center}.pagination-item{display:inline-block}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;font-weight:500;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);cursor:pointer;white-space:nowrap;line-height:1}.pagination-link:hover:not(.disabled):not(.active){border-color:var(--color-gray-400);background:var(--color-gray-50);color:var(--color-text-dark)}.pagination-link.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:600;cursor:default;pointer-events:none}.pagination-link.disabled{background:var(--color-white);border-color:var(--color-border);color:var(--color-gray-300);cursor:not-allowed;pointer-events:none}.pagination-link i{font-size:12px;line-height:1}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;color:var(--color-text-secondary);font-size:14px;font-weight:500;line-height:1}.filter-select{min-width:200px;padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-weight:400;transition:all var(--transition-fast);cursor:pointer}.filter-select:hover{border-color:var(--color-gray-400)}.filter-select:focus{outline:none;border-color:var(--color-gray-400);box-shadow:0 0 0 3px #adb5bd1a}@media (max-width: 768px){.data-table-wrapper .card-header{padding:var(--spacing-4)}.table-header-wrapper{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.header-left{width:100%;flex-direction:row;align-items:center;flex-wrap:nowrap;overflow-x:auto;gap:var(--spacing-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.header-left::-webkit-scrollbar{display:none}.table-title{margin-bottom:0;font-size:1rem;flex-shrink:0;white-space:nowrap}.header-left :deep(.action-btn),.header-left :deep(button),.header-left :deep(a.btn){padding:var(--spacing-2) var(--spacing-3)!important;font-size:.8125rem!important;white-space:nowrap;flex-shrink:0}.search-container{margin-left:0;width:100%}.data-table-wrapper .table thead th,.data-table-wrapper .table tbody td,.data-table-wrapper .table tbody th{padding:var(--spacing-3) var(--spacing-4)}}@media (max-width: 576px){.data-table-wrapper .table thead th,.data-table-wrapper .table tbody td,.data-table-wrapper .table tbody th{padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--text-sm)}.table-title{font-size:1rem}.filter-select{width:100%;min-width:0}.pagination-list{gap:6px}.pagination-link,.pagination-ellipsis{min-width:36px;height:36px;padding:0 10px;font-size:13px}}