:root{--bg:#0b0d0d;--fg:#eceeed;--dim:#8c9593;--line:#262b2a;--panel:#111514;--accent:#19a394;--red:#e5002a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f6f7f6;--fg:#111514;--dim:#5d6664;--line:#dde2e0;--panel:#fff;--accent:#0b6f65;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.pay{gap:28px;max-width:880px;margin:0 auto;padding:32px 20px 64px;display:grid}.pay-mono,.pay-facts dt,.pay table th{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font:500 11px/1.4 ui-monospace,DM Mono,SFMono-Regular,Menlo,monospace}.pay-dim{color:var(--dim);margin:0}.pay-small{font-size:13px}.pay-pre{white-space:pre-line}.pay-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.pay-mark{letter-spacing:.02em;align-items:center;gap:10px;font-weight:600;display:inline-flex}.pay-mark svg{color:var(--accent)}.pay-head{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.pay-head h1{text-wrap:balance;margin:6px 0 8px;font-size:clamp(26px,4vw,36px);font-weight:600;line-height:1.1}.pay-facts{grid-template-columns:repeat(3,auto);align-content:start;gap:6px 28px;margin:0;display:grid}.pay-facts div{gap:4px;display:grid}.pay-facts dd{font-variant-numeric:tabular-nums;margin:0}.pay-status.is-paid{color:var(--accent)}.pay-status.is-overdue{color:var(--red)}.pay-table{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.pay table{border-collapse:collapse;width:100%;min-width:520px}.pay th,.pay td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}.pay tbody tr:last-child td{border-bottom:0}.pay td:not(:first-child),.pay th:not(:first-child){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.pay-sum{justify-self:end;gap:8px;width:min(100%,360px);display:grid}.pay-sum>div{font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.pay-total{border-top:1px solid var(--line);padding-top:10px;font-weight:600}.pay-due{color:var(--accent);font-size:20px;font-weight:600}.pay-box{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:14px;padding:24px;display:grid}.pay-box h2{margin:0;font-size:20px;font-weight:600}.pay-done h2{color:var(--accent)}.pay-ways{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.pay-way{border:1px solid var(--line);min-width:0;color:inherit;border-radius:10px;align-content:start;gap:10px;padding:16px;text-decoration:none;display:grid}.pay-way pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:13px/1.6 ui-monospace,DM Mono,Menlo,monospace}.pay-cta{border-color:var(--accent)}.pay-cta b{font-size:18px}.pay-cta:hover{background:color-mix(in oklab, var(--accent) 10%, transparent)}.pay-copy{color:var(--fg);border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-self:start;padding:6px 14px;font-size:13px}.pay-copy:hover{border-color:var(--accent)}.pay-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:18px;font-size:13px;display:flex}.pay-foot a{color:var(--accent)}@media (max-width:560px){.pay-facts{grid-template-columns:repeat(2,auto)}.pay table{min-width:0}.pay th:nth-child(2),.pay td:nth-child(2),.pay th:nth-child(3),.pay td:nth-child(3){display:none}}
