[data-fragment=DataTable]{width:100%;font-family:var(--font-sans,system-ui, sans-serif);color:var(--text-primary,currentColor);border:1px solid var(--ui-line,transparent);border-radius:var(--radius-md,10px);overflow-x:auto}[data-fragment=DataTable] table{border-collapse:collapse;width:100%;font-size:13px}[data-fragment=DataTable] thead{background:var(--bg-secondary,transparent)}[data-fragment=DataTable] [class$=-th]{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,currentColor);text-align:left;border-bottom:1px solid var(--ui-line-strong,transparent);padding:10px 14px;font-size:11.5px;font-weight:600}[data-fragment=DataTable] [class$=-sort]{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}[data-fragment=DataTable] [class$=-sort]:hover{color:var(--text-primary,currentColor)}[data-fragment=DataTable] [class$=-sort]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=DataTable] tbody tr{border-bottom:1px solid var(--ui-line,transparent)}[data-fragment=DataTable] tbody tr:last-child{border-bottom:0}[data-fragment=DataTable][data-striped=true] tbody tr:nth-child(2n){background:var(--bg-secondary,transparent)}[data-fragment=DataTable] [class$=-row-clickable]{cursor:pointer}[data-fragment=DataTable] [class$=-row-clickable]:hover{background:rgba(var(--brand-rgb), .04)}[data-fragment=DataTable] [class$=-td]{color:var(--text-primary,currentColor);padding:10px 14px}[data-fragment=DataTable][class$=-empty]{text-align:center;border:1px dashed var(--ui-line,transparent);padding:32px 24px}[data-fragment=DataTable][class$=-empty] p{color:var(--text-secondary,currentColor);margin:0;font-size:13px}