@font-face{font-family:Figtree;src:url(/fonts/figtree.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono.woff2)format("woff2");font-weight:500 600;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:#f5f6fb;--surface:#fff;--raised:#f2f3f9;--input-bg:#fff;--text:#15182a;--text-2:#3f4460;--text-3:#5e6379;--border:#e4e6f0;--border-strong:#cdd0df;--brand:#4439de;--brand-hover:#362bbb;--brand-pressed:#2c2496;--brand-ink:#fff;--brand-soft:#ececff;--brand-text:#362bbb;--success-soft:#dcf5e8;--success-text:#0e7a4f;--success-bar:#1fa971;--danger:#d6453d;--danger-soft:#ffedef;--danger-text:#c0213a;--muted-soft:#eeeff7;--disabled-bg:#cdd0df;--disabled-fg:#3e4258;--shadow:0 1px 2px #15182a0a, 0 8px 24px #15182a0d;--qr-bg:#fff;--qr-ink:#15182a;--font-display:"Bricolage Grotesque", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-card:20px;--radius-tile:16px;--radius-control:14px;--radius-pill:999px;--gap:14px;--card-pad:20px;--tap:44px;--tap-lg:52px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#0b0c16;--surface:#131426;--raised:#1b1c33;--input-bg:#0e0f1d;--text:#f2f2fa;--text-2:#b4b7cc;--text-3:#8d91a8;--border:#25283f;--border-strong:#3a3e5c;--brand:#a6a9ff;--brand-hover:#bcbeff;--brand-pressed:#9396f0;--brand-ink:#151245;--brand-soft:#1f1d4a;--brand-text:#cbcdff;--success-soft:#12301f;--success-text:#6edda4;--success-bar:#5ccf93;--danger:#ff7b73;--danger-soft:#3a1820;--danger-text:#ff9a90;--muted-soft:#22243a;--disabled-bg:#2a2d45;--disabled-fg:#8d91a8;--shadow:none}}*,:before,:after{box-sizing:border-box}html,body{background:var(--canvas);color:var(--text);font:400 15px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}h1,h2,h3,p,dl,dd,figure{margin:0}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app{min-height:100dvh}.page{gap:var(--gap);flex-direction:column;max-width:1120px;margin:0 auto;padding:12px 16px 28px;display:flex}.cols{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.col-main,.col-side{display:contents}.slot-sum{order:10}.slot-pay{order:20}.slot-doc{order:30}.slot-accept{order:40}.slot-contact{order:50}.slot-pdf{order:60}.flow-pay .slot-contact{order:25}@media (min-width:960px){:root{--gap:20px;--card-pad:24px}.page{padding:40px 48px 48px}.cols{grid-template-columns:minmax(0,1fr) 400px;align-items:start;display:grid}.col-main,.col-side{gap:var(--gap);flex-direction:column;min-width:0;display:flex}}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.text-danger{color:var(--danger-text)}.text-success{color:var(--success-text)}.strong{font-weight:600}.small{font-size:13px}.center{text-align:center}.wrap{overflow-wrap:anywhere}.lead-gap{margin-top:6px}.mono,.amount,.doc-no{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500}.amount{color:var(--text);white-space:nowrap}.overline{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-size:13px;font-weight:600}.fine-print{color:var(--text-3);font-size:13px;line-height:1.45}.line-with-icon{align-items:flex-start;gap:8px;display:flex}.line-with-icon>.icon{flex:none;margin-top:2px}.stack-8,.stack-10,.stack-12,.stack-14{flex-direction:column;align-items:stretch;display:flex}.stack-8{gap:8px}.stack-10{gap:10px}.stack-12{gap:12px}.stack-14{gap:14px}.split-line{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:14px;display:flex}.page-head{flex-wrap:wrap;align-items:center;gap:14px;padding:8px 4px 2px;display:flex}.monogram{background:var(--brand-soft);width:48px;height:48px;color:var(--brand-text);font:700 18px/1 var(--font-display);letter-spacing:-.02em;border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex}.page-head-text{flex:180px;min-width:0}.page-head h1{font:700 21px/1.15 var(--font-display);letter-spacing:-.015em;overflow-wrap:anywhere}.page-head-sub{color:var(--text-3);margin-top:2px;font-size:14px}.page-head-sub .doc-no{font-size:13px}@media (min-width:960px){.page-head{padding:8px 4px 12px}.monogram{width:60px;height:60px;font-size:22px}.page-head h1{font-size:30px}}.pill{border-radius:var(--radius-pill);white-space:nowrap;background:var(--muted-soft);height:30px;color:var(--text-2);align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;font-weight:600;display:inline-flex}.pill-brand{background:var(--brand-soft);color:var(--brand-text)}.pill-success{background:var(--success-soft);color:var(--success-text)}.pill-danger{background:var(--danger-soft);color:var(--danger-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow);padding:var(--card-pad);flex-direction:column;gap:16px;display:flex}.card-title{font:600 18px/1.3 var(--font-display)}.sub-title{color:var(--text);font-size:14px;font-weight:600}.hero{flex-direction:column;gap:4px;display:flex}.hero-amount{font-family:var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text);font-weight:600;line-height:1.1}.hero-amount-xl{font-size:40px}.hero-amount-l{font-size:34px}.hero-amount-m{font-size:28px}.hero-amount-s{white-space:normal;overflow-wrap:anywhere;font-size:22px}@media (min-width:960px){.hero-amount-xl{font-size:44px}}.paid-bar{appearance:none;border-radius:var(--radius-pill);background:var(--raised);width:100%;height:8px;color:var(--success-bar);border:0;overflow:hidden}.paid-bar::-webkit-progress-bar{background:var(--raised);border-radius:var(--radius-pill)}.paid-bar::-webkit-progress-value{background:var(--success-bar);border-radius:var(--radius-pill)}.paid-bar::-moz-progress-bar{background:var(--success-bar);border-radius:var(--radius-pill)}.soft-note{color:var(--text-2);border-radius:var(--radius-control);padding:12px 14px;font-size:14px}.soft-note-danger{background:var(--danger-soft)}.summary-pay{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:16px;display:flex}.state-block{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.state-icon{border-radius:var(--radius-pill);background:var(--muted-soft);width:52px;height:52px;color:var(--text-2);flex:none;justify-content:center;align-items:center;display:flex}.state-icon-success{background:var(--success-soft);color:var(--success-text)}.state-icon-danger{background:var(--danger-soft);color:var(--danger-text)}.state-title{font:700 26px/1.15 var(--font-display);letter-spacing:-.015em;margin-bottom:6px}.button-pair{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:8px;display:grid}.button{border-radius:var(--radius-pill);min-height:48px;font:600 15px/1.2 var(--font-body);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:transform .12s,background-color .12s;display:inline-flex}.button-lg{min-height:var(--tap-lg);padding:0 20px;font-size:16px}.button:active{transform:scale(.98)}.button-primary{background:var(--brand);color:var(--brand-ink)}.button-primary:hover{background:var(--brand-hover)}.button-primary:active{background:var(--brand-pressed)}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.button-secondary:hover{background:var(--raised)}.button-decline{background:var(--danger-soft);color:var(--danger-text);border-color:var(--danger)}.button[disabled]{background:var(--disabled-bg);color:var(--disabled-fg);cursor:progress;border-color:#0000;transform:none}.button:focus-visible,.link-button:focus-visible,.toggle-button:focus-visible,.qr-toggle:focus-visible,.copy-button:focus-visible,.contact-tile:focus-visible,.pdf-card:focus-visible,.field:focus-visible,.check input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.link-button{min-height:var(--tap);color:var(--text-2);font:500 14px/1 var(--font-body);text-underline-offset:3px;cursor:pointer;border-radius:var(--radius-control);background:0 0;border:0;align-self:center;padding:0 12px;text-decoration:underline}.toggle-button{border:1px dashed var(--border-strong);border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--brand-text);font:600 14px var(--font-body);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.text-block .toggle-button{width:auto;min-height:var(--tap);border:0;align-self:flex-start;margin:0;padding:0}.toggle-button[aria-expanded=true] .icon-chevron,.qr-toggle[aria-expanded=true] .icon-chevron{transform:rotate(180deg)}.pay-written{flex-direction:column;gap:8px;display:flex}.detail-row{border-radius:var(--radius-control);background:var(--raised);align-items:center;gap:12px;min-height:56px;padding:6px 6px 6px 14px;display:flex}.detail-text{flex:1;min-width:0}.detail-label{color:var(--text-3);font-size:12px}.detail-value{white-space:pre-line;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:15px;font-weight:500}.detail-plain{font-weight:500}.copy-button{min-width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);font:600 13px var(--font-body);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0;display:inline-flex}.copy-button.is-copied{padding:0 12px}.copy-button:has(.copy-text:not(:empty)){padding:0 12px}.copy-button.is-copied{background:var(--success-soft);color:var(--success-text)}.pay-qr{flex-direction:column;gap:12px;display:flex}.pay-written+.pay-qr{border-top:1px solid var(--border);padding-top:14px}.qr-desk-title{font:600 16px var(--font-display);display:none}.qr-toggle{min-height:48px;color:var(--text);font:600 15px var(--font-body);text-align:start;cursor:pointer;border-radius:var(--radius-control);background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.qr-toggle>.icon-chevron{color:var(--text-3)}.qr-toggle-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand-text);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.qr-toggle-text{flex-direction:column;flex:1;display:flex}.qr-toggle-text .small{font-weight:400}.qr-panel{display:none}.qr-panel.is-open{display:block}.qr{border-radius:var(--radius-tile);background:var(--raised);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.qr-tile{background:var(--qr-bg);color:var(--qr-ink);border-radius:var(--radius-control);padding:10px;line-height:0}.qr-tile svg{width:176px;max-width:60vw;height:176px;max-height:60vw}.qr-caption{flex-direction:column;gap:6px;font-size:14px;display:flex}@media (min-width:960px){.pay>.card-title{order:-2}.pay-qr{order:-1}.pay-written+.pay-qr{border-top:0;border-bottom:1px solid var(--border);padding-top:0;padding-bottom:16px}.qr-desk-title{display:block}.qr-toggle{display:none}.qr-panel{display:block}.qr{text-align:start;background:0 0;flex-direction:row;align-items:center;gap:18px;padding:0}.qr-tile{border:1px solid var(--border)}.qr-tile svg{width:132px;height:132px}}.answer.is-open{border-color:var(--brand)}.accept-form,.decline-form{flex-direction:column;gap:16px;display:flex}.answer-title{font:700 22px/1.2 var(--font-display);letter-spacing:-.01em}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{font-size:14px;font-weight:600}.field{width:100%;min-height:var(--tap-lg);border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text);font:400 16px var(--font-body);padding:0 16px}.field::placeholder{color:var(--text-3)}.field[aria-invalid=true]{border:2px solid var(--danger)}.field-multiline{resize:vertical;min-height:96px;padding:12px 16px;line-height:1.5}.check{border-radius:var(--radius-control);background:var(--raised);cursor:pointer;border:1px solid #0000;align-items:flex-start;gap:12px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.check:has(input[aria-invalid=true]){border:2px solid var(--danger)}.check input{width:22px;height:22px;accent-color:var(--brand);flex:none;margin:1px 0 0}.field-error{color:var(--danger-text);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.banner{border-radius:var(--radius-control);align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.banner>.icon{flex:none;margin-top:1px}.banner-danger{background:var(--danger-soft);color:var(--danger-text)}.decline{flex-direction:column;display:flex}.decline-form{border-top:1px solid var(--border);padding-top:16px}.hint{color:var(--text-3);margin-top:-8px;font-size:13px}.form-status{min-height:1.5em;color:var(--danger-text);font-size:14px}.contact{gap:14px}.contact-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.contact-tiles-1{grid-template-columns:minmax(0,1fr)}.contact-tiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-tile{border-radius:var(--radius-tile);background:var(--raised);min-height:72px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.contact-tile>.icon{color:var(--brand-text)}.contact-tile:hover{background:var(--muted-soft)}.details{gap:20px}.details-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.details-head .doc-no{color:var(--text-3);font-size:13px}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.meta-cell{border-radius:var(--radius-control);background:var(--raised);min-width:0;padding:12px 14px}.meta-cell dt{color:var(--text-3);font-size:12px}.meta-cell dd{margin-top:2px;font-weight:600}.items-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;gap:12px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.items{margin:0;padding:0;list-style:none}.items.is-collapsed .is-extra{display:none}.item{border-top:1px solid var(--border);align-items:flex-start;gap:16px;padding:14px 0;display:flex}.item-main{flex:1;min-width:0}.item-name{overflow-wrap:anywhere;font-weight:500}.item-meta{color:var(--text-3);margin-top:2px;font-size:13px}.item-amount{text-align:end;white-space:nowrap;flex:none}.totals{border-radius:var(--radius-tile);background:var(--raised);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.total-row{color:var(--text-2);justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0;display:flex}.total-row>.mono{color:var(--text);white-space:nowrap}.total-row>.mono.text-success{color:var(--success-text)}.total-medium{color:var(--text);font-weight:600}.total-strong{color:var(--text);border-top:1px solid var(--border-strong);padding:12px 0 4px;font-size:17px;font-weight:600}.total-strong>.mono{font-weight:600}.payments-list{margin:8px 0 0;padding:0;list-style:none}.payment-row{border-top:1px solid var(--border);justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;display:flex}.text-block{flex-direction:column;gap:6px;display:flex}.text-block+.text-block{border-top:1px solid var(--border);padding-top:16px}.long-text{color:var(--text-2);white-space:pre-line;overflow-wrap:anywhere}.long-text.is-clamped{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pdf-card{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);min-height:64px;color:var(--text);align-items:center;gap:14px;padding:10px 16px 10px 12px;text-decoration:none;display:flex}.pdf-card:hover{background:var(--raised)}.pdf-card>.icon{color:var(--text-3)}.pdf-icon{background:var(--raised);width:44px;height:44px;color:var(--text-2);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.pdf-text{flex-direction:column;flex:1;min-width:0;display:flex}.pdf-title{font-weight:600}.pdf-sub{color:var(--text-3);font-size:13px}.page-foot{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:4px;padding:12px 8px 4px;font-size:12px;display:flex}.page-foot-brand{align-items:center;gap:6px;display:flex}.brand-dot{background:var(--brand);border-radius:4px;width:14px;height:14px;display:inline-block}.page-state{justify-content:space-between;max-width:480px;min-height:100dvh;padding-top:120px}.state-card{text-align:center;align-items:center;gap:14px;padding:28px 24px}.state-card h1{font:700 24px/1.2 var(--font-display);letter-spacing:-.015em}.state-card .button{margin-top:6px;padding:0 28px}.skeleton{flex-direction:column;gap:14px;max-width:480px;margin:0 auto;padding:20px 16px;display:flex}.skeleton-head{align-items:center;gap:14px;padding:0 4px;display:flex}.skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.bone{background:var(--border);border-radius:8px;animation:1.4s ease-in-out infinite pulse}.bone-mono{border-radius:16px;width:48px;height:48px}.bone-title{width:70%;height:16px}.bone-sub{width:45%;height:12px}.bone-label{width:32%;height:12px}.bone-hero{border-radius:10px;width:58%;height:40px}.bone-button{border-radius:var(--radius-pill);height:52px}.bone-row{border-radius:var(--radius-control);background:var(--raised);height:56px}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.bone{animation:none}.button{transition:none}.button:active{transform:none}}@media (forced-colors:active){.pill,.state-icon,.button,.copy-button{border:1px solid canvastext}}