:root{color-scheme:light;--purple-25: #fbf9ff;--purple-50: #f5f0ff;--purple-100: #ebe0ff;--purple-200: #d6c2fe;--purple-300: #b795fc;--purple-600: #7800f0;--purple-700: #6407c4;--purple-800: #4e0a96;--purple-950: #250747;--gray-50: #f9fafb;--gray-100: #f2f4f7;--gray-200: #e9ebf0;--gray-300: #d3d7e0;--gray-400: #98a2b3;--gray-500: #667085;--gray-700: #344054;--gray-900: #16202e;--background: var(--gray-50);--card: #ffffff;--ink: var(--gray-900);--muted: var(--gray-500);--border: var(--gray-200);--primary: var(--purple-700);--success: #079455;--success-strong: #067647;--success-soft: rgba(7, 148, 85, .12);--warning: #f79009;--warning-text: #b54708;--warning-soft: rgba(247, 144, 9, .14);--danger: #d92d20;--danger-text: #b42318;--danger-soft: rgba(217, 45, 32, .12);--gradient-brand: linear-gradient(115deg, var(--purple-950), var(--purple-800) 55%, var(--purple-600));--shadow-sm: 0 1px 3px rgb(16 24 40 / .09), 0 1px 2px rgb(16 24 40 / .05);--shadow-lg: 0 12px 24px -6px rgb(16 24 40 / .16), 0 4px 8px -4px rgb(16 24 40 / .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:"cv11","ss01";font-size:14.5px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.page{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.hd{background:var(--gradient-brand);color:#fff;padding:22px 20px 64px;border-radius:0 0 24px 24px}.hd-row{display:flex;align-items:center;gap:11px}.hd-mark{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px #0000004d}.hd-op{font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.75}.hd-name{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-top:1px}.body{padding:0 16px 110px;margin-top:-44px;display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow-sm)}.card h3{margin:0 0 12px;font-size:14px;font-weight:600}.hero-label{font-size:11.5px;font-weight:550;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.hero-amount{font-size:36px;font-weight:650;letter-spacing:-.02em;margin:6px 0 2px}.hero-due{font-size:13.5px;color:var(--muted)}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.overdue-note{margin-top:12px;padding:10px 13px;border-radius:10px;background:var(--danger-soft);color:var(--danger-text);font-size:13px;font-weight:500}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:550;white-space:nowrap;background:var(--gray-100);color:var(--muted)}.chip .dot{width:6px;height:6px;border-radius:999px;background:var(--gray-400)}.chip.good{background:var(--success-soft);color:var(--success-strong)}.chip.good .dot{background:var(--success)}.chip.warning{background:var(--warning-soft);color:var(--warning-text)}.chip.warning .dot{background:var(--warning)}.chip.danger{background:var(--danger-soft);color:var(--danger-text)}.chip.danger .dot{background:var(--danger)}.chip.brand{background:var(--purple-50);color:var(--primary)}.chip.brand .dot{background:var(--primary)}.meter{height:8px;border-radius:999px;background:var(--purple-100);overflow:hidden}.meter>div{height:100%;border-radius:999px;background:var(--primary);transition:width .4s ease}.meter-row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-top:8px}.meter-row b{color:var(--ink);font-weight:600}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:0}.row-main{flex:1;min-width:0}.row-title{font-size:13.5px;font-weight:500}.row-sub{font-size:12px;color:var(--muted);margin-top:1px}.row-amt{font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.row-num{width:30px;height:30px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--muted)}.row-num.paid{background:var(--success-soft);color:var(--success-strong)}.row-num.late{background:var(--danger-soft);color:var(--danger-text)}.mandate{display:flex;align-items:center;gap:12px}.mandate-icon{width:38px;height:38px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:var(--purple-50);color:var(--primary)}.mandate-title{font-size:13.5px;font-weight:550}.mandate-sub{font-size:12px;color:var(--muted);margin-top:1px}.cta-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--background) 35%);display:flex;gap:10px;justify-content:center}.cta-inner{display:flex;gap:10px;width:100%;max-width:448px}.btn{flex:1;border:0;border-radius:12px;padding:14px 18px;font-size:14.5px;font-weight:600;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-lg)}.btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--border);flex:0 0 auto}.btn:disabled{opacity:.55}.sheet-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c111d80;display:flex;align-items:flex-end;justify-content:center;z-index:30}.sheet{background:var(--card);width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg)}.sheet h2{margin:0 0 4px;font-size:17px;font-weight:600;letter-spacing:-.01em}.sheet .sheet-sub{font-size:13px;color:var(--muted);margin-bottom:18px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:550;margin-bottom:6px;color:var(--gray-700)}.field input{width:100%;padding:12px 13px;border:1px solid var(--gray-300);border-radius:10px;font:inherit;background:var(--card);color:var(--ink)}.field input:focus{outline:2px solid var(--purple-300);border-color:var(--primary)}.xfer{border:1px solid var(--purple-100);background:var(--purple-25, #fbf9ff);border-radius:12px;padding:14px}.xfer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0}.xfer-row+.xfer-row{border-top:1px solid var(--purple-100)}.xfer-label{font-size:12px;color:var(--muted)}.xfer-value{font-weight:600;font-size:14px;text-align:right}.xfer-value.acct{font-size:20px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--primary)}.copy-btn{border:1px solid var(--gray-300);background:var(--card);color:var(--gray-700);border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:550}.copy-btn.copied{background:var(--success-soft);border-color:transparent;color:var(--success-strong)}.xfer-note{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5}.link-btn{display:block;text-align:center;margin-top:12px;font-size:13px;font-weight:550;color:var(--primary);text-decoration:none}.center{flex:1;display:grid;place-items:center;padding:40px 24px;text-align:center;color:var(--muted)}.center h2{color:var(--ink);font-size:18px;margin:14px 0 6px}.spin{width:26px;height:26px;margin:0 auto;border:3px solid var(--purple-100);border-top-color:var(--primary);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-flash{padding:10px 14px;border-radius:10px;margin-bottom:14px;background:var(--success-soft);color:var(--success-strong);font-size:13px;font-weight:550}.pl{display:grid;place-items:center;padding:24px 16px}.pl-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.pl-brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.pl-brand .hd-mark{background:var(--purple-25, #fbf9ff);border:1px solid var(--purple-100)}.pl-name{font-weight:600;font-size:15px;letter-spacing:-.01em}.pl-sub{font-size:12px;color:var(--muted)}.pl-card h2{margin:6px 0 0;font-size:19px;letter-spacing:-.01em}.pl-help{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}.pl-code{font-size:26px!important;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.pl-btn{width:100%}.pl-error{font-size:12.5px;padding:8px 11px;border-radius:8px;background:var(--danger-soft, #fee4e2);color:var(--danger, #b42318)}.pl-links{display:flex;justify-content:space-between}.pl-fine{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.5;text-align:center}.pl-choice{width:100%;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font:inherit;color:inherit;display:flex;align-items:center;justify-content:space-between}.hd-switch{order:99;margin-left:auto;background:#ffffff24;color:#fff;border:0;border-radius:8px;padding:6px 10px;font:inherit;font-size:12px}