:root{--payer-card-w:420px;--payer-card-min-h:480px;--payer-rail-w:48px}.payer-body{padding:3rem 1rem 1.5rem;background:radial-gradient(1200px 600px at 80% -10%,rgba(25,118,210,0.10),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(13,71,161,0.08),transparent 60%),linear-gradient(180deg,#eef4fc 0%,#f6f9fd 60%,#eef4fc 100%);color:#1a2333}.payer-container{width:100%;max-width:var(--payer-card-w)}.payer-container:has(.payer-card--wide){max-width:min(960px,100% - 2rem)}.payer-shell{width:100%;min-height:var(--payer-card-min-h);max-height:calc(100vh - 6rem);height:auto}.payer-card{width:100%;height:100%;min-height:var(--payer-card-min-h);border-radius:1.5rem}.payer-card--wide{width:100%;max-width:min(960px,100% - 2rem)}.payer-card.card{border:0}.payer-content{min-height:0;display:flex;flex-direction:column;justify-content:flex-start;text-align:center}.brand-mark{width:32px;height:32px;object-fit:contain}.brand-text{height:22px;width:auto;object-fit:contain}.payer-brand{margin-bottom:1.5rem}.payer-footer{font-size:0.75rem}.bill-code{color:#1a2333;background:rgba(25,118,210,0.08);padding:0.05rem 0.4rem;border-radius:0.3rem;font-size:0.9em;font-family:'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace}.payer-rail{position:absolute;top:0;left:100%;margin-left:0.75rem;width:var(--payer-rail-w);height:100%}.payer-rail-btn{width:var(--payer-rail-w);height:var(--payer-rail-w);display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(25, 118, 210, 0.18);background-color:#eef4fc;color:#1976d2;box-shadow:0 4px 10px rgba(25, 118, 210, 0.18), 0 1px 2px rgba(25, 118, 210, 0.12);transition:background-color .15s ease, box-shadow .15s ease, transform .1s ease, color .15s ease}.payer-rail-btn:hover,.payer-rail-btn:focus-visible{background-color:#dfeaf8;color:#0d47a1;box-shadow:0 6px 14px rgba(25, 118, 210, 0.28), 0 2px 4px rgba(25, 118, 210, 0.16)}.payer-rail-btn:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(25, 118, 210, 0.20)}.payer-rail-btn.text-danger{border-color:rgba(220, 53, 69, 0.22);background-color:#fdecee;color:#dc3545 !important;box-shadow:0 4px 10px rgba(220, 53, 69, 0.18), 0 1px 2px rgba(220, 53, 69, 0.12)}.payer-rail-btn.text-danger:hover,.payer-rail-btn.text-danger:focus-visible{background-color:#f9d8dc;color:#b02a37 !important;box-shadow:0 6px 14px rgba(220, 53, 69, 0.28), 0 2px 4px rgba(220, 53, 69, 0.16)}@media (max-width:575.98px){.payer-body{padding:1.5rem 1rem 5rem;align-items:flex-start !important}.payer-container{max-width:100%}.payer-shell{min-height:0;max-height:none;position:relative}.payer-card{width:100%}.payer-rail{position:fixed;top:auto;bottom:0;left:0;right:0;margin-left:0;z-index:1050;width:100%;height:auto;flex-direction:row !important;justify-content:space-around;gap:0.5rem !important;background:rgba(255, 255, 255, 0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid #e6eef9;padding:0.5rem}.payer-rail-btn{width:40px;height:40px}.payer-rail-btn .bi{font-size:1rem !important}.payer-rail-btn.mt-auto{margin-top:0 !important}}.toast-messages{z-index:1090}.ybc-input{letter-spacing:0.2em;text-transform:uppercase}.ybc-input::placeholder{letter-spacing:normal;text-transform:none;font-weight:400}.otp-input{letter-spacing:0.4em;font-weight:700;font-size:1.4rem}.otp-input::placeholder{letter-spacing:0.2em;font-weight:400}.form-outline .form-control:focus ~ .form-label{color:#1976d2}.bill-label{letter-spacing:.08em}.bill-description-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.bill-amount{font-size:2rem;line-height:1.1;white-space:nowrap}.bill-summary-label{font-size:.7rem;letter-spacing:.08em}.bill-summary-store{font-size:1rem;line-height:1.2}.modal-bill-summary{background:#f7faff;border:1px solid #e6eef9;border-radius:0.75rem;padding:0.75rem 1rem}.selected-method{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;background:#f9fafb;border:1px solid #ecedf0;border-radius:0.75rem}.selected-method .pm-swatch{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}.selected-method-label{font-size:0.75rem;color:#6b7383;line-height:1.1}.selected-method-name{font-weight:600;color:#1a2333;font-size:0.95rem;line-height:1.2}.pm-list{display:flex;flex-direction:column;gap:0.25rem}.pm-section-title{font-size:0.7rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#8a93a3;margin:0.5rem 0.25rem 0.25rem;text-align:left}.pm-section-title:first-child{margin-top:0}.pm-row{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 0.75rem;border:1px solid #e7ebf2;border-radius:0.75rem;background:#fff;cursor:pointer;margin-bottom:0;text-align:left;width:100%;transition:border-color .15s ease, background-color .15s ease, box-shadow .15s ease, transform .05s ease}.pm-row:hover{border-color:#c7d4e8;background-color:#f7faff}.pm-row:focus-visible{outline:2px solid #1976d2;outline-offset:2px}.pm-row:active{transform:translateY(1px)}.pm-swatch{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;line-height:1}.pm-swatch .bi{font-size:1.1rem}.pm-swatch.pm-flooz{background:linear-gradient(135deg, #ff7a00, #ff9a3d)}.pm-swatch.pm-tmoney{background:linear-gradient(135deg, #f5c518, #ffd86b);color:#2b2300}.pm-swatch.pm-moov{background:linear-gradient(135deg, #1565c0, #4d8bd8)}.pm-swatch.pm-card{background:linear-gradient(135deg, #3f51b5, #6a7bd1)}.pm-swatch.pm-bank{background:linear-gradient(135deg, #2e7d32, #66a36a)}.pm-swatch.pm-mock{background:linear-gradient(135deg, #6c757d, #9aa3ab)}.pm-swatch.pm-default{background:linear-gradient(135deg, #4a5568, #718096)}.pm-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.pm-name{font-weight:600;color:#1a2333;font-size:0.95rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-caption{font-size:0.75rem;color:#6b7383;line-height:1.2;margin-top:0.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-chevron{flex:0 0 auto;color:#b8c0cf;transition:transform .15s ease, color .15s ease}.pm-row:hover .pm-chevron{color:#1976d2;transform:translateX(2px)}