.table-container{--tbl-bg: #ffffff;--tbl-text: #111827;--tbl-muted: #667085;--tbl-border: #e5e7eb;--tbl-header-bg: #f8fafc;--tbl-primary: #2563eb;background:var(--tbl-bg);border:1px solid var(--tbl-border);border-radius:10px;box-shadow:0 1px 2px #1018280d;padding:12px}.search-input{width:min(420px,100%);height:38px;border:1px solid var(--tbl-border);border-radius:8px;padding:0 12px 0 36px;font-size:14px;color:var(--tbl-text);background-color:var(--tbl-bg);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px 16px;background-position:10px center;outline:none}.search-input::placeholder{color:#9aa4b2}.search-input:focus{border-color:#cbd5e1;box-shadow:0 0 0 3px #2563eb1f}.table-wrapper{margin-top:10px;overflow:auto;border-radius:8px}.custom-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:var(--tbl-text)}.custom-table thead th{position:sticky;top:0;z-index:1;background:var(--tbl-header-bg);color:var(--tbl-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em;padding:12px 16px;text-align:left;border-bottom:1px solid var(--tbl-border);border-right:1px solid var(--tbl-border);-webkit-user-select:none;user-select:none;white-space:nowrap}.custom-table thead th:last-child{border-right:none;border-top-right-radius:8px}.custom-table thead th:first-child{border-top-left-radius:8px}.custom-table tbody td{background:var(--tbl-bg);padding:12px 16px;border-bottom:1px solid var(--tbl-border);border-right:1px solid var(--tbl-border);vertical-align:middle;color:#344054;white-space:nowrap}.custom-table tbody td:last-child{border-right:none}.custom-table tbody tr:hover td{background:#eef4ff}.custom-table thead th{cursor:pointer}.custom-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.custom-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.pagination{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:12px 4px 4px;color:#475467;font-size:14px}.pagination button{height:34px;padding:0 12px;background:var(--tbl-bg);color:#344054;border:1px solid var(--tbl-border);border-radius:8px;cursor:pointer}.pagination button:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 0 0 3px #1018280d}.pagination button:disabled{opacity:.5;cursor:not-allowed}.search-input:focus-visible,.pagination button:focus-visible,.custom-table thead th:focus-visible{outline:0;box-shadow:0 0 0 3px #2563eb47}.custom-table thead th>:is(span,div){display:inline-flex;align-items:center;gap:6px}