/* Compressed on 2026-04-07 22:51:09 */
.data-table{ width:100%; border-collapse:collapse; background:var(--color-bg-white); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm)} .data-table th,.data-table td{ padding:12px 16px; text-align:left; border-bottom:1px solid var(--color-border-light)} .data-table th{ background:linear-gradient(180deg,var(--gray-50),var(--gray-100)); font-weight:var(--font-weight-semibold); font-size:var(--font-size-sm); color:var(--color-text-light); text-transform:uppercase; letter-spacing:0.5px} .data-table td{ font-size:var(--font-size-base); color:var(--color-text); transition:background var(--transition-base)} .data-table tr:last-child td{ border-bottom:none} .data-table tr:hover td{ background:var(--color-primary-bg)} .table-striped tbody tr:nth-child(even) td{ background:var(--gray-50)} .table-striped tbody tr:nth-child(even):hover td{ background:var(--color-primary-bg)} .table-compact th,.table-compact td{ padding:8px 12px} .table-bordered{ border:1px solid var(--color-border)} .table-bordered th,.table-bordered td{ border:1px solid var(--color-border-light)} .table-hover tbody tr:hover td{ background:var(--color-primary-bg)} .data-table .status-badge{ display:inline-flex; align-items:center; gap:var(--spacing-xs); padding:4px 12px; font-size:var(--font-size-xs); font-weight:var(--font-weight-medium); border-radius:var(--radius-full)} .status-badge.success,.status-badge.active{ background:var(--color-success-bg); color:var(--color-success)} .status-badge.success::before,.status-badge.active::before{ content:''; width:6px; height:6px; background:var(--color-success); border-radius:50%} .status-badge.warning,.status-badge.pending{ background:var(--color-warning-bg); color:var(--color-warning)} .status-badge.warning::before,.status-badge.pending::before{ content:''; width:6px; height:6px; background:var(--color-warning); border-radius:50%} .status-badge.danger,.status-badge.inactive{ background:var(--color-danger-bg); color:var(--color-danger)} .status-badge.danger::before,.status-badge.inactive::before{ content:''; width:6px; height:6px; background:var(--color-danger); border-radius:50%} .status-badge.info{ background:var(--color-info-bg); color:var(--color-info)} .status-badge.primary{ background:var(--color-primary-bg); color:var(--color-primary)} .table-actions{ display:flex; gap:var(--spacing-xs)} .table-actions .btn{ padding:4px 10px; font-size:var(--font-size-xs)} .table-actions .btn-link{ padding:4px; color:var(--color-primary)} .table-actions .btn-link:hover{ color:var(--color-primary-dark)} .sortable{ cursor:pointer; user-select:none} .sortable::after{ content:'↕'; margin-left:6px; opacity:0.3; font-size:var(--font-size-xs)} .sortable.asc::after{ content:'↑'; opacity:1; color:var(--color-primary)} .sortable.desc::after{ content:'↓'; opacity:1; color:var(--color-primary)} .table-empty{ text-align:center; padding:var(--spacing-3xl); color:var(--color-text-muted)} .table-empty-icon{ font-size:48px; margin-bottom:var(--spacing-md); opacity:0.5; color:var(--color-primary-light)} .table-empty-text{ font-size:var(--font-size-sm)} .table-responsive{ overflow-x:auto; -webkit-overflow-scrolling:touch} @media (max-width:768px){ .table-responsive .data-table{ min-width:600px} .data-table th,.data-table td{ padding:10px 12px; font-size:var(--font-size-sm)} } .pagination{ display:flex; align-items:center; justify-content:center; gap:var(--spacing-xs); margin-top:var(--spacing-lg); padding:var(--spacing-md)} .pagination-item{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 var(--spacing-sm); border:1px solid var(--color-border); border-radius:var(--radius-md); cursor:pointer; transition:all var(--transition-base); background:var(--color-bg-white); color:var(--color-text); font-size:var(--font-size-sm)} .pagination-item:hover{ border-color:var(--color-primary); color:var(--color-primary)} .pagination-item.active{ background:var(--gradient-primary); color:var(--color-text-white); border-color:transparent; box-shadow:var(--shadow-primary)} .pagination-item:disabled{ opacity:0.5; cursor:not-allowed} .pagination-info{ color:var(--color-text-muted); font-size:var(--font-size-sm); margin:0 var(--spacing-md)} .pagination-jump{ display:flex; align-items:center; gap:var(--spacing-sm); margin-left:var(--spacing-md)} .pagination-jump input{ width:60px; text-align:center; padding:var(--spacing-xs) var(--spacing-sm); border:1px solid var(--color-border); border-radius:var(--radius-md); font-size:var(--font-size-sm)} .pagination-jump input:focus{ border-color:var(--color-primary); box-shadow:0 0 0 3px var(--color-primary-bg); outline:none} .data-table tr.selected td{ background:var(--color-primary-bg)} .data-table tr.selected:hover td{ background:var(--color-primary-100)} .row-number{ width:50px; text-align:center; color:var(--color-text-muted); font-size:var(--font-size-sm)} .avatar-cell{ display:flex; align-items:center; gap:var(--spacing-sm)} .avatar-cell img{ width:32px; height:32px; border-radius:50%; object-fit:cover} .avatar-cell .avatar-placeholder{ width:32px; height:32px; border-radius:50%; background:var(--gradient-primary); display:flex; align-items:center; justify-content:center; color:var(--color-text-white); font-size:var(--font-size-sm); font-weight:var(--font-weight-semibold)} .table-link{ color:var(--color-primary); text-decoration:none; transition:color var(--transition-base)} .table-link:hover{ color:var(--color-primary-dark); text-decoration:underline} .text-primary{ color:var(--color-primary); font-weight:var(--font-weight-semibold)} .text-success{ color:var(--color-success); font-weight:var(--font-weight-semibold)} .text-warning{ color:var(--color-warning); font-weight:var(--font-weight-semibold)} .text-danger{ color:var(--color-danger); font-weight:var(--font-weight-semibold)} .text-muted{ color:var(--color-text-muted)}