.ct-wrap{max-width:1100px;margin:20px auto;font-family:Inter,Arial,Helvetica,sans-serif}
.ct-filters{display:flex;gap:18px;background:#fff;border:1px solid #d6d2d2;padding:18px;border-radius:8px;align-items:end;flex-wrap:wrap}
.ct-filter-item{flex:1;min-width:180px}
.ct-filter-item label{display:block;font-weight:600;margin-bottom:6px;font-size:14px}
.ct-filter-item input, .ct-filter-item select{width:100%;padding:10px;border-radius:6px;border:1px solid #dcd7d7;background:#faf9f9}
.ct-actions{display:flex;gap:10px;align-items:center;margin-left:auto}
.ct-btn-primary{background:#7a7a7a;color:#fff;padding:10px 14px;border-radius:6px;border:none;cursor:pointer}
.ct-btn-secondary{background:transparent;border:none;color:#7a7a7a;cursor:pointer}

.ct-table-wrap{margin-top:18px;border-radius:6px;overflow:hidden;border:1px solid #e1dddd}
.ct-table{width:100%;border-collapse:collapse}
.ct-table thead th{background:#9b9999;color:#fff;padding:16px;text-align:left;font-weight:700}
.ct-table td, .ct-table th{padding:18px;border-bottom:1px solid #eceaea}
.ct-table tbody tr:nth-child(odd){background:#f3f3f3}
.ct-table tbody tr:hover{background:#f0f6ff}

.ct-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#faf9f9}
.ct-pagination{display:flex;gap:6px;align-items:center}
.ct-page{padding:6px 10px;border-radius:6px;border:1px solid #d6d6d6;background:#fff;cursor:pointer}
.ct-page:hover{background:#f0f0f0}
.ct-page-active{border:2px solid #4a90e2;background:#fff;color:#4a90e2;padding:5px 9px}
.ct-ellipsis{padding:0 8px;color:#999}
.ct-count{color:#7a7a7a;font-size:13px}

/* make active page look like screenshot: rounded with blue outline */
.ct-page-active { box-shadow: none; border-radius: 12px; font-weight: 600; }