:root{--font-sans:"Manrope", system-ui, -apple-system, sans-serif;--color-bg:#f6f5f8;--color-surface:#fff;--color-border:#e7e5ec;--color-text:#18181b;--color-text-muted:#6b6b76;--color-text-faint:#9c9ba6;--color-green:#16a34a;--color-green-dark:#15803d;--color-green-tint:#dcfce7;--color-purple:#6d28d9;--color-purple-accent:#7c3aed;--color-purple-tint:#ede9fe;--color-purple-tint-strong:#f3effe;--color-purple-tint-border:#ddd3fb;--color-error:#b3261e;--color-error-tint:#fbeaea;--color-neutral-tint:#edecef;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}#root{justify-content:center;min-height:100vh;display:flex}.phone{background:var(--color-bg);flex-direction:column;width:100%;max-width:460px;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand-mark{background:var(--color-green);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:flex}.brand-name{font-size:14px;font-weight:700}.badge-test{color:#8a5a00;background:#fdf0d5;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.content{flex-direction:column;flex:1;gap:18px;padding:20px;display:flex}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.small{font-size:11px}.tiny{font-size:11.5px}.mono{font-family:ui-monospace,monospace}.strong{color:var(--color-text);font-weight:700}.state-centered{text-align:center;flex-direction:column;flex:1;align-items:center;gap:14px;padding:32px 4px;display:flex}.state-centered h1{margin:0;font-size:21px;font-weight:800}.state-centered h1.small-title{font-size:19px}.state-centered p{max-width:320px;margin:0;font-size:13.5px;line-height:1.5}.icon-circle{border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.icon-circle.green{background:var(--color-green-tint)}.icon-circle.purple{background:var(--color-purple-tint);width:64px;height:64px}.icon-circle.neutral{background:var(--color-neutral-tint)}.icon-circle.error{background:var(--color-error-tint)}.merchant-row{align-items:center;gap:10px;display:flex}.avatar{background:var(--color-purple-tint);width:36px;height:36px;color:var(--color-purple);border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.merchant-name{font-size:13px;font-weight:700}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;flex-direction:column;gap:6px;padding:20px;display:flex}.order-card .label{color:var(--color-text-muted);font-size:12px;font-weight:600}.order-card .amount{letter-spacing:-.5px;font-size:34px;font-weight:800}.order-card .product{margin-top:4px;font-size:14px}.order-card .ref{color:var(--color-text-faint);margin-top:6px;font-size:11px}.payment-methods{flex-direction:column;gap:8px;display:flex}.section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.methods-row{gap:8px;display:flex}.method-tile{border:1px solid var(--color-border);background:var(--color-surface);text-align:center;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 6px;font-size:10.5px;font-weight:600;display:flex}.method-tile.highlighted{border:1.5px solid var(--color-green);background:var(--color-green-tint);color:var(--color-green-dark);font-weight:700}#facipay-button-container{min-height:52px}#facipay-button-container:empty:before{content:"";background:var(--color-green);border-radius:14px;width:100%;height:52px;display:block}.secure-note{color:var(--color-text-faint);justify-content:center;align-items:center;gap:6px;font-size:11.5px;display:flex}.help-link{color:var(--color-text-muted);justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:600;display:flex}.receipt-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;border-radius:16px;flex-direction:column;gap:8px;width:100%;margin-top:8px;padding:18px;display:flex}.receipt-row{justify-content:space-between;font-size:12.5px;display:flex}.emis-card{background:var(--color-purple-tint-strong);border:1px solid var(--color-purple-tint-border);border-radius:16px;flex-direction:column;gap:12px;width:100%;margin-top:4px;padding:18px;display:flex}.emis-row{text-transform:uppercase;letter-spacing:.04em;color:var(--color-purple-accent);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.emis-row .mono{text-transform:none;letter-spacing:normal;font-size:16px}.emis-divider{background:var(--color-purple-tint-border);height:1px}.btn-green,.btn-dark,.btn-outline{border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;height:48px;font-size:14px;font-weight:700;display:flex}.btn-green{background:var(--color-green);color:#fff;margin-top:8px}.btn-dark{background:var(--color-text);color:#fff;margin-top:12px}.btn-outline{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:13.5px}.text-link{color:var(--color-text-muted);font-size:12.5px;font-weight:600}