:root{--bg: #f6f7fb;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--brand: #4f46e5;--brand-ink: #ffffff;--ok: #059669;--warn: #d97706;--bad: #dc2626;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0b1020;--surface: #131a2e;--text: #e5e7eb;--muted: #94a3b8;--border: #243049;--brand: #818cf8;--brand-ink: #0b1020;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.05rem;margin:0 0 .75rem}.container{max-width:1040px;margin:0 auto;padding:1.25rem 16px 4rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.grid{display:grid;gap:1rem}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.two{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}@media(max-width:760px){.two{grid-template-columns:minmax(0,1fr)}}.stat .label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.stat .value{font-size:1.6rem;font-weight:650;font-variant-numeric:tabular-nums;margin-top:.25rem}.stat .value small{font-size:.85rem;color:var(--muted);font-weight:500}label{display:block;font-size:.85rem;color:var(--muted);margin:.75rem 0 .3rem}input,select{width:100%;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}input:focus,select:focus{outline:2px solid var(--brand);outline-offset:1px}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;border:0;border-radius:10px;background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:600;cursor:pointer}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button:disabled{opacity:.55;cursor:default}.full{width:100%;margin-top:1rem}.error{color:var(--bad);font-size:.9rem;margin-top:.75rem}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;word-break:break-all}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.6rem .5rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:500;font-size:.8rem}.badge{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.78rem;font-weight:600;background:var(--border)}.badge.paid,.badge.paid_over,.badge.succeeded,.badge.completed,.badge.active{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.badge.new,.badge.pending,.badge.pending_review,.badge.provisioning,.badge.submitted,.badge.paid_partial,.badge.awaiting_funds{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.badge.failed,.badge.expired,.badge.refunded,.badge.rejected{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad)}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}.center-page{min-height:100dvh;display:grid;place-items:center;padding:16px}.narrow{width:100%;max-width:420px}.hint{font-size:.85rem;margin:.75rem 0 0}.nowrap{flex-wrap:nowrap}.nowrap>select{width:7rem;flex:none}.nowrap>button{flex:none}.summary{margin-top:1rem;padding:.9rem;border-radius:10px;background:var(--bg);display:grid;gap:.35rem;font-size:.9rem}.summary .line{display:flex;justify-content:space-between;gap:1rem}.summary .line strong{font-variant-numeric:tabular-nums}.sandbox{background:var(--warn);color:#fff;font-weight:700;font-size:.75rem;letter-spacing:.05em;text-align:center;padding:.4rem;border-radius:10px;margin-bottom:.75rem}
