*,*: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: #f3f5f9;--surface: #ffffff;--border: #dde3ee;--text: #0f1f3d;--muted: #5b6b85;--accent: #c9a227;--accent-contrast: #0f1f3d;--masthead-bg: #0f1f3d;--masthead-text: #f5f1e3;--ribbon-bg: #c9a227;--ribbon-text: #0f1f3d;--tag-bg: #eef1f7;--tag-text: #2c3e63;--ok: #17713b;--ok-bg: #e2f4e8;--bad: #b3261e;--bad-bg: #fbe7e5;--radius: 6px;--btn-radius: 4px;--logo-radius: 50%;--font-heading: Georgia, "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.bank-card{position:relative;display:grid;gap:18px;aspect-ratio:1.586;max-width:320px;padding:18px;border-radius:12px;color:#f5f1e3;background:linear-gradient(135deg,#0f1f3d,#27427a);overflow:hidden}.bank-card--frozen{filter:grayscale(1);opacity:.75}.bank-card__brand{font-family:var(--font-heading);font-size:1.1rem;color:#c9a227}.bank-card__number{font-family:ui-monospace,monospace;font-size:1.15rem;letter-spacing:.1em;align-self:end}.bank-card__holder{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.bank-card__stamp{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);border:3px solid #fff;padding:4px 12px;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.card-panel .btn{margin-top:4px}.auth-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:4px 12px;align-items:center}.auth-row__amount{font-variant-numeric:tabular-nums}.auth-row__detail{grid-column:1 / -1;font-size:.85rem}@media (max-width: 480px){.auth-row{grid-template-columns:auto 1fr}}.bank-card__brand small{margin-left:6px;font-family:var(--font-body);font-size:.7rem;letter-spacing:.1em;color:#f5f1e3}