.qd-payment-backdrop{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.66);backdrop-filter:blur(8px)}
.qd-payment-backdrop.open{display:flex}
.qd-payment-card{width:min(100%,520px);max-height:94vh;overflow:hidden;background:#fff;border-radius:26px;box-shadow:0 30px 90px rgba(15,23,42,.36);display:flex;flex-direction:column}
.qd-payment-head{padding:16px 18px;color:#fff;background:linear-gradient(135deg,#0f172a,#2563eb,#7c3aed);display:flex;justify-content:space-between;gap:12px;align-items:center}
.qd-payment-head h3{margin:0;font-size:20px}.qd-payment-head p{margin:3px 0 0;font-size:12px;font-weight:800;color:rgba(255,255,255,.86)}
.qd-payment-close{border:0;border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.16);color:#fff;font-weight:900;cursor:pointer}
.qd-payment-body{padding:16px 18px;overflow-y:auto}.qd-payment-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.qd-payment-actions button{min-height:64px;border:0;border-radius:16px;font:inherit;font-weight:900;color:#fff;cursor:pointer}.qd-payment-actions .received{background:linear-gradient(135deg,#16a34a,#22c55e)}.qd-payment-actions .pending{background:linear-gradient(135deg,#ef4444,#f97316)}.qd-payment-actions .partial{background:linear-gradient(135deg,#0f172a,#2563eb)}
.qd-payment-partial{margin-top:14px;border:1px dashed #cbd5e1;border-radius:16px;padding:12px;background:#f8fafc}.qd-payment-partial[hidden]{display:none}.qd-payment-partial label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.35px;color:#475569;font-weight:900;margin-bottom:6px}.qd-payment-partial input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:14px;padding:11px 12px;font:inherit;font-weight:800;background:#fff}.qd-payment-remaining{margin-top:8px;font-weight:900;color:#991b1b;font-size:13px}.qd-payment-confirm{width:100%;margin-top:12px;min-height:46px;border:0;border-radius:15px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font:inherit;font-weight:900;cursor:pointer}
@media(max-width:700px){.qd-payment-actions{grid-template-columns:1fr}}