dialog.upi-sheet{padding:0;border:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;background:#fff;color:var(--ink-2);overflow:hidden;text-align:left}dialog.upi-sheet[open]{display:flex;flex-direction:column;animation:upi-in .2s ease-out}dialog.upi-sheet::backdrop{background:rgba(7,21,38,.62)}@keyframes upi-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){dialog.upi-sheet[open]{animation:none}}.upi-frame{flex:1 1;min-height:0;display:flex;flex-direction:column}.upi-head{flex:none;background:var(--navy);background-image:radial-gradient(120% 140% at 100% 0,rgba(0,168,248,.22),transparent 55%);color:#c9d6e3;padding:calc(4px + env(safe-area-inset-top)) 16px 14px}.upi-bar{display:flex;align-items:center;gap:8px;min-height:52px}.upi-icon-btn{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.upi-icon-btn:hover{background:rgba(255,255,255,.1)}.upi-icon-btn:focus-visible{outline:2px solid var(--aqua);outline-offset:1px}.upi-back{margin-left:-10px}.upi-x{display:none}.upi-brand{flex:1 1;min-width:0;display:flex;align-items:center;gap:10px}.upi-logo{flex:none;width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px -6px rgba(0,0,0,.5)}.upi-logo img{width:22px;height:22px;display:block}.upi-brand-t{display:grid;min-width:0;line-height:1.25}.upi-brand-t b{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:#fff;white-space:nowrap}.upi-brand-t>span{gap:4px;font-size:.72rem;color:#9fb3c7}.upi-brand-t>span,.upi-timer{display:inline-flex;align-items:center;white-space:nowrap}.upi-timer{flex:none;gap:6px;height:32px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.82rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.upi-timer-low{background:rgba(248,208,80,.16);border-color:rgba(248,208,80,.4);color:var(--sun)}.upi-timer-out{background:rgba(255,140,120,.16);border-color:rgba(255,140,120,.4);color:#ffc2b8}.upi-order{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:6px}.upi-what{min-width:0}.upi-what h2{font-size:1.02rem;font-weight:600;line-height:1.3;color:#fff}.upi-what p{margin-top:2px;font-size:.78rem;line-height:1.4;color:#9fb3c7}.upi-amt{flex:none;display:grid;justify-items:end;text-align:right}.upi-amt strong{font-family:var(--font-display);font-weight:700;font-size:1.9rem;line-height:1.05;letter-spacing:-.02em;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.upi-amt span{display:grid;margin-top:2px;font-size:.72rem;color:#9fb3c7}.upi-amt em{font-style:normal;font-weight:600;color:var(--sun)}.upi-body{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 16px;display:grid;align-content:start;gap:10px}.upi-qr-card{display:grid;justify-items:center;gap:10px;padding:14px 14px 12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#f5f9fc,#fff 70%)}.upi-qr-card h3{font-size:.95rem;font-weight:600;color:var(--ink);text-align:center}.upi-qr-card h3 b{font-weight:700}.upi-qr-fig{margin:0;display:grid;justify-items:center;gap:8px}.upi-qr-fig img{display:block;width:200px;height:200px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 10px 24px -18px rgba(7,21,38,.45)}.upi-qr-fig figcaption{font-size:.74rem}.upi-noqr,.upi-qr-fig figcaption{color:var(--muted);text-align:center}.upi-noqr{font-size:.86rem}.upi-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}.upi-save:hover{border-color:rgba(0,168,248,.55)}.upi-save:disabled{cursor:progress;opacity:.75}.upi-save svg{flex:none}.upi-proof-ic .spin,.upi-save .spin{width:16px;height:16px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:spin .7s linear infinite}.upi-expired{width:100%;display:grid;justify-items:center;gap:6px;padding:18px 6px 8px;text-align:center;color:var(--muted)}.upi-expired svg{color:var(--faint)}.upi-expired strong{color:var(--ink);font-size:.98rem}.upi-expired p{font-size:.84rem;line-height:1.45}.upi-restart{margin-top:6px;min-height:44px}.upi-payee{display:flex;align-items:center;gap:12px;min-height:58px;padding:6px 6px 6px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.upi-payee-t{flex:1 1;min-width:0;display:grid;line-height:1.3}.upi-payee-k{font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upi-vpa{font-size:1rem;font-weight:600;color:var(--ink);overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.upi-copy{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.upi-copy:hover{border-color:rgba(0,168,248,.55)}.upi-copy-done{color:var(--ok);border-color:#a9dcc5;background:var(--ok-wash)}.upi-instr{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:12px;background:var(--sun-wash);color:var(--sun-ink);font-size:.8rem;line-height:1.45;white-space:pre-line}.upi-instr svg{flex:none;margin-top:2px}.upi-after{display:flex;align-items:center;gap:10px;font-size:.74rem;font-weight:600;color:var(--faint)}.upi-after:after,.upi-after:before{content:"";flex:1 1;height:1px;background:var(--line)}.upi-field label{display:block;margin-bottom:6px;font-size:.88rem;font-weight:600;color:var(--ink)}.upi-utr{position:relative}.upi-utr input{width:100%;min-height:54px;padding:12px 64px 12px 14px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;outline:none;transition:border-color .15s,box-shadow .15s}.upi-utr input::placeholder{color:#b3c1ce;font-weight:500;letter-spacing:.03em}.upi-utr input:focus{border-color:var(--sky);box-shadow:var(--focus)}.upi-utr.upi-good input{border-color:#5bbf95}.upi-utr.upi-bad input{border-color:var(--bad)}.upi-utr.upi-bad input:focus{box-shadow:0 0 0 3px rgba(180,35,24,.2)}.upi-count{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:grid;font-size:.76rem;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.upi-good .upi-count{color:var(--ok)}.upi-help{margin-top:6px;min-height:1.3em;font-size:.78rem;line-height:1.4;color:var(--muted)}.upi-help-bad{color:var(--bad)}.upi-proof{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 4px 6px 10px;border:1.5px dashed var(--line);border-radius:14px;background:#fff}.upi-proof-on{border-style:solid;border-color:#b7e2cd;background:#f6fcf9}.upi-proof-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--sky-wash);color:var(--sky-ink)}.upi-proof-thumb{flex:none;width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid var(--line);background:var(--paper)}.upi-proof-t{flex:1 1;min-width:0;display:grid;line-height:1.3}.upi-proof-t b{font-size:.86rem;font-weight:600;color:var(--ink)}.upi-proof-t>span{font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upi-proof-err{color:var(--bad);white-space:normal}.upi-link-btn{flex:none;min-height:44px;min-width:64px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--sky-ink);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}.upi-link-btn:hover{background:var(--sky-wash)}.upi-link-btn:disabled{color:var(--faint);cursor:default}.upi-safe{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:.72rem;line-height:1.4;color:var(--faint)}.upi-safe svg{flex:none}.upi-foot{flex:none;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line-2);box-shadow:0 -10px 24px -20px rgba(7,21,38,.5)}.upi-submit{min-height:52px}.upi-foot-note{margin-top:6px;text-align:center;font-size:.72rem;color:var(--muted)}.upi-foot-note b{font-weight:600;color:var(--ink-2);letter-spacing:.03em}.upi-error{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--bad-wash);color:var(--bad);font-size:.86rem}.upi-error svg{flex:none;margin-top:1px}@media (max-height:640px) and (max-width:559px){.upi-qr-fig img{width:176px;height:176px}.upi-amt strong{font-size:1.65rem}}@media (hover:hover) and (pointer:fine){.upi-save{display:none}}@media (min-width:560px){dialog.upi-sheet{margin:auto;width:420px;max-width:calc(100vw - 32px);height:auto;max-height:min(880px,calc(100dvh - 40px));border-radius:20px;box-shadow:0 40px 90px -30px rgba(4,13,24,.7)}.upi-head{padding:8px 20px 16px}.upi-back{display:none}.upi-x{display:grid;margin-right:-10px}.upi-body{padding:16px 20px 18px}.upi-foot{padding:12px 20px 14px}}.ps{display:grid;gap:16px;max-width:920px}@media (min-width:900px){.ps{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px}}.ps-main{border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#fff;min-width:0}.ps-head{background:var(--navy);color:#c9d6e3;padding:22px 18px 24px;display:grid;gap:18px}@media (min-width:560px){.ps-head{padding:28px 28px 30px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:26px}}.ps-head h1{color:#fff;font-size:clamp(1.35rem,5vw,1.7rem);line-height:1.25}.ps-head p{margin-top:8px;font-size:.95rem;line-height:1.55;color:#c9d6e3}.ps-state{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--sun);margin-bottom:8px}.ps-state i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:ps-pulse 1.6s ease-in-out infinite}@keyframes ps-pulse{50%{opacity:.35}}.ps-timer{position:relative;width:168px;height:168px;justify-self:center;display:grid;place-items:center}.ps-timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.ps-timer .track{stroke:rgba(255,255,255,.1)}.ps-timer .bar{stroke:var(--sun);transition:stroke-dashoffset 1s linear}.ps-timer-v{text-align:center;display:grid;gap:2px}.ps-timer-v b{font-family:var(--font-display);font-weight:700;font-size:2.3rem;line-height:1;color:#fff;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ps-timer-v span{font-size:.78rem;color:#9fb3c7}.ps-badge{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;justify-self:start}.ps-badge.ok{background:#1f9d6c;color:#fff}.ps-badge.bad{background:#3a2230;color:#ffb4ab}.ps-badge.off{background:rgba(255,255,255,.08);color:#c9d6e3}.ps-body{padding:20px 18px 22px;display:grid;gap:16px}@media (min-width:560px){.ps-body{padding:24px 28px 28px}}.ps-ticket{display:grid;gap:12px;padding:16px;border-radius:16px;background:var(--sun-wash);border:1px solid #f3dd8c}.ps-ticket p{color:var(--ink-2);font-size:.93rem;line-height:1.55}.ps-ticket.done{background:var(--sky-wash);border-color:#bfe6fb}.ps-actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:479px){.ps-actions .btn{width:100%}}.ps-result{display:grid;gap:10px;padding:16px;border-radius:16px;background:var(--ok-wash);border:1px solid #b7e2cd}.ps-result ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.ps-result li{display:flex;gap:10px;align-items:flex-start;color:var(--ink);font-weight:500}.ps-result li svg{flex:none;color:var(--ok);margin-top:2px}.ps-note{padding:12px 14px;border-radius:12px;background:var(--bad-wash);color:var(--bad);font-size:.9rem}.ps-receipt{border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px;display:grid;gap:14px;min-width:0}.ps-receipt h2{font-size:1rem}.ps-amount{font-family:var(--font-display);font-weight:700;font-size:2rem;color:var(--ink);line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ps-receipt dl{margin:0;display:grid}.ps-receipt dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid var(--line-2);font-size:.88rem}.ps-receipt dt{color:var(--muted)}.ps-receipt dd{margin:0;color:var(--ink);font-weight:500;overflow-wrap:anywhere}.ps-receipt .mono{font-family:var(--font-display);letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ps-live{font-size:.8rem;color:var(--muted)}