.upi{gap:14px;max-width:560px;margin:0 auto;font-size:14px;display:grid}.upi.wide{max-width:1100px}.upi-card{background:#12151c;border:1px solid #252b3b;border-radius:10px;gap:10px;padding:16px;display:grid}.upi-card h2{letter-spacing:.02em;margin:0;font-size:15px}.upi-step{color:#22d3ee;width:22px;height:22px;font:700 12px var(--mono);background:#171b24;border:1px solid #252b3b;border-radius:50%;place-items:center;margin-right:8px;display:inline-grid}.upi-sum{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.upi-plan{letter-spacing:.06em;font-weight:700}.upi-amt{font:800 30px var(--mono);color:#fff;font-variant-numeric:tabular-nums}.upi-amt small{font:500 13px var(--sans);color:var(--muted);margin-left:4px}.upi-qr{aspect-ratio:1;box-sizing:border-box;background:#fff;border-radius:10px;justify-self:center;width:min(260px,72vw);padding:10px}.upi-qr svg{shape-rendering:crispedges;width:100%;height:100%;display:block}.upi-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.upi-kv{grid-template-columns:auto 1fr auto;align-items:center;gap:8px 10px;display:grid}.upi-kv>span:nth-child(3n+1){color:var(--muted);font-size:12px}.upi-mono{font:600 15px var(--mono);color:#e6e9f0;overflow-wrap:anywhere}.upi-btn{color:#0c0e12;min-height:44px;font:700 14px var(--sans);cursor:pointer;background:#22d3ee;border:1px solid #22d3ee;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.upi-btn.ghost{color:#22d3ee;background:0 0}.upi-btn.sm{min-height:34px;padding:0 10px;font-size:12px}.upi-btn.danger{color:#ef4444;background:0 0;border-color:#ef4444}.upi-btn.ok{color:#22c55e;background:0 0;border-color:#22c55e}.upi-btn[disabled]{opacity:.5;cursor:default}.upi-btn.block{width:100%}.upi-in{box-sizing:border-box;color:#fff;width:100%;min-height:48px;font:600 20px var(--mono);letter-spacing:.12em;background:#0c0e12;border:1px solid #252b3b;border-radius:8px;padding:0 12px}.upi-in:focus{outline-offset:1px;outline:2px solid #22d3ee}.upi-in[aria-invalid=true]{border-color:#ef4444}.upi-help{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.upi-err{color:#ef4444;margin:0;font-size:13px}.upi-ok{background:#0f1a14;border-color:#1f5136}.upi-ok h2{color:#22c55e}.upi-warn{border-color:#6b4c0f}.upi-warn h2{color:#f59e0b}.upi-fine{color:var(--dim);margin:0;font-size:12px;line-height:1.5}.upi details summary{cursor:pointer;color:#22d3ee;align-items:center;min-height:32px;font-size:13px;display:flex}.upi-static-qr{border-radius:8px;width:min(240px,70vw);margin:8px auto;display:block}.upi-badge{font:600 11px var(--mono);color:var(--muted);white-space:nowrap;border:1px solid #252b3b;border-radius:4px;padding:2px 6px;display:inline-block}.upi-badge[data-s=waiting]{color:#f59e0b;border-color:#6b4c0f}.upi-badge[data-s=active]{color:#22d3ee;border-color:#155e75}.upi-badge[data-s=verified]{color:#22c55e;border-color:#1f5136}.upi-badge[data-s=rejected]{color:#ef4444;border-color:#6b1f2e}.doc .upi-tbl,.upi-tbl{border-collapse:collapse;width:100%;font-size:13px;display:table;overflow:visible}.upi-tbl th,.upi-tbl td{text-align:left;vertical-align:top;border-bottom:1px solid #252b3b;padding:8px 6px}.upi-tbl th{color:var(--muted);font-size:12px;font-weight:600}.upi-tbl td.num{font-family:var(--mono);white-space:nowrap}.upi-reject{gap:6px;margin-top:6px;display:grid}.upi-reject input{color:#fff;background:#0c0e12;border:1px solid #252b3b;border-radius:6px;min-height:36px;padding:0 8px}@media (max-width:720px){.doc .upi-tbl,.upi-tbl,.upi-tbl tbody{width:100%;display:block}.upi-tbl thead{display:none}.upi-tbl tr{border-bottom:1px solid #252b3b;grid-template-columns:1fr 1fr;gap:4px 10px;width:100%;padding:10px 0;display:grid}.upi-tbl td{overflow-wrap:anywhere;border:0;min-width:0;padding:0;display:block}.upi-tbl td.num{white-space:normal}.upi-tbl td:last-child{grid-column:1/-1}}.upi-pick{gap:8px;display:grid}.upi-seg{background:#0c0e12;border:1px solid #252b3b;border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.upi-seg button{min-height:48px;color:var(--muted);font:600 13px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;gap:0;line-height:1.2;display:grid}.upi-seg button b{letter-spacing:.04em;font-weight:700}.upi-seg button small{font:600 12px var(--mono)}.upi-seg button.on{color:#fff;background:#171b24;box-shadow:inset 0 0 0 1px #22d3ee}.upi-seg button.on small{color:#22d3ee}.upi-seg.sm button{min-height:36px;font-size:12px}.upi-btn.big{border-radius:10px;min-height:56px;font-size:17px}.upi-btn.dim{opacity:.75}.upi-link{color:#22d3ee;text-align:center;font-size:13px}.upi-fine.sm{font-size:11px}.upi-utr{grid-template-columns:1fr auto;align-items:stretch;gap:8px;display:grid}.upi-utr .upi-btn.big{min-width:96px}.upi-in-wrap{position:relative}.upi-in-wrap .upi-in{letter-spacing:.08em;min-height:56px;padding-right:40px;font-size:21px}.upi-in.good{border-color:#22c55e}.upi-in-tick{color:#22c55e;font:800 22px var(--sans);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.upi-help.ok{color:#22c55e}.upi-help.warn{color:#f59e0b}.upi-focus{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee}.upi-focus h2{color:#22d3ee;font-size:16px}.upi-where summary{font-size:13px}.upi-where ul{color:var(--muted);margin:4px 0 0;padding-left:18px;font-size:12px;line-height:1.7}.upi-done{text-align:center;justify-items:center;gap:12px;padding:24px 16px}.upi-done h2{font-size:19px;line-height:1.35}.upi-tick{color:#22c55e;width:72px;height:72px;font:800 38px var(--sans);background:#0f2a1b;border:2px solid #22c55e;border-radius:50%;place-items:center;display:grid}.upi-done .upi-btn{width:100%}.upi-unlocked{color:#e6e9f0;margin:0;font-size:14px;font-weight:600}.upi-mono.sm{font-size:13px}.upi-seg button:focus{outline:none}.upi-seg button:focus-visible{outline-offset:-2px;outline:2px solid #22d3ee}.upi-seg button:not(.on):hover{color:#e6e9f0;background:#12151c}.upi-seg button.on,.upi-seg button.on:hover,.upi-seg button.on:active{color:#fff;background:#171b24}@media (min-width:900px){.upi[data-layout=desktop]{grid-template-columns:1fr 1fr;align-items:start;max-width:940px}.upi[data-layout=desktop]>[data-testid=checkout-summary],.upi[data-layout=desktop]>.upi-warn{grid-column:1/-1}}.upi-in::placeholder{letter-spacing:.02em;color:#6b7385;font-size:17px}