.dt-history-panel{background:var(--ar-bg);border:1px solid var(--ar-rule);border-radius:8px;padding:0}.dt-history-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.dt-history-toolbar h2{letter-spacing:-.03em;font-size:17px;font-weight:500}.dt-payment-table-scroll{overflow-x:auto}.dt-payment-table-scroll:focus-visible{outline:2px solid var(--ar-accent-text);outline-offset:-3px}.dt-payment-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.dt-payment-table :is(th,td){border-top:1px solid var(--ar-rule);vertical-align:middle;white-space:nowrap;padding:18px 24px}.dt-payment-table th{color:var(--ar-muted);background:var(--ar-paper);padding-block:13px;font-size:12px;font-weight:500}.dt-payment-table tbody tr:hover{background:var(--ar-paper)}.dt-payment-time{color:var(--ar-muted);margin-top:4px;font-size:12px;display:block}.dt-payment-reference{font:11px var(--ar-font-mono);color:var(--ar-muted)}.dt-payment-number{text-align:right;font-variant-numeric:tabular-nums}.dt-payment-actions{align-items:center;gap:16px;display:flex}.dt-payment-complete{color:var(--ar-muted);font-size:12px}.dt-payment-table .dt-payment-feedback-row td{white-space:normal;border-top:0;padding-block:0 16px}.dt-payment-feedback-row .dt-topup-feedback{margin-top:0}.dt-payment-pagination{border-top:1px solid var(--ar-rule);color:var(--ar-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font-size:12px;display:flex}.dt-payment-pagination>div{align-items:center;gap:18px;display:flex}.dt-history-panel>:is(.dt-topup-feedback,.dt-history-empty){margin:0 24px 24px}.dt-history-loading{place-items:center;min-height:180px;display:grid}.dt-history-spinner{border:2px solid var(--ar-rule);border-top-color:var(--ar-accent-text);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite dt-history-spin}@keyframes dt-history-spin{to{transform:rotate(360deg)}}@media (max-width:650px){.dt-history-toolbar,.dt-payment-pagination{padding:16px}.dt-payment-table :is(th,td){padding-inline:16px}.dt-payment-pagination>div{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.dt-history-spinner{animation:none}}.dt-history-notice{max-width:780px;color:var(--ar-muted);padding:0 24px 20px;font-size:12px;line-height:1.6}