@layer reset,base,utilities,core,components,theme,admin,external;.payment-history{padding:32px 0 48px}.payment-history .payment-history__header{margin-bottom:28px}.payment-history .payment-history__title{color:var(--charcoal);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 8px}.payment-history .payment-history__desc{color:var(--grey-80);font-size:1rem;line-height:1.6;margin:0;max-width:65ch}.payment-history .payment-history-content{--content-gap: var(--spacing-m);display:grid;gap:var(--content-gap)}.payment-history .status-badge{--badge-bg: var(--grey-20);--badge-color: var(--text-primary);--badge-radius: 999px;--badge-padding: 6px 10px;--badge-font-size: .875rem;--badge-font-weight: fw(semi-bold);align-items:center;background-color:var(--badge-bg);border-radius:var(--badge-radius);color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);line-height:1;padding:var(--badge-padding);text-transform:capitalize}.payment-history .status-badge--successful{--badge-bg: color-mix(in oklab, var(--green) 15%, white);--badge-color: var(--green)}.payment-history .status-badge--failed{--badge-bg: color-mix(in oklab, var(--red) 15%, white);--badge-color: var(--red)}.payment-history .status-badge--pending{--badge-bg: color-mix(in oklab, var(--yellow) 20%, white);--badge-color: var(--yellow-50)}.payment-history .basic-table{overflow-x:auto}.payment-history .basic-table table{table-layout:auto}.payment-history .basic-table table thead th{white-space:nowrap}.payment-history .basic-table__pagination{--gap: var(--spacing-s);--padding: var(--spacing-s) 0;display:flex;justify-content:flex-end;padding:var(--padding)}.payment-history .basic-table__pagination .pager{align-items:center;display:inline-flex;gap:var(--gap);list-style:none;margin:0;padding:0}.payment-history .basic-table__pagination .pager__item.is-disabled{opacity:.5;pointer-events:none}.payment-history .basic-table__pagination .pager__link{background:var(--white);border:1px solid var(--grey-20);border-radius:6px;color:var(--text-primary);display:inline-flex;font-size:.875rem;line-height:1;padding:8px 12px;text-decoration:none}.payment-history .basic-table__pagination .pager__status{color:var(--text-primary);font-size:.875rem}.payment-history .no-transactions-message{--bg: var(--grey-10);--border: 1px solid var(--grey-20);--radius: 8px;--padding: var(--spacing-m);background:var(--bg);border:var(--border);border-radius:var(--radius);padding:var(--padding)}