.account-payment-receipt { position: fixed; z-index: 80; inset: 50% auto auto 50%; width: min(540px, calc(100vw - 32px)); max-height: calc(100vh - 32px); margin: 0; padding: 0; border: 0; border-radius: 26px; color: #17233d; background: transparent; box-shadow: 0 30px 90px rgba(20, 33, 61, .32); transform: translate(-50%, -50%); }
.account-payment-receipt::backdrop { background: rgba(15, 28, 58, .58); backdrop-filter: blur(5px); }
.account-payment-receipt > article { display: grid; gap: 16px; padding: 34px; border: 1px solid #dce7f7; border-radius: 26px; background: #fff; }
.account-payment-receipt__icon { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #168766, #21ad83); box-shadow: 0 12px 28px rgba(22, 135, 102, .2); }
.account-payment-receipt__icon .app-icon { width: 29px; height: 29px; }
.account-payment-receipt[data-status="REJECTED"] .account-payment-receipt__icon { background: linear-gradient(135deg, #b93852, #e1576c); box-shadow: 0 12px 28px rgba(185, 56, 82, .2); }
.account-payment-receipt > article > p:first-of-type { margin: 2px 0 -9px; color: #315eca; font-size: 13px; font-weight: 900; letter-spacing: .08em; }
.account-payment-receipt h2 { margin: 0; font-size: 29px; line-height: 1.15; letter-spacing: -.035em; }
.account-payment-receipt > article > strong { width: max-content; padding: 7px 11px; border-radius: 9px; color: #087354; background: #e6f7f1; font-size: 13px; letter-spacing: .06em; }
.account-payment-receipt[data-status="REJECTED"] > article > strong { color: #a02842; background: #fdecef; }
.account-payment-receipt dl { display: grid; gap: 0; margin: 2px 0; border: 1px solid #dfE8f5; border-radius: 16px; overflow: hidden; }
.account-payment-receipt dl div { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 16px; padding: 12px 15px; border-bottom: 1px solid #e7edf6; }
.account-payment-receipt dl div:last-child { border-bottom: 0; }
.account-payment-receipt dt { color: #66758d; font-size: 13px; font-weight: 750; }
.account-payment-receipt dd { margin: 0; overflow-wrap: anywhere; font-size: 14px; font-weight: 850; text-align: right; }
.account-payment-receipt > article > p:last-of-type { margin: 0; color: #42526a; font-size: 15px; font-weight: 650; line-height: 1.55; }
.account-payment-receipt > article > small { color: #718096; font-size: 12px; line-height: 1.5; }
.account-payment-receipt button { min-height: 48px; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #287eec, #5940dc); font-size: 13px; font-weight: 900; letter-spacing: .04em; cursor: pointer; }
@media (max-width: 560px) { .account-payment-receipt > article { padding: 26px 22px; } .account-payment-receipt h2 { font-size: 25px; } .account-payment-receipt dl div { grid-template-columns: 1fr; gap: 4px; } .account-payment-receipt dd { text-align: left; } }