.table-container { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card); }
.table-filters { display: flex; gap: 0.75rem; padding: 1rem; flex-wrap: wrap; align-items: center; border-bottom: 1px solid var(--border); }
.table-filters .form-input, .table-filters .form-select { width: auto; min-width: 180px; }
table.datatable { width: 100%; border-collapse: collapse; }
table.datatable th { background: var(--border-light); padding: 0.75rem 1rem; text-align: left; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-secondary); cursor: pointer; white-space: nowrap; user-select: none; }
table.datatable th:hover { color: var(--text); }
table.datatable th.sorted { color: var(--primary); }
table.datatable td { padding: 0.75rem 1rem; border-top: 1px solid var(--border-light); font-size: 0.9rem; }
table.datatable tr:hover td { background: var(--border-light); }
table.datatable .actions { display: flex; gap: 0.25rem; }
.table-pagination { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; border-top: 1px solid var(--border); font-size: 0.85rem; color: var(--text-secondary); }
.table-pagination .pagination-btns { display: flex; gap: 0.25rem; }
.table-pagination .pagination-btns button { padding: 0.375rem 0.625rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-card); cursor: pointer; font-size: 0.85rem; color: var(--text); }
.table-pagination .pagination-btns button:hover { background: var(--border-light); }
.table-pagination .pagination-btns button.active { background: var(--primary); color: white; border-color: var(--primary); }
.table-pagination .pagination-btns button:disabled { opacity: 0.4; cursor: not-allowed; }