:root{--brand:#0f766e;--pay-accent:var(--brand);--text:#0c1a17;--muted:#5b716c;--surface:#fff;--line:#d7e2de;--font:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(900px 420px at 100% -10%, color-mix(in srgb, var(--pay-accent) 14%, transparent), transparent 55%), #f4f7f6;-webkit-font-smoothing:antialiased;margin:0}button{font:inherit}@media print{body{background:#fff}}.pay-shell{place-items:center;min-height:100dvh;padding:1.5rem 1rem 2.5rem;display:grid}.pay-card{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;gap:1.15rem;width:min(100%,34rem);padding:1.5rem 1.4rem 1.25rem;display:grid;box-shadow:0 18px 40px #0c1a1714}.pay-status-card{text-align:center}.pay-status-card h1,.pay-card h1{letter-spacing:-.03em;margin:.15rem 0 0;font-size:1.2rem}.pay-status-card p,.pay-muted,.pay-lock,.pay-foot{color:var(--muted);font-size:.88rem;line-height:1.45}.pay-spinner{border:3px solid #e2e8f0;border-top-color:var(--pay-accent);border-radius:50%;width:2.4rem;height:2.4rem;margin:0 auto .75rem;animation:.8s linear infinite pay-spin}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-brand{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.pay-logo,.pay-logo-fallback{object-fit:contain;border-radius:.7rem;width:2.6rem;height:2.6rem}.pay-logo-fallback{background:color-mix(in srgb, var(--pay-accent) 16%, white);color:var(--pay-accent);place-items:center;font-weight:800;display:grid}.pay-shop{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.pay-pill{border-radius:999px;padding:.28rem .55rem;font-size:.72rem;font-weight:750}.pay-pill.is-paid{color:#047857;background:#ecfdf5}.pay-pill.is-due{color:#c2410c;background:#fff7ed}.pay-pill.is-expired{color:#475569;background:#f1f5f9}.pay-pill.is-cancelled{color:#b91c1c;background:#fef2f2}.pay-hero{background:color-mix(in srgb, var(--pay-accent) 10%, #0f172a);color:#fff;text-align:center;border-radius:1rem;padding:1.15rem 1rem}.pay-hero-label,.pay-hero-due{letter-spacing:.06em;text-transform:uppercase;opacity:.8;font-size:.75rem;display:block}.pay-hero strong{letter-spacing:-.04em;margin:.2rem 0;font-size:2rem;display:block}.pay-card section h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.72rem}.pay-card section p{margin:0}.pay-table{border-collapse:collapse;width:100%;font-size:.88rem}.pay-table th,.pay-table td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem 0}.pay-table th:last-child,.pay-table td:last-child{text-align:right}.pay-btn{appearance:none;background:var(--pay-accent);color:#fff;cursor:pointer;border:0;border-radius:.85rem;padding:.85rem 1rem;font-weight:750}.pay-status-card .pay-btn{margin-top:.5rem}.pay-btn:disabled{opacity:.6;cursor:not-allowed}.pay-btn-ghost{color:var(--text);border:1px solid var(--line);background:0 0}.pay-alert{color:#b91c1c;background:#fef2f2;border-radius:.7rem;margin:0;padding:.7rem .8rem;font-size:.86rem}.pay-alert p{margin:.2rem 0 0}.pay-alert.is-warn{color:#b45309;background:#fffbeb}.pay-alert.is-info{color:#0369a1;background:#f0f9ff}.pay-thanks{text-align:center}.pay-foot,.pay-lock{text-align:center;margin:0}.pay-modal{z-index:40;background:#0f172a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.pay-modal-card{background:#fff;border-radius:1rem;gap:.75rem;width:min(100%,22rem);padding:1.25rem;display:grid}.pay-modal-card h2{margin:0}.pay-modal-amount{margin:0;font-size:1.5rem;font-weight:800}.pay-modal-actions{justify-content:flex-end;gap:.5rem;display:flex}@media print{.pay-btn,.pay-lock,.pay-modal{display:none!important}}