.payment-success{margin-bottom:14px;padding:14px;border-radius:22px;background:#dcfce7;color:#166534;font-weight:900}
.payment-hero{border-radius:34px;padding:24px;margin-bottom:14px}
.payment-hero span,.payment-section>span{color:#781428;font-weight:950}
.payment-hero strong{display:block;color:#781428;font-size:44px;letter-spacing:-.07em;margin-top:5px}
.payment-hero small{color:#827277}
.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.payment-stat{border-radius:26px;padding:18px}
.payment-stat span{display:block;color:#827277;font-size:13px;font-weight:900}
.payment-stat strong{display:block;margin-top:6px;color:#781428;font-size:24px}
.payment-actions,.payment-section{border-radius:30px;padding:18px;margin-bottom:14px;display:grid;gap:10px}
.payment-actions form{margin:0}.payment-actions button,.payment-actions a{margin:0}
.payment-section summary,.payment-panel summary{color:#781428;font-weight:950;cursor:pointer}
.payment-section form,.payment-panel form{display:grid;gap:10px;margin-top:12px}
.payment-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid rgba(120,20,40,.10)}
.payment-row:last-child{border-bottom:0}
.payment-row strong{display:block;color:#21171a}
.payment-row small{display:block;margin-top:4px;color:#827277}
.payment-row>div:last-child{text-align:right}
.mini-btn{border:0;border-radius:999px;background:rgba(120,20,40,.08);color:#781428;font-weight:950;padding:7px 10px;margin-top:6px}
.payment-section-title{margin:26px 0 12px}
.payment-section-title span{color:#781428;font-weight:950}
.payment-section-title h2{margin:4px 0 0;font-size:24px}
.payment-list{display:grid;gap:14px}
.payment-card{border-radius:32px;padding:18px;position:relative;overflow:hidden}
.payment-card::after{content:"";position:absolute;right:-45px;top:-45px;width:150px;height:150px;border-radius:999px;background:rgba(120,20,40,.08)}
.payment-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;position:relative;z-index:1}
.payment-badge{display:inline-flex;border-radius:999px;padding:6px 10px;background:rgba(120,20,40,.09);color:#781428;font-size:11px;font-weight:950}
.payment-card h2{margin:10px 0 6px;font-size:21px;line-height:1.05}
.payment-card p{margin:0;color:#827277}
.payment-head>strong{color:#781428;text-align:right}
.payment-meta,.payment-risks{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;position:relative;z-index:1}
.payment-meta span{border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.66);color:#781428;font-size:11px;font-weight:900}
.payment-meta .danger,.payment-risks span{background:#fee2e2;color:#991b1b}
.payment-risks span{border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950}
.payment-panel{margin-top:14px;border-radius:24px;background:rgba(255,255,255,.52);padding:13px;position:relative;z-index:1}
.payment-panel textarea{min-height:70px}
.payment-history{display:grid;gap:8px;margin-top:14px;position:relative;z-index:1}
.payment-history div{border-radius:18px;padding:10px;background:rgba(255,255,255,.58)}
.payment-history strong{display:block;color:#21171a}
.payment-history small{display:block;color:#827277;margin-top:3px}
.danger-btn{width:100%;min-height:52px;border:0;border-radius:22px;background:#fee2e2;color:#991b1b;font-weight:950;cursor:pointer}
.status-failed{border-color:rgba(153,27,27,.28)!important}
.status-paid{border-color:rgba(22,101,52,.24)!important}
.status-scheduled{border-color:rgba(245,158,11,.26)!important}
@media(max-width:520px){.payment-hero strong{font-size:38px}.payment-grid,.payment-row{grid-template-columns:1fr;display:grid}.payment-row>div:last-child{text-align:left}}