:root{--bg-page:#e9edf3;--bg-panel:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--navy:#002058;--blue:#0046be;--blue-hover:#003180;--blue-tint:#eaf1fd;--avatar-bg:#dbe6fb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-faint:#94a3b8;--text-on-navy:#fff;--text-on-navy-muted:#8fa6ce;--border-outer:#cbd5e1;--border-card:#e2e8f0;--border-divider:#f1f5f9;--status-vigente-bg:#e0e7ff;--status-vigente-text:#4338ca;--status-completado-bg:#d1fae5;--status-completado-text:#047857;--status-completado-dot:#10b981;--status-anulado-bg:#fee2e2;--status-anulado-text:#b91c1c;--danger-border:#fecaca;--status-mora-bg:#fef3c7;--status-mora-text:#b45309;--status-mora-dot:#f59e0b;--status-inactivo-bg:#f1f5f9;--status-inactivo-text:#475569;--radius-card:16px;--radius-panel:18px;--radius-button:12px;--radius-button-sm:10px;--radius-pill:999px;--radius-phone:34px;--shadow-card:0 1px 2px #0f172a0d;--shadow-elevated:0 4px 16px #0f172a12;--shadow-phone:0 8px 24px #0f172a1a;--shadow-modal:0 12px 30px #0f172a2e;--shadow-button-primary:0 2px 8px #0046be40;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page:#0f172a;--bg-panel:#1e293b;--bg-card:#1e293b;--bg-subtle:#172033;--text-primary:#f1f5f9;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-faint:#64748b;--border-outer:#334155;--border-card:#334155;--border-divider:#263449;--blue-tint:#0046be26;--status-vigente-bg:#6366f126;--status-vigente-text:#818cf8;--status-completado-bg:#10b98126;--status-completado-text:#34d399;--status-anulado-bg:#ef444426;--status-anulado-text:#f87171;--status-mora-bg:#f59e0b26;--status-mora-text:#fbbf24;--status-inactivo-bg:#94a3b826;--status-inactivo-text:#cbd5e1}}:root[data-theme=dark]{--bg-page:#0f172a;--bg-panel:#1e293b;--bg-card:#1e293b;--bg-subtle:#172033;--text-primary:#f1f5f9;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-faint:#64748b;--border-outer:#334155;--border-card:#334155;--border-divider:#263449;--blue-tint:#0046be26;--status-vigente-bg:#6366f126;--status-vigente-text:#818cf8;--status-completado-bg:#10b98126;--status-completado-text:#34d399;--status-anulado-bg:#ef444426;--status-anulado-text:#f87171;--status-mora-bg:#f59e0b26;--status-mora-text:#fbbf24;--status-inactivo-bg:#94a3b826;--status-inactivo-text:#cbd5e1}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-hover);text-decoration:underline}button{font-family:inherit}.tabular-nums{font-variant-numeric:tabular-nums}.label-caps{text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-size:11px}.btn{border-radius:var(--radius-button);cursor:pointer;border:none;min-height:44px;padding:14px;font-size:15px;font-weight:600;transition:background-color .15s,border-color .15s}.btn-full{width:100%}.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-button-primary)}.btn-primary:hover{background:var(--blue-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-outer);color:var(--navy)}.btn-secondary:hover{background:var(--bg-subtle)}.btn-danger{background:var(--bg-card);border:1px solid var(--danger-border);color:var(--status-anulado-text)}.btn-danger:hover{background:var(--status-anulado-bg)}.btn-ghost{border:1px solid var(--border-outer);color:var(--text-secondary);background:0 0;font-weight:500}.btn-ghost:hover{background:var(--bg-subtle)}.login-page{background:var(--bg-panel);justify-content:center;align-items:center;min-height:100vh;padding:56px 40px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-card);width:400px;box-shadow:var(--shadow-elevated);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:22px;padding:32px;display:flex}.login-logo{background:var(--navy);color:#fff;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.login-heading{flex-direction:column;gap:6px;display:flex}.login-title{letter-spacing:-.015em;font-size:22px;font-weight:600}.login-subtitle{color:var(--text-muted);font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:10px;width:100%;display:flex}.login-input{border:1px solid var(--border-outer);border-radius:var(--radius-button);width:100%;color:var(--text-primary);background:var(--bg-card);outline:none;padding:13px 14px;font-size:14px}.login-input:focus{border-color:var(--blue)}.login-error{color:var(--status-anulado-text);text-align:left;font-size:13px}.login-support{color:var(--text-faint);font-size:12.5px;line-height:1.5}.sidebar{background:var(--navy);flex-direction:column;flex:none;align-items:center;gap:10px;width:64px;padding:16px 0;display:flex}.sidebar-logo{background:var(--blue);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.sidebar-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-icon svg{stroke:#8fa6ce}.sidebar-icon.active{background:var(--blue)}.sidebar-icon.active svg{stroke:#fff}.sidebar-icon.disabled{cursor:not-allowed;opacity:.55}.avatar{border-radius:var(--radius-pill);background:var(--avatar-bg);color:var(--blue);flex:none;justify-content:center;align-items:center;font-weight:600;display:flex}.avatar-on-navy{background:var(--blue);color:#fff}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border-card);align-items:center;gap:16px;padding:14px 20px;display:flex}.topbar-title{letter-spacing:-.01em;font-size:17px;font-weight:600}.topbar-search{background:var(--bg-subtle);border:1px solid var(--border-card);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:320px;padding:7px 10px;display:flex}.topbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.topbar-search input::placeholder{color:var(--text-faint)}.topbar-spacer{flex:1}.topbar-theme-toggle{border:1px solid var(--border-card);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.topbar-theme-toggle:hover{background:var(--bg-subtle)}.topbar-user{align-items:center;gap:9px;display:flex}.topbar-user-info{flex-direction:column;line-height:1.2;display:flex}.topbar-user-name{font-size:13px;font-weight:600}.topbar-user-role{color:var(--text-faint);font-size:11px}.admin-shell{border-radius:var(--radius-panel);height:100vh;display:flex;overflow:hidden}.admin-main{background:var(--bg-panel);flex-direction:column;flex:1;min-width:0;display:flex}.admin-content{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.badge{border-radius:var(--radius-pill);white-space:nowrap;padding:4px 10px;font-size:12px;font-style:normal;font-weight:500}.badge-vigente{background:var(--status-vigente-bg);color:var(--status-vigente-text)}.badge-completado{background:var(--status-completado-bg);color:var(--status-completado-text)}.badge-anulado{background:var(--status-anulado-bg);color:var(--status-anulado-text)}.badge-mora{background:var(--status-mora-bg);color:var(--status-mora-text)}.badge-inactivo{background:var(--status-inactivo-bg);color:var(--status-inactivo-text)}.stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.stat-card{flex-direction:column;gap:6px;padding:16px 18px;display:flex}.stat-value{letter-spacing:-.02em;font-size:26px;font-weight:600}.table-card{flex-direction:column;display:flex;overflow:hidden}.table-filters{border-bottom:1px solid var(--border-card);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.filter-pill{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-card);border-radius:var(--radius-pill);cursor:pointer;padding:5px 12px;font-size:12.5px}.filter-pill.active{color:#fff;background:var(--blue);border-color:var(--blue)}.table-message{text-align:center;color:var(--text-muted);padding:32px 18px;font-size:14px}.table-message-error{color:var(--status-anulado-text)}.table-row-link{color:inherit;text-decoration:none}.table-row-link:hover .table-row{background:var(--bg-subtle)}.table-row{border-bottom:1px solid var(--border-divider);grid-template-columns:96px 1.5fr 120px 120px 92px 120px;align-items:center;column-gap:12px;padding:12px 18px;font-size:13.5px;display:grid}.table-row.alt{background:var(--bg-panel)}.table-head{background:var(--bg-panel);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--border-card);font-size:11px}.cred-code{color:var(--blue);font-weight:500}.detalle-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.detalle-main{flex-direction:column;gap:16px;min-width:0;display:flex}.detalle-summary{flex-direction:column;gap:18px;padding:20px;display:flex}.detalle-summary-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detalle-summary-head>div{flex-direction:column;gap:4px;display:flex}.detalle-code{letter-spacing:-.015em;font-size:22px;font-weight:600}.detalle-factura{color:var(--text-muted);font-size:13px}.detalle-stats{border-top:1px solid var(--border-divider);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:16px;display:grid}.detalle-stats>div{flex-direction:column;gap:4px;display:flex}.detalle-stat-value{font-size:17px;font-weight:600}.detalle-pagos{overflow:hidden}.detalle-pagos-head{border-bottom:1px solid var(--border-card);align-items:center;gap:14px;padding:14px 18px;display:flex}.pago-row{border-bottom:1px solid var(--border-divider);grid-template-columns:60px 1fr 120px 120px 130px;align-items:center;column-gap:12px;padding:11px 18px;font-size:13.5px;display:grid}.pago-row:last-child{border-bottom:none}.mora-exonerar-link{color:var(--status-anulado-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.mora-exonerar-link:disabled{opacity:.5;cursor:default}.detalle-side{flex-direction:column;gap:16px;display:flex}.detalle-actions{flex-direction:column;gap:12px;padding:18px;display:flex}.mc-page{background:var(--bg-panel);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.mc-phone{border-radius:var(--radius-phone);border:1px solid var(--border-outer);background:var(--bg-panel);width:390px;box-shadow:var(--shadow-phone);overflow:hidden}.mc-header{background:var(--navy);flex-direction:column;gap:4px;padding:18px 20px 26px;display:flex}.mc-header-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mc-greeting{color:#fff;font-size:15px;font-weight:600}.mc-bolsa-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-on-navy-muted);font-size:11px}.mc-bolsa-amount{color:#fff;letter-spacing:-.02em;font-size:32px;font-weight:600}.mc-bolsa-caption{color:#b9c9e6;font-size:12.5px}.mc-body{flex-direction:column;gap:14px;margin-top:-14px;padding:16px;display:flex}.mc-empty{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);text-align:center;color:var(--text-muted);padding:24px;font-size:14px}.mc-credit-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex}.mc-credit-head{justify-content:space-between;align-items:center;display:flex}.mc-credit-saldo{flex-direction:column;gap:2px;display:flex}.mc-credit-saldo-label{color:var(--text-muted);font-size:13px}.mc-credit-saldo-value{letter-spacing:-.02em;font-size:34px;font-weight:600}.mc-progress-track{border-radius:var(--radius-pill);background:var(--border-card);height:8px;overflow:hidden}.mc-progress-fill{background:var(--blue);height:100%}.mc-progress-caption{color:var(--text-muted);justify-content:space-between;font-size:12.5px;display:flex}.mc-actions{flex-direction:column;gap:10px;display:flex}.modal-backdrop{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border-radius:var(--radius-panel);width:390px;max-width:100%;box-shadow:var(--shadow-modal);flex-direction:column;gap:14px;padding:22px;display:flex}.modal-title{font-size:17px;font-weight:600}.bandeja-panel{flex-direction:column;display:flex;overflow:hidden}.bandeja-head{border-bottom:1px solid var(--border-card);align-items:center;gap:12px;padding:14px 20px;display:flex}.bandeja-grid{grid-template-columns:340px minmax(0,1fr);gap:18px;padding:20px;display:grid}.bandeja-list{background:var(--bg-panel);border:1px solid var(--border-card);border-radius:var(--radius-card);flex-direction:column;display:flex;overflow:hidden}.bandeja-item{border:none;border-bottom:1px solid var(--border-divider);background:var(--bg-card);cursor:pointer;text-align:left;gap:12px;padding:14px 16px;display:flex}.bandeja-item:last-child{border-bottom:none}.bandeja-item.active{border-left:3px solid var(--blue);background:var(--blue-tint);padding-left:13px}.bandeja-item-thumb{background:var(--border-card);border-radius:10px;flex:none;width:44px;height:44px}.bandeja-item-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bandeja-item-nombre{font-size:14px;font-weight:600}.bandeja-item-detalle{color:var(--text-muted);font-size:12.5px}.bandeja-item-fecha{color:var(--status-mora-text);font-size:12px}.bandeja-detail{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.bandeja-detail-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bandeja-detail-head>div{flex-direction:column;gap:3px;display:flex}.bandeja-detail-title{font-size:19px;font-weight:600}.bandeja-detail-sub{color:var(--text-muted);font-size:13px}.bandeja-image{object-fit:contain;border:1px solid var(--border-card);background:var(--bg-subtle);border-radius:12px;width:100%;height:220px}.bandeja-image-placeholder{border:1px solid var(--border-card);background:repeating-linear-gradient(45deg, var(--bg-subtle), var(--bg-subtle) 8px, var(--border-divider) 8px, var(--border-divider) 16px);height:220px;font-size:12px;font-family:var(--font-mono);color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;display:flex}.bandeja-actions{border-top:1px solid var(--border-divider);gap:10px;padding-top:16px;display:flex}.bandeja-actions button{width:auto;padding-left:22px;padding-right:22px}.bandeja-error{color:var(--status-anulado-text);font-size:13px}.bandeja-motivo-input{border:1px solid var(--border-outer);resize:vertical;border-radius:11px;outline:none;min-height:56px;padding:11px 12px;font-family:inherit;font-size:13.5px}.bandeja-motivo-input:focus{border-color:var(--blue)}.mora-row{border-bottom:1px solid var(--border-divider);grid-template-columns:1.5fr 1fr 1fr 110px;align-items:center;column-gap:12px;padding:12px 18px;font-size:13.5px;display:grid}.mora-row.alt{background:var(--bg-panel)}.mora-head{background:var(--bg-panel);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--border-card);font-size:11px}.mora-eliminar{color:var(--status-anulado-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.mora-eliminar:disabled{opacity:.5;cursor:default}.mora-form-fields{flex-direction:column;gap:12px;display:flex}.mora-field{flex-direction:column;gap:6px;display:flex}.mora-input{border:1px solid var(--border-outer);color:var(--text-primary);background:var(--bg-card);border-radius:11px;outline:none;padding:11px 12px;font-size:14px}.mora-input:focus{border-color:var(--blue)}.mora-error{color:var(--status-anulado-text);font-size:13px}.cliente-row{border-bottom:1px solid var(--border-divider);grid-template-columns:1.6fr 1fr 200px 120px;align-items:center;column-gap:12px;padding:12px 18px;font-size:13.5px;display:grid}.cliente-row.alt{background:var(--bg-panel)}.cliente-head{background:var(--bg-panel);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--border-card);font-size:11px}.cliente-info{flex-direction:column;gap:2px;min-width:0;display:flex}.cliente-nombre{color:var(--text-primary);font-weight:600}.cliente-codigo{color:var(--text-muted);font-size:12px}.cliente-error{color:var(--status-anulado-text);font-size:11.5px}.cliente-select{border:1px solid var(--border-outer);background:var(--bg-card);color:var(--text-primary);border-radius:9px;outline:none;padding:7px 8px;font-size:13px}.cliente-select:focus{border-color:var(--blue)}.cliente-calificacion-input{text-align:center;border:1px solid var(--border-outer);background:var(--bg-card);width:56px;color:var(--text-primary);border-radius:9px;outline:none;margin:0 auto;padding:7px 4px;font-size:13px;display:block}.cliente-calificacion-input:focus{border-color:var(--blue)}.usuario-row{border-bottom:1px solid var(--border-divider);grid-template-columns:1.4fr 1.4fr 260px;align-items:center;column-gap:12px;padding:12px 18px;font-size:13.5px;display:grid}.usuario-row.alt{background:var(--bg-panel)}.usuario-head{background:var(--bg-panel);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--border-card);font-size:11px}.usuario-info{flex-direction:column;gap:2px;min-width:0;display:flex}.usuario-nombre{color:var(--text-primary);font-weight:600}.usuario-sin-nombre{color:var(--text-faint);font-style:italic;font-weight:400}.usuario-codigo{color:var(--text-muted);font-size:12px}.usuario-error{color:var(--status-anulado-text);font-size:11.5px}.usuario-roles{flex-wrap:wrap;gap:6px;display:flex}.usuario-sin-rol{color:var(--text-faint);font-size:12.5px;font-style:italic}.usuario-rol-badge{color:var(--blue);background:var(--blue-tint);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:4px 6px 4px 10px;font-size:12px;font-weight:600;display:inline-flex}.usuario-rol-quitar{color:var(--blue);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.usuario-rol-quitar:hover{opacity:1}.usuario-rol-quitar:disabled{opacity:.4;cursor:default}.usuario-asignar{gap:8px;display:flex}.usuario-select{border:1px solid var(--border-outer);background:var(--bg-card);min-width:0;color:var(--text-primary);border-radius:9px;outline:none;flex:1;padding:7px 8px;font-size:13px}.usuario-select:focus{border-color:var(--blue)}.usuario-select:disabled{opacity:.5}.usuario-asignar-btn{color:#fff;background:var(--blue);cursor:pointer;border:none;border-radius:9px;flex:none;padding:7px 14px;font-size:12.5px;font-weight:600}.usuario-asignar-btn:disabled{opacity:.5;cursor:default}.sc-page{background:var(--bg-panel);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.sc-phone{border-radius:var(--radius-phone);border:1px solid var(--border-outer);background:var(--bg-panel);width:390px;box-shadow:var(--shadow-phone);overflow:hidden}.sc-header{background:var(--navy);align-items:center;gap:12px;padding:16px 20px;display:flex}.sc-header-simple{justify-content:center}.sc-back{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px}.sc-header-title{color:#fff;font-size:15px;font-weight:600}.sc-body{flex-direction:column;gap:16px;padding:20px 18px;display:flex}.sc-copy{color:var(--text-secondary);font-size:15px;line-height:1.5}.sc-camera-box{border:1.5px dashed var(--border-outer);background:repeating-linear-gradient(45deg, var(--bg-subtle), var(--bg-subtle) 8px, var(--border-divider) 8px, var(--border-divider) 16px);cursor:pointer;border-width:0;border-radius:16px;justify-content:center;align-items:center;height:230px;padding:0;display:flex}.sc-camera-placeholder{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:7px 11px}.sc-preview{object-fit:cover;border:1px solid var(--border-card);border-radius:14px;width:100%;height:160px}.sc-field{flex-direction:column;gap:6px;display:flex}.sc-field-label{color:var(--text-secondary);font-size:13px}.sc-amount-input{background:var(--bg-card);border:1.5px solid var(--blue);border-radius:12px;padding:14px}.sc-amount-input input{font-variant-numeric:tabular-nums;width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:20px;font-weight:600}.sc-text-input{border:1px solid var(--border-outer);color:var(--text-primary);background:var(--bg-card);border-radius:12px;outline:none;padding:13px 14px;font-size:14px}.sc-text-input:focus{border-color:var(--blue)}.sc-error{color:var(--status-anulado-text);font-size:13px}.sc-done{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:40px 22px;display:flex}.sc-done-check{border-radius:var(--radius-pill);background:var(--status-completado-bg);width:64px;height:64px;color:var(--status-completado-text);justify-content:center;align-items:center;font-size:28px;display:flex}.sc-done-text{flex-direction:column;gap:8px;display:flex}.sc-done-title{letter-spacing:-.015em;font-size:21px;font-weight:600}.sc-done-copy{color:var(--text-secondary);font-size:15px;line-height:1.55}.sc-done-summary{background:var(--bg-card);border:1px solid var(--border-card);text-align:left;border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:16px;display:flex}.sc-done-row{color:var(--text-muted);justify-content:space-between;font-size:13.5px;display:flex}.sc-done-pill{background:var(--status-mora-bg);color:var(--status-mora-text);border-radius:var(--radius-pill);padding:3px 10px;font-size:12px}.ab-page{background:var(--bg-panel);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.ab-phone{border-radius:var(--radius-phone);border:1px solid var(--border-outer);background:var(--bg-panel);width:390px;box-shadow:var(--shadow-phone);overflow:hidden}.ab-header{background:var(--navy);flex-direction:column;gap:4px;padding:16px 20px 20px;display:flex}.ab-header-top{align-items:center;gap:12px;margin-bottom:6px;display:flex}.ab-back{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px}.ab-header-title{color:#fff;font-size:15px;font-weight:600}.ab-available-label{color:#ffffffa6;font-size:12.5px}.ab-available-amount{color:#fff;letter-spacing:-.02em;font-size:26px;font-weight:700}.ab-body{flex-direction:column;gap:16px;padding:20px 18px;display:flex}.ab-copy{color:var(--text-primary);font-size:14.5px;font-weight:600}.ab-credit-list{flex-direction:column;gap:10px;display:flex}.ab-credit-option{border:1.5px solid var(--border-card);background:var(--bg-card);cursor:pointer;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.ab-credit-option.active{border-color:var(--blue);background:var(--blue-tint)}.ab-credit-option-info{flex-direction:column;gap:3px;display:flex}.ab-credit-code{color:var(--text-primary);font-size:14px;font-weight:600}.ab-credit-saldo{color:var(--text-muted);font-size:12.5px}.ab-radio{border-radius:var(--radius-pill);border:1.5px solid var(--border-outer);color:#fff;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.ab-radio.active{border-color:var(--blue);background:var(--blue)}.ab-field{flex-direction:column;gap:8px;display:flex}.ab-field-label{color:var(--text-secondary);font-size:13px}.ab-amount-input{background:var(--bg-card);border:1.5px solid var(--blue);border-radius:12px;padding:14px}.ab-amount-input input{font-variant-numeric:tabular-nums;width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:20px;font-weight:600}.ab-quick-chip{color:var(--blue);background:var(--blue-tint);border-radius:var(--radius-pill);cursor:pointer;padding:6px 12px;font-size:12.5px;font-weight:600}.ab-summary{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-card);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55}.ab-summary strong{color:var(--text-primary)}.ab-error{color:var(--status-anulado-text);font-size:13px}