: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}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c111d73;display:flex;align-items:center;justify-content:center;z-index:40;padding:16px;animation:veil-in .16s ease-out}.modal{background:var(--card);width:100%;max-width:380px;text-align:center;border-radius:24px;padding:26px 22px 20px;box-shadow:var(--shadow-lg);animation:modal-in .22s cubic-bezier(.2,.9,.3,1.2)}.modal-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:var(--success-soft);display:grid;place-items:center;font-size:28px}.modal h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.modal-sub{margin:8px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}.modal-delta{margin-top:18px;padding:14px 12px;border-radius:14px;background:var(--gray-50);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.modal-delta-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.modal-delta-value{margin-top:4px;font-size:18px;font-weight:700;color:var(--success-strong);font-variant-numeric:tabular-nums}.modal-delta-value.was{color:var(--muted);text-decoration:line-through;font-weight:600}.modal-delta-arrow{color:var(--muted);font-size:18px}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.kyc-steps{display:flex;gap:6px;margin-top:18px}.kyc-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.6}.kyc-step.active,.kyc-step.done{opacity:1}.kyc-step-dot{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:#ffffff38;border:1.5px solid rgba(255,255,255,.35)}.kyc-step.active .kyc-step-dot{background:#fff;color:var(--primary);border-color:#fff}.kyc-step.done .kyc-step-dot{background:var(--success);border-color:var(--success)}.kyc-step-label{font-size:11px;font-weight:550;color:#fff;text-align:center;letter-spacing:.01em}.kyc-hi{font-size:13.5px;color:var(--muted);margin:0 0 10px}.kyc-sub{font-size:13.5px;color:var(--muted);margin:0;line-height:1.5}.kyc-select{width:100%;padding:12px 13px;border:1px solid var(--gray-300);border-radius:10px;font:inherit;background:var(--card);color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%23667085' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.kyc-select:focus{outline:2px solid var(--purple-300);border-color:var(--primary)}.kyc-msg{margin-top:14px;padding:11px 13px;border-radius:10px;font-size:13px;font-weight:500}.kyc-msg.ok{background:var(--success-soft);color:var(--success-strong)}.kyc-msg.warn{background:var(--warning-soft);color:var(--warning-text)}.kyc-msg.bad{background:var(--danger-soft);color:var(--danger-text)}.kyc-note{font-size:12.5px;color:var(--muted);text-align:center;margin:6px 4px 0}.kyc-amount{font-size:30px;font-weight:650;letter-spacing:-.02em;margin:2px 0 16px}.kyc-done{text-align:center;padding:30px 20px}.kyc-done-badge{width:56px;height:56px;border-radius:999px;margin:0 auto 12px;display:grid;place-items:center;color:#fff;background:var(--success)}.kyc-empty{margin:auto;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:12px;align-items:center;padding:40px 24px}.field label.id-drop,.id-drop{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;padding:20px 16px;border:1.5px dashed var(--gray-300);border-radius:12px;background:var(--gray-50);color:var(--muted);cursor:pointer;text-align:center;margin-bottom:0;transition:border-color .15s,background .15s}.id-drop:hover{border-color:var(--primary);background:var(--purple-25);color:var(--primary)}.id-drop span{font-size:13px;font-weight:550}.id-preview{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.id-preview img{display:block;width:100%;max-height:220px;object-fit:cover}.id-remove{position:absolute;top:8px;right:8px;border:0;border-radius:8px;background:#0c111db8;color:#fff;padding:6px 11px;font-size:12px;font-weight:600}.inv-page{padding:0}.inv-doc{background:var(--card);margin:16px;border:1px solid var(--border);border-radius:16px;padding:22px 20px;box-shadow:var(--shadow-sm);position:relative}.inv-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.inv-brand{display:flex;align-items:center;gap:10px}.inv-op{font-size:15px;font-weight:650;letter-spacing:-.01em}.inv-tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.inv-meta{text-align:right}.inv-num{font-size:15px;font-weight:700;color:var(--primary)}.inv-date{font-size:11.5px;color:var(--muted)}.inv-stamp{position:absolute;top:60px;right:20px;color:var(--success-strong);border:2px solid var(--success);border-radius:8px;padding:3px 10px;font-weight:800;letter-spacing:.04em;transform:rotate(-6deg);font-size:13px}.inv-billto{margin:18px 0 12px;display:flex;flex-direction:column;gap:2px}.inv-billto span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.inv-billto strong{font-size:14.5px}.inv-lines{width:100%;border-collapse:collapse;margin-top:6px}.inv-lines th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 0;font-weight:600}.inv-lines th.r,.inv-lines td.r{text-align:right}.inv-lines td{padding:11px 0;font-size:13.5px;border-bottom:1px solid var(--border);vertical-align:top}.inv-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.inv-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:4px}.inv-total span{font-size:13px;color:var(--muted);font-weight:550}.inv-total strong{font-size:24px;font-weight:700;letter-spacing:-.02em}.inv-context{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border);display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.inv-context>div{display:flex;flex-direction:column;gap:1px}.inv-context span{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.inv-context strong{font-size:13px;font-weight:600}.inv-foot{margin-top:16px;font-size:11.5px;color:var(--muted);text-align:center}.inv-actions{display:flex;flex-direction:column;gap:10px;padding:0 16px 24px}.inv-actions .btn{flex:none}.inv-paid-msg{text-align:center;font-weight:650;color:var(--success-strong);padding:6px 0}.inv-transfer{margin:0 16px 24px}@media print{body{background:#fff}.inv-actions,.inv-transfer,.hd,.cta-bar{display:none!important}.inv-doc{margin:0;border:none;box-shadow:none;border-radius:0;padding:0}.page{max-width:none}}.staff-note{background:color-mix(in srgb,var(--info, #2563eb) 10%,var(--card));border:1px solid color-mix(in srgb,var(--info, #2563eb) 28%,var(--border));color:var(--info-text, #1e3a8a);border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:550}.agr-page{max-width:480px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column}.agr-doc{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 22px}.agr-doc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.agr-doc-head .inv-num{font-size:12px;font-weight:600;color:var(--muted)}.agr-sign{flex:0 0 auto;background:var(--card);border-top:1px solid var(--border);box-shadow:0 -8px 24px #0f172a14;padding:12px 16px calc(14px + env(safe-area-inset-bottom))}.agr-sign-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.agr-sign-row h3{flex:0 0 auto}.agr-name{flex:1 1 auto;min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font:inherit;font-size:14px;padding:9px 11px}.agr-name:focus{outline:none;border-color:var(--brand, #6d28d9)}.agr-sign .sig-pad{height:130px}.agr-terms{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border)}.agr-head{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}.agr-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.agr-list li{font-size:13px;line-height:1.5;color:var(--text)}.sig-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card)}.sig-pad{display:block;width:100%;height:170px;touch-action:none;background:repeating-linear-gradient(transparent,transparent 42px,color-mix(in srgb,var(--border) 60%,transparent) 43px);cursor:crosshair}.sig-foot{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-top:1px solid var(--border)}.sig-foot span{font-size:11.5px;color:var(--muted)}.sig-clear{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:8px;padding:4px 11px;font:inherit;font-size:12px;cursor:pointer}