:root{--bg: #eef1f5;--card: #ffffff;--ink: #0f172a;--muted: #94a3b8;--line: #ebedf1;--soft: #f6f8fb;--primary: #2563eb;--primary-press: #1d4ed8;--green: #16a34a;--red: #dc2626;--warn-bg: #fffbeb;--warn-line: #fde68a;--warn-ink: #92400e}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{min-height:100vh;padding:16px;display:flex;flex-direction:column}.form-header{width:100%;max-width:440px;margin:0 auto 12px;display:flex;align-items:center;justify-content:space-between;padding:4px 6px;font-size:13px}.form-header .lang{color:var(--muted);font-weight:600}.form-header .secure{color:var(--green);font-weight:700}.card{width:100%;max-width:440px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 34px #0f172a0d}.amount-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #0f172a0d}.amount-card:has(.timer-ring){padding-right:104px}.cur-sign{font-size:.56em;font-weight:700;color:var(--muted);vertical-align:baseline}.amount-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.amount-value{font-size:36px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px}.amount-sub{font-size:12px;font-weight:500;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:15px 20px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s,opacity .15s}.btn.block{width:100%}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px -10px #2563eb8c}.btn.primary:hover{background:var(--primary-press)}.btn.primary:disabled{background:#9db4e8;cursor:default}.btn.ghost{background:#fff;color:var(--primary);border:1.5px solid #2563eb}.btn.ghost:hover{background:#f4f7ff}.btn.success{background:var(--green);color:#fff;flex:1 1 auto;box-shadow:0 12px 24px -10px #16a34a80}.btn.success:hover{background:#128a3e}.btn.outline{background:#fff;color:#475569;border-color:var(--line);flex:0 0 auto;padding-left:26px;padding-right:26px}.btn-row{display:flex;gap:12px}.trust-block{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;padding:14px 12px 4px;width:100%;max-width:440px;margin:0 auto}.trust-block.wide{max-width:860px}.trust-item{display:inline-flex;align-items:center;gap:6px;color:#b3bdca;font-weight:500;font-size:12px}.trust-item svg{color:#b3bdca}.ssl{color:var(--green);font-weight:600;font-size:13px}.pay-logos{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px}.paylogo{border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-weight:800;font-size:13px;letter-spacing:.04em}.paylogo.visa{color:#1a1f71}.paylogo.mc{color:#eb001b}.paylogo.mir{color:#0f754e}.paylogo.sbp{color:#5b2d8e}.card-foot{display:flex;flex-direction:column;gap:12px}.post-claim{display:flex;flex-direction:column;gap:8px}.thanks{font-weight:700}.receipt{display:flex;flex-direction:column;gap:10px;margin-top:4px}.receipt h3{font-size:15px}.dropzone{display:flex;align-items:center;justify-content:center;text-align:center;min-height:86px;padding:14px;border:2px dashed #cfdcff;border-radius:14px;background:var(--soft);color:var(--muted);cursor:pointer}.dropzone.has{border-style:solid;border-color:var(--green);color:var(--ink);font-weight:600}.receipt-err{color:var(--red);font-size:13px}.reqs{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#334155}.reqs li{display:flex;align-items:center;gap:6px}.req-check{color:var(--green);flex-shrink:0}.receipt.done{flex-direction:row;align-items:center;gap:10px;font-weight:600}.small-icon{width:32px;height:32px;font-size:18px;margin:0}.page-foot{text-align:center;color:var(--muted);font-size:11px;font-weight:500;margin:12px auto 0}.deeplink-hero{display:grid;gap:12px}.deeplink-cta{display:flex;flex-direction:column;gap:10px}.qr-wrap{display:none}.qr-wrap.show{display:flex}@media (min-width: 760px){.form-header,.page-foot{max-width:460px}.form-header.wide,.page-foot.wide{max-width:860px}.card.deeplink-layout{max-width:860px;display:grid;gap:16px;grid-template-columns:1.1fr minmax(260px,.9fr);grid-template-areas:"head head" "title title" "hero hero" "req warn" "acc acc" "foot foot";align-items:start}.card.deeplink-layout>.form-header{grid-area:head;max-width:none;width:auto;margin:0;padding:0 2px 4px}.card.deeplink-layout>.form-title{grid-area:title;margin:0;padding:0 2px}.card.deeplink-layout>.amount-card{grid-area:amount}.card.deeplink-layout>.deeplink-hero{grid-area:hero;grid-template-columns:1fr;justify-items:center;align-items:center}.card.deeplink-layout .deeplink-cta{display:none}.card.deeplink-layout .qr-heading{display:block;font-size:16px;font-weight:700;color:var(--ink);text-align:center;margin-top:6px}.card.deeplink-layout>.req-block{grid-area:req;align-self:stretch;min-width:0}.card.deeplink-layout>.warn{grid-area:warn}.card.deeplink-layout>.accordion{grid-area:acc}.card.deeplink-layout>.card-foot{grid-area:foot}.card.deeplink-layout .live-status{justify-content:flex-start;background:transparent;border:none;padding:2px 2px 0;font-size:13px}.card.deeplink-layout .actions{flex-wrap:nowrap;justify-content:space-between}.card.deeplink-layout .actions .act-pay,.card.deeplink-layout .actions .act-cancel{flex:0 0 auto}.card.deeplink-layout .post-claim{max-width:460px;margin:0 auto;width:100%;background:var(--card);border-radius:18px;box-shadow:0 6px 22px #0f172a0a;padding:22px 24px 24px}.deeplink-layout .qr-wrap{display:flex!important}.deeplink-layout .toggle-qr{display:none}}.hint{text-align:center;font-size:12px;font-weight:500;line-height:1.4;color:var(--muted);margin-top:-4px}.qr-wrap{flex-direction:column;align-items:center;gap:8px;padding:8px 0}.qr-wrap .muted.small{font-size:13px;font-weight:500;line-height:1.4;text-align:center;max-width:170px}.qr{padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px}.qr.qr-img{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.qr.qr-img img{width:176px;height:176px;display:block;opacity:0;transition:opacity .2s ease}.qr.qr-img img.shown{opacity:1}.qr-skeleton{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:10px;background:linear-gradient(100deg,#eef1f6 30%,#f7f9fc,#eef1f6 70%);background-size:200% 100%;animation:qr-shimmer 1.2s infinite linear}@keyframes qr-shimmer{to{background-position:-200% 0}}.qr-fallback{display:flex;flex-direction:column;align-items:center;gap:8px;width:176px;text-align:center;font-size:13px;color:var(--muted)}.qr-lead{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.req-block{border:1px solid var(--line);border-radius:18px;padding:4px 20px;box-shadow:0 1px 3px #0f172a0d;box-sizing:border-box}.row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.row+.row:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:var(--line)}.row-label{color:var(--muted);font-size:13px;font-weight:500;flex:0 0 auto}.row-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;font-weight:700;font-size:15px;flex:1 1 auto;min-width:0}.row-value b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.copy{flex-shrink:0;border:none;background:transparent;color:#94a3b8;font-size:16px;cursor:pointer;padding:2px 4px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s}.copy:hover{color:#64748b}.row-copy{cursor:pointer;border-radius:12px;margin:0 -12px;padding-left:12px;padding-right:12px;transition:background .15s}.row-copy:hover{background:#f8fafc}.row-copy:hover .copy{color:#64748b}.warn{display:flex;gap:10px;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:18px;padding:15px 17px;font-size:13px;font-weight:500;line-height:1.5}.qr-wrap .muted.small.qr-scan-hint{max-width:340px;text-align:center}.warn-ico{flex-shrink:0;color:#92400e;margin-top:1px}.lang,.secure,.ssl,.timer,.accordion-title,.file-name{display:inline-flex;align-items:center;gap:6px}.ssl{align-items:flex-start}.ssl>svg{margin-top:1px;flex-shrink:0}.page-foot{display:flex;align-items:center;justify-content:center;gap:6px}.accordion{border:1px solid var(--line);border-radius:18px;overflow:hidden}.accordion-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--card);border:none;padding:17px 20px;font:inherit;font-weight:700;font-size:15px;cursor:pointer}.accordion.open .chevron{transform:rotate(180deg)}.chevron{transition:transform .3s ease;color:var(--muted)}.accordion-body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.accordion.open .accordion-body-wrap{grid-template-rows:1fr}.accordion-body{overflow:hidden;padding:0 16px;transition:padding .35s ease}.accordion.open .accordion-body{padding:6px 16px 14px}.steps{margin-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:#334155}.steps-num{list-style:none;display:flex;flex-direction:column}.steps-num li{display:flex;align-items:flex-start;gap:13px;padding:13px 0}.steps-num li+li{border-top:1px solid #f1f5f9}.step-num{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.step-text{font-size:14px;font-weight:500;line-height:1.5;color:#334155;padding-top:3px}.pending{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:16px 0}.spinner{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.actions .timer{order:-1;flex-basis:100%;display:flex;justify-content:center}.act-pay,.act-cancel{flex:1 1 0}.timer{color:#64748b;font-weight:600}.timer-val{color:var(--red);font-weight:800;font-variant-numeric:tabular-nums}.timer.urgent{color:var(--red)}.timer-ring{position:relative;width:72px;height:72px;flex:none;display:grid;place-items:center}.tr-svg{position:absolute;top:0;right:0;bottom:0;left:0}.tr-track{fill:none;stroke:#eef1f5;stroke-width:5}.tr-fill{fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.tr-time{font-size:16px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;z-index:1}.timer-ring.urgent .tr-fill{stroke:var(--red)}.timer-ring.urgent .tr-time{color:var(--red)}.amount-card .timer-ring{position:absolute;top:50%;right:18px;transform:translateY(-50%)}.live-status{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:600;color:#15803d;background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;padding:11px 14px;text-align:center}.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:none;animation:live-pulse 1.6s infinite}@keyframes live-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#0f172a;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:0 12px 30px #0f172a4d;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{color:#4ade80}.muted{color:var(--muted);font-weight:500}.small{font-size:13px}.status{text-align:center;align-items:center;padding:36px 22px;flex:none;margin:auto}.status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;margin-bottom:4px}.status-icon.success{background:var(--green)}.status-icon.error{background:var(--red)}.form-title,.pay-heading{display:none}.form-title-left h1{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.1}.form-id{margin-top:6px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-weight:500;font-size:13px}.form-id .copy{border:none;background:none;color:var(--muted);cursor:pointer;display:inline-flex;padding:2px}.form-title-right{display:flex;align-items:center;gap:18px}.form-title-amount{display:flex;flex-direction:column;align-items:flex-end}.qr-heading{display:none}.form-title-amount .amount-value{font-size:34px;margin-top:4px}.form-title-amount .cur-sign{font-size:1em;font-weight:800;color:var(--ink)}.pay-heading{font-size:15px;font-weight:600;color:#475569}@media (min-width: 760px){.form-title{display:flex;justify-content:space-between;align-items:flex-end;width:100%;max-width:860px;margin:0 auto;padding:0 4px}.pay-heading{display:block}.card.deeplink-layout>.amount-card{display:none}.card.deeplink-layout>.deeplink-hero{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}.card.deeplink-layout .deeplink-cta .btn.primary.block{width:auto;align-self:flex-start;padding:16px 28px}.card.deeplink-layout .deeplink-cta .hint{text-align:left;font-size:13px;max-width:300px;margin-top:14px}.page{background:#f4f6f9}.page-foot.wide{display:none}.card.deeplink-layout{background:#eef1f5;border:none;border-radius:18px;box-shadow:0 30px 60px -28px #0f172a47,0 0 0 1px #0f172a0d;padding:26px 32px 32px;flex:none}.card.deeplink-layout>.req-block,.card.deeplink-layout>.accordion{background:var(--card);box-shadow:0 6px 22px #0f172a0a}.card.deeplink-layout>.warn{align-self:stretch}.card.deeplink-layout>.accordion .accordion-head{background:var(--card)}.card.deeplink-layout>.deeplink-hero{box-shadow:0 6px 22px #0f172a0a}.card.deeplink-layout>.deeplink-hero .qr-wrap{align-items:center;text-align:center}.card.deeplink-layout .accordion-body .steps-num{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:0 32px}.card.deeplink-layout .accordion-body .steps-num li{border-top:none;border-bottom:1px solid #f1f5f9}.card.deeplink-layout .accordion-body .steps-num li:last-child{border-bottom:none}.card.deeplink-layout .actions .act-pay{padding:16px 36px}.card.deeplink-layout .actions .act-cancel{padding:16px 30px}}