.payment-history-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;width:100%;max-width:100%;color:var(--text-primary);border-radius:16px;flex-direction:column;gap:1rem;display:flex}.payment-history-card h3{color:var(--text-primary);margin:0 0 14px;font-size:1.1rem;font-weight:600}.ph-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.payment-header h3{color:var(--text-primary);margin:0 0 14px;font-size:1.1rem;font-weight:600}.ph-tile{border:1px solid color-mix(in srgb,var(--border)20%,transparent);background:#ffffff05;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ph-tile-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.ph-desc{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.ph-amount{white-space:nowrap;font-size:.95rem;font-weight:600}.ph-tile-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.ph-date{color:var(--text-secondary);opacity:.85;font-size:.75rem}.ph-status{justify-content:flex-end;display:flex}.status-badge{text-transform:uppercase;border-radius:999px;padding:2px 6px;font-size:.65rem;font-weight:600}.status-badge.success{background:color-mix(in srgb,var(--accent-green)15%,transparent);color:var(--accent-green)}.status-badge.pending{background:color-mix(in srgb,var(--accent-yellow)15%,transparent);color:var(--accent-yellow)}.status-badge.failed,.status-badge.canceled{background:color-mix(in srgb,var(--accent-red)15%,transparent);color:var(--accent-red)}.ph-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:15px;margin-top:15px;font-size:.9rem;display:flex}.ph-pagination button{color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.ph-pagination button:hover:not(:disabled){background:color-mix(in srgb,var(--text-secondary)20%,transparent)}.ph-pagination button:disabled{opacity:.3;cursor:not-allowed}.ph-loading,.ph-empty,.ph-error{text-align:center;color:var(--text-primary);border:1px solid color-mix(in srgb,var(--border)20%,transparent);border-radius:16px;margin-top:20px;padding:20px;font-size:.9rem}@media (max-width:900px){.ph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}