.table-container{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:100%;overflow-x:auto;margin-bottom:20px;transition:var(--btn-transition)}.table-container:hover{box-shadow:var(--hover-shadow)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.data-table th{background-color:#f8fafc;color:var(--text-secondary);font-weight:600;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table td,.data-table th{padding:16px 20px;border-bottom:1px solid var(--card-border)}.data-table td{color:var(--text-primary);vertical-align:middle;transition:background-color .2s ease}.data-table tbody tr{transition:transform .25s cubic-bezier(.4,0,.2,1)}.data-table tbody tr:hover{transform:translateX(6px)}.data-table tbody tr:hover td{background-color:#f1f5f9}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;border-radius:30px;text-transform:uppercase;letter-spacing:.5px}.status-badge.active,.status-badge.approved,.status-badge.live{background-color:#d1fae5;color:var(--success-hover);box-shadow:0 2px 8px rgba(16,185,129,.15)}.status-badge.paused,.status-badge.pending{background-color:#dbeafe;color:var(--info-color);box-shadow:0 2px 8px rgba(59,130,246,.15)}.status-badge.expire,.status-badge.expired,.status-badge.inactive,.status-badge.rejected{background-color:#fef3c7;color:var(--warning-color);box-shadow:0 2px 8px rgba(245,158,11,.15)}.progress-container{width:120px;background-color:#e2e8f0;border-radius:10px;height:6px;margin-top:6px;overflow:hidden}.progress-bar{height:100%;background-color:var(--success-color);border-radius:10px;box-shadow:0 0 8px rgba(16,185,129,.4)}.progress-text{font-size:11px;font-weight:600;color:var(--text-secondary)}.action-buttons{display:flex;gap:8px}.action-btn{background-color:#ffffff;border:1px solid #e2e8f0;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--btn-transition);color:var(--text-secondary)}.action-btn:hover{background-color:#f8fafc;color:var(--text-primary);border-color:#cbd5e1;transform:translateY(-1px)}.action-btn.edit:hover{color:var(--info-color);border-color:var(--info-color);box-shadow:0 0 10px rgba(59,130,246,.15)}.action-btn.delete:hover{color:var(--danger-color);border-color:var(--danger-color);box-shadow:0 0 10px rgba(239,68,68,.15)}.pagination-container{justify-content:space-between;gap:16px;padding:18px 24px;background-color:var(--card-bg);border:1px solid var(--card-border);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);font-size:13px;color:var(--text-secondary);font-weight:500}.pagination-container,.pagination-controls{display:flex;align-items:center;flex-wrap:wrap}.pagination-controls{justify-content:flex-end;gap:6px;max-width:100%}.pagination-ellipsis{padding:0 4px;color:var(--text-secondary);font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.01em;white-space:nowrap;background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.role-badge.role-1{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.role-badge.role-2{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.role-badge.role-3{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.role-badge.role-4{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.role-badge.role-5{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.role-badge.role-6{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.pagination-btn{padding:8px 14px;border:1px solid #e2e8f0;background-color:#ffffff;color:var(--text-primary);cursor:pointer;border-radius:6px;font-weight:600;font-size:13px;transition:var(--btn-transition)}.pagination-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary-color);color:#ffffff;border-color:var(--primary-color);box-shadow:var(--accent-glow)}@keyframes pulse{0%{background-color:#f8fafc}50%{background-color:#e2e8f0}to{background-color:#f8fafc}}.skeleton-row td{padding:16px 20px}.skeleton-line{height:16px;background-color:#e2e8f0;border-radius:4px;animation:pulse 1.5s ease-in-out infinite;width:100%}.empty-state-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center}.empty-state-icon{width:40px;height:40px;stroke:var(--text-secondary);opacity:.5;margin-bottom:10px}.empty-state-text{font-size:14px;font-weight:600;color:var(--text-secondary)}