.table-container{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-height:calc(100vh - 400px);margin-bottom:0;overflow:auto}table{border-collapse:collapse;background-color:var(--background);width:100%}thead{background-color:var(--light);color:var(--foreground);z-index:10;position:sticky;top:0}thead th{padding:var(--space-4);text-align:left;font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase;font-weight:500}tbody tr{border-bottom:1px solid var(--border);transition:background-color var(--transition-normal);cursor:pointer}tbody tr:hover{background-color:#00000005}tbody tr:last-child{border-bottom:none}tbody td{padding:var(--space-4);font-size:var(--font-size-sm);color:var(--text-primary)}.status-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;display:inline-block}.status-badge.active{background-color:var(--success-bg);color:var(--success)}.status-badge.inactive{background-color:var(--error-bg);color:var(--error)}.status-badge.warning,.status-badge.pending{background-color:var(--warning-bg);color:var(--warning)}.status-badge.processing{background-color:var(--background-secondary);color:var(--text-primary)}.status-badge.confirmed{background-color:var(--success-bg);color:var(--success)}.status-badge.shipped{background-color:var(--background-secondary);color:var(--text-primary)}.status-badge.delivered{background-color:var(--success-bg);color:var(--success)}.status-badge.cancelled,.status-badge.refunded{background-color:var(--error-bg);color:var(--error)}.status-badge.payment-pending{background-color:var(--warning-bg);color:var(--warning)}.status-badge.payment-paid{background-color:var(--success-bg);color:var(--success)}.status-badge.payment-failed,.status-badge.payment-refunded{background-color:var(--error-bg);color:var(--error)}.status-badge.payment-partially_refunded{background-color:var(--warning-bg);color:var(--warning)}.loading-schema,.no-data,.message{padding:var(--space-8)var(--space-8);text-align:center;color:var(--text-secondary)}.message.error{color:var(--error)}[data-theme=dark] tbody tr:hover{background-color:#ffffff0d}@media (prefers-color-scheme:dark){:root:not([data-theme]) tbody tr:hover{background-color:#ffffff0d}}
