:root{--text:#3d4550;--text-h:#15202b;--muted:#6b7580;--bg:#f0f3f6;--bg-elev:#fff;--border:#d5dbe3;--accent:#0f6e56;--accent-hover:#0b5844;--accent-soft:#e6f4ef;--danger:#b42318;--danger-bg:#fef3f2;--pending:#b54708;--pending-bg:#fffaeb;--ok:#027a48;--ok-bg:#ecfdf3;--fail:#b42318;--fail-bg:#fef3f2;--sans:"Fira Sans Condensed", "Segoe UI", system-ui, sans-serif;--display:"Fira Sans Condensed", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--radius:8px;--shadow:0 1px 2px #15202b0f, 0 8px 24px #15202b0f;font:16px/1.45 var(--sans);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #d9ebe4 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #e8eef5 0%, transparent 50%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#app{max-width:640px;min-height:100svh;margin:0 auto;padding:32px 20px 48px}h1,h2{font-family:var(--display);color:var(--text-h);margin:0;font-weight:600}h1{letter-spacing:-.02em;font-size:1.85rem}h2{font-size:1.25rem}p{margin:0}code{font-family:var(--mono);background:var(--accent-soft);border-radius:4px;padding:.1em .35em;font-size:.85em}a{color:var(--accent);word-break:break-all}.portal__brand{margin-bottom:24px}.portal__brand p{color:var(--muted);margin-top:6px;font-size:.95rem}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;padding:22px 22px 24px}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tabs{background:var(--bg);border:1px solid var(--border);border-radius:6px;gap:4px;padding:3px;display:flex}.tabs button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:.875rem}.tabs button.active{background:var(--bg-elev);color:var(--text-h);box-shadow:0 1px 2px #0000000f}.hint{color:var(--muted);margin-bottom:12px;font-size:.875rem}.muted{color:var(--muted)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field span{color:var(--text-h);letter-spacing:.02em;text-transform:uppercase;font-size:.8rem;font-weight:600}.field input,.field select{font:inherit;border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:6px;padding:10px 12px}.field select{cursor:pointer}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.btn{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-weight:600}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{color:var(--text-h);border:1px solid var(--border);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg)}.options{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.opt{font:inherit;border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text-h);border-radius:6px;padding:8px 12px}.opt:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.debtors{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.debtor{text-align:left;width:100%;font:inherit;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.debtor:hover{border-color:var(--accent);background:var(--accent-soft)}.debtor__name{color:var(--text-h);font-weight:700}.debtor__addr,.debtor__debt{color:var(--muted);font-size:.875rem}.err{background:var(--danger-bg);color:var(--danger);border-radius:6px;margin-top:14px;padding:10px 12px;font-size:.9rem}.meta{gap:10px;margin:0 0 18px;display:grid}.meta>div{grid-template-columns:72px 1fr;align-items:baseline;gap:8px;display:grid}.meta dt{text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.meta dd{color:var(--text-h);margin:0}.pay-result{margin-top:8px}.link-row{gap:6px;min-width:0;margin:8px 0 12px;font-size:.875rem;display:flex}.link-row a{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.share-actions{flex-direction:column;align-items:stretch;margin-top:12px;display:none}.share-actions .hint{margin:0}.payment-id{flex-wrap:wrap;align-items:baseline;gap:4px 6px;min-width:0;display:flex}.payment-id code{overflow-wrap:anywhere;word-break:break-all;min-width:0;max-width:100%}.qr{border:1px solid var(--border);background:#fff;border-radius:6px;margin:12px 0;display:block}.status{border-radius:6px;margin-top:12px;padding:10px 12px;font-weight:600}.status--pending{background:var(--pending-bg);color:var(--pending)}.status--ok{background:var(--ok-bg);color:var(--ok)}.status--fail{background:var(--fail-bg);color:var(--fail)}.auth-gate{text-align:center;padding:48px 8px}.auth-gate h1{margin-bottom:12px}.auth-gate--forbidden h1{color:var(--danger)}.auth-gate p{margin-top:8px;line-height:1.5}.auth-gate__error{color:var(--danger);margin-top:16px}.smart-captcha-wrap{justify-content:center;margin-top:24px;display:flex}.smart-captcha-wrap .smart-captcha{min-height:100px}@media (width<=480px){#app{padding:20px 14px 36px}h1{font-size:1.5rem}.panel{padding:16px}.share-actions{display:flex}.payment-id{flex-direction:column;align-items:flex-start}}