.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))}}
.profile-card{border-radius:var(--radius);flex-direction:column;gap:1rem;width:100%;margin:0 auto;display:flex}.profile-card.row{flex-direction:row}.profile-header{align-items:center;gap:1rem;display:flex}.profile-icon{object-fit:cover;border-radius:50%;width:60px;height:60px}.profile-actions{align-items:center;gap:10px;display:flex}.profile-info p{font-family:var(--font-sans);color:var(--text-primary)}.copy-btn,.primary-button{border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--button-color)20%,transparent);color:var(--text-primary);cursor:pointer;transition:var(--transition);background:0 0;padding:10px 20px}.copy-btn:hover,.primary-button:hover{box-shadow:0 0 10px color-mix(in srgb,var(--button-color)20%,transparent)}.topup-block{flex-direction:column;gap:10px;display:flex}.profile-wrapper{justify-content:space-between;display:flex}.profile-actions .copy-button{position:inherit}.profile-info-line{justify-content:space-between;display:flex}.profile-payment-methods-list{grid-template-columns:1fr;gap:8px;padding:0;list-style:none;display:grid}@media (min-width:768px){.profile-payment-methods-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.profile-payment-methods-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.profile-payment-method-item{border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--border)20%,transparent);color:var(--text-primary);background:0 0;flex-direction:row;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.profile-payment-method-main{flex-direction:column;gap:2px;display:flex}.profile-payment-method-title-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.profile-payment-method-title{color:var(--text-primary);font-weight:600}.profile-pm-badge{font-size:12px}.profile-pm-badge-default{color:var(--accent-green)}.profile-pm-badge-inactive{color:var(--text-secondary)}.profile-pm-meta{color:var(--text-secondary);font-size:12px}.profile-payment-method-actions{justify-content:flex-start;gap:6px;display:flex}@media (max-width:480px){.profile-payment-method-actions{flex-wrap:wrap}}@media (max-width:770px){.profile-card.row{flex-wrap:wrap}}.profile-payment-method-icon-wrap{background:var(--bg-secondary);border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;overflow:hidden}.profile-payment-method-icon{object-fit:contain;width:16px;height:16px}