*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.45}h1,h2{font-family:var(--font-heading);margin:0}h1{font-size:1.5rem}h2{font-size:1.05rem;margin-bottom:.5rem}.app{min-height:100vh}.demo-ribbon{background:var(--ribbon-bg);color:var(--ribbon-text);font-size:.8rem;padding:6px 16px;text-align:center}.masthead{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--masthead-bg);color:var(--masthead-text)}.masthead__brand{display:flex;gap:12px;align-items:center}.masthead__tag{margin:2px 0 0;opacity:.8;font-size:.85rem}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--logo-radius);background:var(--accent);color:var(--accent-contrast);font-weight:700;font-family:var(--font-heading);flex-shrink:0}.grid{display:grid;gap:16px;padding:16px;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;min-width:0}.panel--wide{grid-column:1 / -1}.rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}.row{border:1px solid var(--border);border-radius:calc(var(--radius) / 2);padding:10px 12px;min-width:0;overflow-wrap:anywhere}.row--inline{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.row__main{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.row__meta{margin:6px 0 0;font-size:.85rem;color:var(--muted)}.facts{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:8px 0 0;font-size:.85rem}.facts dt{color:var(--muted)}.facts dd{margin:0;min-width:0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;overflow-wrap:anywhere}.tag{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--tag-bg);color:var(--tag-text);font-size:.75rem}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.pill--ok{background:var(--ok-bg);color:var(--ok)}.pill--bad{background:var(--bad-bg);color:var(--bad)}.pill--pending{background:var(--tag-bg);color:var(--muted)}.btn{font:inherit;font-weight:600;padding:8px 14px;border-radius:var(--btn-radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn--danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn--quiet{background:transparent;color:var(--accent)}.error{color:var(--bad);font-size:.85rem}.live{display:inline-flex;align-items:center;gap:6px;font-size:.8rem}.live__dot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 2s infinite}.live--error{color:var(--bad);background:var(--bad-bg);padding:2px 8px;border-radius:6px}.meter{height:8px;border-radius:999px;background:var(--tag-bg);overflow:hidden;margin-top:8px}.meter__fill{display:block;height:100%;background:var(--accent);transition:width .4s ease}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.live__dot{animation:none}}:root{--bg: #0e1419;--surface: #151d24;--border: #25323d;--text: #dce6ee;--muted: #7f93a3;--accent: #19c3b0;--accent-contrast: #062521;--masthead-bg: #0a0f13;--masthead-text: #dce6ee;--ribbon-bg: #19c3b0;--ribbon-text: #062521;--tag-bg: #1f2a33;--tag-text: #9fb3c2;--ok: #4cd08a;--ok-bg: #133526;--bad: #ff6b61;--bad-bg: #3a1a19;--radius: 4px;--btn-radius: 4px;--logo-radius: 4px;--font-heading: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.tiles{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}.tile{display:grid;gap:2px;padding:8px 12px;border-left:3px solid var(--accent);background:var(--tag-bg)}.tile--paid{border-color:var(--ok)}.tile--declined,.tile--rejected{border-color:var(--bad)}.tile__value{font-family:var(--font-heading);font-size:1.6rem;font-variant-numeric:tabular-nums}.tile__label{font-size:.8rem;color:var(--muted)}.payments{list-style:none;margin:0;padding:0;display:grid;gap:16px}.payment{border:1px solid var(--border);border-radius:var(--radius);padding:12px;min-width:0}.payment__head{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:10px}.payment__amount{font-size:1.15rem;font-variant-numeric:tabular-nums}.stages{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.stage{background:var(--bg);border:1px solid var(--border);border-top:3px solid var(--muted);border-radius:var(--radius);padding:10px;min-width:0;overflow-wrap:anywhere}.stage--ok{border-top-color:var(--ok)}.stage--bad{border-top-color:var(--bad)}.stage--skipped{opacity:.55}.stage__head{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:6px}.stage__head h3{margin:0;font-family:var(--font-heading);font-size:.85rem}.checks{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.85rem}.check{display:grid;grid-template-columns:1.2em 1fr}.check--ok>span:first-child{color:var(--ok)}.check--bad{color:var(--bad)}.check__detail{display:block;color:var(--muted);font-size:.8rem}.jwt{display:block;margin-top:4px;padding:6px;background:var(--tag-bg)}