.data-table-wrapper{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.data-table-wrapper__header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.data-table-wrapper__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:12px;font-weight:600}.data-table-wrapper__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:2px var(--spacing-2);font-size:11px}.data-table-wrapper__scroll{width:100%;overflow-x:auto}.data-table-wrapper__footer{border-top:1px solid var(--color-border-subtle);background:var(--color-bg-base);padding:var(--spacing-2) var(--spacing-3)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table__head{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-base)}.data-table__th{padding:var(--spacing-2) var(--spacing-3);white-space:nowrap;text-align:right;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-size:11px;font-weight:500}.data-table__th:first-child,.data-table__th[data-align=left]{text-align:left}.data-table__th[data-align=center]{text-align:center}.data-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast),background var(--transition-fast)}.data-table__th--sortable:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.data-table__th--sorted-asc,.data-table__th--sorted-desc{color:var(--color-accent-gold)}.data-table__th-inner{align-items:center;gap:var(--spacing-1);display:inline-flex}.data-table__th[data-align=right] .data-table__th-inner,.data-table__th:not([data-align]) .data-table__th-inner{flex-direction:row-reverse;justify-content:flex-start;width:100%}.data-table__sort-icon{color:var(--color-text-muted);transition:color var(--transition-fast),transform var(--transition-fast);font-size:10px;line-height:1}.data-table__th--sorted-asc .data-table__sort-icon,.data-table__th--sorted-desc .data-table__sort-icon{color:var(--color-accent-gold)}.data-table__row{border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast)}.data-table__row:last-child{border-bottom:none}.data-table__row:hover{background:var(--color-bg-elevated)}.data-table__row--clickable{cursor:pointer}.data-table__row--clickable:focus-visible{outline:2px solid var(--color-accent-gold-border);outline-offset:-2px}.data-table__row--skeleton{pointer-events:none}.data-table__td{padding:var(--spacing-2) var(--spacing-3);text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-size:13px}.data-table__td:first-child,.data-table__td[data-align=left]{font-family:var(--font-body);text-align:left;font-weight:500}.data-table__td[data-align=center]{text-align:center}.data-table__td--empty{text-align:center;font-family:var(--font-mono);color:var(--color-text-muted);padding:var(--spacing-10) var(--spacing-4);font-size:12px}.data-table__skeleton-cell{border-radius:var(--radius-sm);background:var(--color-bg-elevated);height:12px;animation:1.4s ease-in-out infinite se-skeleton-pulse;display:block}.data-table-pagination{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.data-table-pagination__info{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text-muted);min-width:80px;font-size:11px}.data-table-pagination__controls{align-items:center;gap:var(--spacing-1);display:flex}.data-table-pagination__btn{min-width:26px;height:26px;padding:0 var(--spacing-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.data-table-pagination__btn:hover:not(:disabled){border-color:var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-primary)}.data-table-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.data-table-pagination__btn--active{border-color:var(--color-accent-gold-border);background:var(--color-accent-gold-subtle);color:var(--color-accent-gold);cursor:default}.data-table-pagination__btn--active:hover{border-color:var(--color-accent-gold-border);background:var(--color-accent-gold-subtle);color:var(--color-accent-gold)}.data-table-pagination__ellipsis{font-family:var(--font-mono);color:var(--color-text-muted);padding:0 var(--spacing-1);-webkit-user-select:none;user-select:none;font-size:12px}.data-table-pagination__size-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:3px var(--spacing-2);font-family:var(--font-mono);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);font-size:11px}.data-table-pagination__size-select:hover{border-color:var(--color-border-default);color:var(--color-text-primary)}.data-table-pagination__size-select:focus-visible{outline:2px solid var(--color-accent-gold-border);outline-offset:1px}.data-table-pagination__size-select option{background:var(--color-bg-overlay);color:var(--color-text-primary)}.data-table-pagination__jump{align-items:center;gap:var(--spacing-1);display:flex}.data-table-pagination__jump-input{width:48px;height:26px;padding:0 var(--spacing-2);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text-primary);text-align:center;transition:border-color var(--transition-fast);appearance:textfield;font-size:12px}.data-table-pagination__jump-input::-webkit-outer-spin-button{appearance:none;margin:0}.data-table-pagination__jump-input::-webkit-inner-spin-button{appearance:none;margin:0}.data-table-pagination__jump-input::placeholder{color:var(--color-text-muted)}.data-table-pagination__jump-input:hover{border-color:var(--color-border-default)}.data-table-pagination__jump-input:focus-visible{outline:2px solid var(--color-accent-gold-border);outline-offset:1px;border-color:var(--color-accent-gold-border)}@keyframes se-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.data-table__row{transition-duration:.01ms!important}.data-table__skeleton-cell{animation-duration:.01ms!important}.data-table-pagination__btn,.data-table-pagination__size-select,.data-table-pagination__jump-input{transition-duration:.01ms!important}}
