:root{--bg:#f7f9fc;--surface:#fff;--surface-2:#f1f5fa;--border:#e7ecf3;--text:#0b1220;--text-muted:#6b7688;--accent:#1d5ff2;--accent-dark:#0d3fc4;--accent-light:#38b6ff;--accent-tint:#eaf2ff;--amber:#b45309;--amber-tint:#fff4e5;--red:#e5484d;--radius:20px;--radius-sm:14px;--shadow-sm:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);--shadow-accent:0 6px 16px rgba(29,95,242,.22);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=oscuro]{--bg:#0b0f16;--surface:#151b26;--surface-2:#1c2431;--border:#2a3242;--text:#eef2f8;--text-muted:#8b95a8;--accent:#4d8bff;--accent-dark:#2f6ae0;--accent-light:#5cc4ff;--accent-tint:#0d1420;--amber:#f0b429;--amber-tint:#3a2a12;--red:#ff6b6f;--shadow-sm:0 1px 2px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.5);--shadow-accent:0 6px 16px rgba(77,139,255,.35)}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button{font-family:inherit}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-top:calc(var(--safe-top) + 96px);padding-bottom:calc(var(--safe-bottom) + 130px)}.header{padding:0 20px 8px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px;font-weight:600}.total-monto{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text)}.total-label{color:var(--text-muted);font-size:14px;margin:4px 0 0}.deudor-summary{margin:14px 20px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px 16px;box-shadow:var(--shadow-sm)}.deudor-summary-row{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:14.5px;border-bottom:1px solid var(--border)}.deudor-summary-row:last-child{border-bottom:none}.deudor-summary-row span:first-child{color:var(--text-muted);font-weight:500;flex:1 1}.deudor-summary-monto{font-weight:700;color:var(--accent-dark)}.compartir-btn{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--accent-dark);display:flex;align-items:center;justify-content:center;cursor:pointer}.tabs-estado{display:flex;gap:6px;padding:16px 20px 8px}.tabs-exportar{display:flex;gap:8px;padding:4px 20px 8px;justify-content:flex-end}.tab{flex:1 1;text-align:center;padding:9px 6px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.tab-icon-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;cursor:pointer}.list{padding:8px 20px 20px;flex-direction:column;gap:10px}.card,.list{display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.card-thumb{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--surface-2);object-fit:cover;flex-shrink:0;cursor:zoom-in}.card-body{flex:1 1;min-width:0}.card-deudor{font-size:15px;font-weight:700;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.card-meta{font-size:12.5px;color:var(--text-muted);margin:0}.card-monto{font-size:16px;color:var(--text)}.card-monto,.pill{font-weight:700;flex-shrink:0}.pill{font-size:10.5px;padding:4px 9px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase}.pill.pendiente{background:var(--amber-tint);color:var(--amber)}.pill.rendido{background:var(--accent-tint);color:var(--accent-dark)}.pill.pagado{background:#e7f7ee;color:#157347}.empty{padding:60px 20px;text-align:center;color:var(--text-muted)}.empty h3{color:var(--text);margin:0 0 6px}.fab{position:relative;margin:0;width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,var(--accent-dark),var(--accent-light));color:#fff;border:none;justify-content:center;box-shadow:0 10px 24px rgba(29,95,242,.35);cursor:pointer}.fab,.fab-bar{display:flex;align-items:center}.fab-bar{position:fixed;left:0;right:0;bottom:0;flex-direction:column;gap:4px;padding-top:14px;padding-bottom:var(--safe-bottom);background:var(--bg);z-index:20}.fab:active{transform:scale(.95)}.brand-header{position:fixed;top:calc(var(--safe-top) + 10px);left:20px;display:flex;align-items:center;gap:12px;z-index:15}.brand-icon{width:52px;height:52px;border-radius:14px;box-shadow:var(--shadow-sm)}.brand-wordmark{font-family:Space Grotesk,-apple-system,sans-serif;font-size:25px;font-weight:700;color:var(--text);letter-spacing:-.01em}.brand-wordmark-accent{color:var(--accent-dark)}.menu-btn{position:fixed;top:calc(var(--safe-top) + 28px);right:20px;width:40px;height:40px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);z-index:25;box-shadow:var(--shadow-sm);cursor:pointer}.menu-overlay{position:fixed;inset:0;z-index:24}.menu-dropdown{position:fixed;top:calc(var(--safe-top) + 74px);right:20px;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 30px rgba(11,18,32,.15);z-index:26;padding:8px;max-height:calc(100dvh - var(--safe-top) - 92px);overflow-y:auto}.menu-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:10px 10px 4px;font-weight:700}.menu-option{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;font-size:14px;color:var(--text);cursor:pointer}.menu-option.selected{background:var(--accent-tint);color:var(--accent-dark);font-weight:700}.menu-account-email{padding:4px 10px 8px;color:var(--text);font-size:13px;overflow-wrap:anywhere}.menu-avatar-row,.menu-signout{width:100%;border:0;background:transparent;font:inherit;text-align:left}.menu-avatar-row{display:flex;align-items:center;gap:10px;padding:4px 10px 8px;cursor:pointer}.menu-avatar-row .menu-account-email{padding:0}.menu-avatar-circle{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.menu-avatar-emoji{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.avatar-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:16px 0 20px}.avatar-picker-option{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;font:inherit;color:var(--text);font-size:12px;cursor:pointer}.avatar-picker-circle{width:52px;height:52px;border-radius:50%}.avatar-picker-icon{background:var(--surface-2)}.avatar-picker-emoji,.avatar-picker-icon{display:flex;align-items:center;justify-content:center;font-size:22px}.avatar-picker-emoji{font-weight:700;color:#fff}.rating-stars{display:flex;justify-content:center;gap:6px;margin:6px 0 20px}.rating-star-btn{border:0;background:transparent;font-size:32px;line-height:1;color:var(--surface-2);cursor:pointer;padding:2px}.rating-star-btn:active,.rating-star-btn:hover{color:#f5b301}.auth-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:var(--bg);color:var(--text);text-align:center}.auth-logo{width:72px;height:72px;border-radius:18px}.auth-google-btn{margin-top:10px;border:1px solid var(--border);border-radius:12px;padding:12px 18px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font:inherit;font-weight:700;cursor:pointer}:root[data-theme=oscuro] .menu-option.selected{color:var(--accent-light)}.app-footer{text-align:center;font-size:11px;color:#a8b0bd;margin:14px 0 4px}.app-footer-logo{height:34px;width:auto;margin:0}.modal-overlay{position:fixed;inset:0;background:rgba(11,18,32,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0 16px calc(var(--safe-bottom) + 16px)}.modal-card{width:100%;max-width:420px;background:var(--surface);border-radius:24px;padding:24px 20px 20px;box-shadow:0 20px 40px rgba(11,18,32,.2);text-align:center}.modal-icon{width:48px;height:48px;border-radius:14px;margin:0 auto 14px;display:block}.modal-title{font-size:16px;font-weight:700;margin:0 0 6px;color:var(--text)}.modal-body{font-size:14px;color:var(--text-muted);margin:0 0 20px;line-height:1.4}.modal-actions{display:flex;gap:10px}.modal-btn{flex:1 1;padding:13px;border-radius:var(--radius-sm);border:none;font-size:14.5px;font-weight:700;cursor:pointer}.modal-btn.cancel{background:var(--surface-2);color:var(--text)}.modal-btn.danger{background:var(--red);color:#fff}.modal-deudor-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.modal-deudor-list .chip{width:100%;text-align:center}.card-swipe-wrap{position:relative;border-radius:var(--radius);overflow:hidden}.card-swipe-actions{position:absolute;top:0;right:0;bottom:0;display:flex}.swipe-btn{flex:1 1;display:flex;align-items:center;justify-content:center;border:none;color:#fff;cursor:pointer}.swipe-btn-volver{background:var(--accent)}.swipe-btn-borrar{background:var(--red)}.card-swipe{position:relative;transition:transform .2s ease;touch-action:pan-y}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:90;padding:20px}.lightbox-overlay img{max-width:100%;max-height:100%;border-radius:12px}.chip:disabled,.primary-btn:disabled{opacity:.35;cursor:not-allowed}.chip-edit-wrap{position:relative;display:inline-block}.chip-delete-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);cursor:pointer}.edit-link{font-size:12.5px;color:var(--accent);font-weight:600;cursor:pointer}.capture-shell{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-top:calc(var(--safe-top) + 16px);padding-bottom:calc(var(--safe-bottom) + 24px);padding-left:20px;padding-right:20px}.topbar{gap:12px;margin-bottom:20px}.back-btn,.topbar{display:flex;align-items:center}.back-btn{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);justify-content:center;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm)}.topbar h1{font-size:17px;margin:0;font-weight:700}.capture-zone{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1.5px dashed var(--border);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;cursor:pointer}.capture-zone img{width:100%;height:100%;object-fit:cover}.capture-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);padding:24px;text-align:center}.capture-placeholder span{font-size:14px}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px 2px rgba(29,95,242,.5);animation:scan 1.6s ease-in-out infinite}@keyframes scan{0%{top:4%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:94%;opacity:0}}.scan-status{position:absolute;bottom:14px;left:14px;right:14px;background:rgba(11,18,32,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-sm);padding:8px 12px;font-size:12.5px;color:#fff}.ocr-engine-badge,.scan-status{display:flex;align-items:center;gap:8px}.ocr-engine-badge{width:-moz-fit-content;width:fit-content;margin-bottom:14px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:12px;font-weight:700}.ocr-engine-badge.remote{border-color:rgba(29,95,242,.25);background:rgba(29,95,242,.08);color:var(--accent)}.ocr-engine-badge .dot{animation:none}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent-light);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.form-section{margin-top:24px;display:flex;flex-direction:column;gap:20px}.field label{display:block;font-size:12.5px;color:var(--text-muted);margin-bottom:8px;font-weight:500}.monto-input-wrap{display:flex;align-items:baseline;gap:6px;border-bottom:2px solid var(--border);padding-bottom:10px}.monto-input-wrap span{font-size:24px;color:var(--text-muted)}.monto-input{background:transparent;border:none;outline:none;color:var(--text);font-size:34px;font-weight:700;width:100%}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 15px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer}.chip.selected{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;box-shadow:var(--shadow-accent)}.chip.add{color:var(--text-muted);border-style:dashed}.chip.sugerido{border-color:var(--accent);border-style:dashed;color:var(--accent-dark)}.text-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text);font-size:15px;outline:none}.text-input:focus{border-color:var(--accent)}.primary-btn{margin-top:8px;width:100%;padding:16px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--accent-dark),var(--accent-light));color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-accent)}.primary-btn:disabled{opacity:.35;box-shadow:none}.hint{font-size:12.5px;text-align:center}.hint,.ticket-confirm{color:var(--text-muted)}.ticket-confirm{flex-shrink:0;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer}.ticket-confirm.confirmado{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-dark)}.capture-choice-row{display:flex;gap:12px;width:100%;padding:24px}.choice-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;border-radius:var(--radius-sm);border:1.5px dashed var(--border);background:var(--surface);color:var(--text);cursor:pointer}.choice-btn span{font-size:13px;font-weight:600;text-align:center}.pdf-preview-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;color:var(--text)}.pdf-preview-card span{font-size:13.5px;font-weight:600;text-align:center;word-break:break-all;padding:0 12px}.brand-header,.menu-btn{transition:transform .25s ease,opacity .25s ease}.brand-header.oculto,.menu-btn.oculto{transform:translateY(-140%);opacity:0;pointer-events:none}.pdf-step-title{font-size:12.5px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}.estado-matrix{margin:14px 20px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-sm);overflow-x:auto}.matrix-header-row,.matrix-row{display:flex;align-items:center;gap:6px}.matrix-header-row{padding:0 0 8px}.matrix-row{padding:10px 0;border-top:1px solid var(--border)}.matrix-row:first-of-type{border-top:none}.matrix-name,.matrix-name-spacer{flex:0 0 76px}.matrix-name{font-weight:700;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrix-chip-label{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.matrix-chip,.matrix-chip-label{flex:1 1;font-weight:700;text-align:center}.matrix-chip{font-size:13px;padding:6px 4px;border-radius:10px;white-space:nowrap}.chip-pendiente{background:var(--amber-tint);color:var(--amber)}.chip-rendido{background:var(--accent-tint);color:var(--accent-dark)}.chip-pagado{background:#e7f7ee;color:#157347}.card-desktop-actions,.list-columns{display:none}.archivo-thumb{display:flex;align-items:center;justify-content:center;color:var(--accent-dark)}.desktop-nav,.main-content,.summary-zone{display:contents}.detail-panel{display:none}@media (min-width:768px) and (max-width:1023px){body{background:var(--bg)}.app-shell,.capture-shell{max-width:700px;margin:28px auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 16px 40px rgba(11,18,32,.07);padding-left:0;padding-right:0;min-height:auto;position:relative}.brand-header,.menu-btn{position:absolute}.brand-header.oculto,.menu-btn.oculto{transform:none;opacity:1;pointer-events:auto}.menu-dropdown{position:absolute}.header{padding:26px 32px 14px;border-bottom:1px solid var(--border)}.deudor-summary,.estado-matrix{margin:16px 32px 0}.tabs{padding:10px 32px 0}.list-columns{display:flex;align-items:center;gap:12px;padding:14px 32px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.list-columns .col-thumb{width:40px;flex-shrink:0}.list-columns .col-info{flex:1 1}.list-columns .col-monto{width:90px;text-align:right}.list-columns .col-estado{width:76px;text-align:center}.list-columns .col-acciones{width:76px;text-align:right}.list{padding:0 32px 8px}.card{border:none;box-shadow:none;padding:12px 4px}.card,.card-swipe-wrap{border-bottom:1px solid var(--border);border-radius:0}.card-swipe{border-radius:0;box-shadow:none;padding:12px 4px}.card-desktop-actions{display:flex;gap:6px}.card-desktop-actions button{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;cursor:pointer}.card-desktop-actions button:hover{background:var(--accent-tint)}.card-desktop-actions button.borrar{color:var(--red)}.card-desktop-actions button.borrar:hover{background:#fdeceb}.fab{margin:20px auto 0}.app-footer{padding-bottom:24px}.form-section{padding:0 32px 32px}.capture-zone{margin:0 32px;width:calc(100% - 64px)}.topbar{padding:24px 32px 0}body{background:radial-gradient(circle at 12% 8%,rgba(29,95,242,.1),transparent 28%),radial-gradient(circle at 88% 18%,rgba(56,182,255,.08),transparent 25%),var(--bg)}.app-shell{width:calc(100% - 64px);max-width:1380px;grid-template-columns:236px minmax(0,1fr);gap:0;min-height:calc(100vh - 64px);margin:32px auto;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(11,18,32,.11)}.app-shell.detalle-abierto{grid-template-columns:236px minmax(0,1fr) 360px}.header{min-height:190px;padding:112px 36px 24px;gap:14px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 15%,rgba(56,182,255,.16),transparent 24%),linear-gradient(135deg,rgba(29,95,242,.07),transparent 46%)}.header:after{content:"";position:absolute;right:40px;bottom:-74px;width:240px;height:150px;border:28px solid rgba(29,95,242,.055);border-radius:50%;transform:rotate(-12deg);pointer-events:none}.header .eyebrow{padding:7px 10px;border-radius:999px;background:var(--accent-tint);color:var(--accent-dark);letter-spacing:.07em}.header .total-monto{font-size:46px;letter-spacing:-.045em;position:relative;z-index:1}.header .total-label{font-size:15px;position:relative;z-index:1}.brand-header{top:28px;left:36px}.brand-icon{width:58px;height:58px;border-radius:17px;box-shadow:0 10px 24px rgba(11,18,32,.1)}.brand-wordmark{font-size:29px}.menu-btn{top:34px;right:36px;width:44px;height:44px;border-radius:14px}.summary-zone{padding:22px 28px 24px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border-bottom:1px solid var(--border)}.summary-zone .deudor-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.summary-zone .deudor-summary-row{min-width:0;padding:15px 16px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-sm)}.summary-zone .deudor-summary-row:last-child{border-bottom:1px solid var(--border)}.summary-zone .estado-matrix{margin:0}.desktop-nav{padding:24px 18px;gap:5px;background:color-mix(in srgb,var(--surface-2) 72%,var(--surface));border-right:1px solid var(--border)}.tab{min-height:44px;display:flex;align-items:center;font-size:13.5px;padding:11px 14px}.tab.active{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);box-shadow:0 8px 22px rgba(29,95,242,.1)}.tab-icon-btn{min-height:42px;background:transparent;border-color:transparent}.tab-icon-btn:hover{background:var(--surface);border-color:var(--border)}.main-content{min-width:0;min-height:560px;padding:26px 32px 110px;background:var(--surface)}.list-columns{padding:0 16px 12px;margin-bottom:10px}.list{gap:10px}.card,.card-swipe-wrap{border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 3px 10px rgba(11,18,32,.035)}.card{min-height:70px;padding:13px 16px}.card-swipe-wrap{overflow:hidden}.card-swipe{border:0;border-radius:15px;padding:13px 16px}.card-swipe-wrap:hover .card-swipe,.card:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));box-shadow:0 9px 26px rgba(11,18,32,.07);transform:translateY(-1px)}.card-thumb{width:42px;height:42px;border-radius:12px}.card-monto{width:104px;text-align:right;font-size:15px}.pill{min-width:84px;text-align:center}.card-desktop-actions{width:76px;justify-content:flex-end}.fab-bar{right:34px;bottom:28px}.fab{width:62px;height:62px;box-shadow:0 14px 30px rgba(29,95,242,.3)}}@media (min-width:1024px){body{background:var(--bg)}.app-shell{display:grid;grid-template-columns:220px 1fr;grid-template-areas:"header header" "summary summary" "nav main";align-items:start;grid-gap:0 32px;gap:0 32px;max-width:1200px;margin:36px auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 60px rgba(11,18,32,.08);position:relative;min-height:760px;padding-bottom:28px}.app-shell.detalle-abierto{grid-template-columns:220px 1fr 360px;grid-template-areas:"header header header" "summary summary summary" "nav main detail"}.capture-shell{max-width:640px;margin:36px auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 60px rgba(11,18,32,.08);padding-left:0;padding-right:0;min-height:auto;position:relative}.brand-header,.menu-btn{position:absolute;top:24px}.brand-header{left:28px}.brand-icon{width:64px;height:64px;border-radius:18px}.brand-wordmark{font-size:28px}.menu-btn{right:28px}.brand-header.oculto,.menu-btn.oculto{transform:none;opacity:1;pointer-events:auto}.menu-dropdown{position:absolute;top:72px;right:28px}.header{grid-area:header;grid-column:1/-1;width:100%;box-sizing:border-box;padding:28px 32px 16px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.header .eyebrow{margin:0;flex-shrink:0}.header .total-label,.header .total-monto{margin:0}.summary-zone{display:block;grid-area:summary;grid-column:1/-1;width:100%;box-sizing:border-box;padding:18px 32px 4px}.estado-matrix{padding:20px}.matrix-header-row,.matrix-row{display:flex;align-items:center;gap:8px}.matrix-header-row{padding:0 0 10px}.matrix-row{padding:14px 0;border-top:1px solid var(--border)}.matrix-row:first-of-type{border-top:none}.matrix-name,.matrix-name-spacer{flex:0 0 120px}.matrix-name{font-weight:700;font-size:26px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrix-chip-label{font-size:15px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.matrix-chip,.matrix-chip-label{flex:1 1;font-weight:700;text-align:center}.matrix-chip{font-size:26px;padding:10px 6px;border-radius:12px}.chip-pendiente{background:var(--amber-tint);color:var(--amber)}.chip-rendido{background:var(--accent-tint);color:var(--accent-dark)}.chip-pagado{background:#e7f7ee;color:#157347}.deudor-summary{padding:4px 20px}.deudor-summary-row{padding:14px 0;font-size:16px}.desktop-nav{grid-area:nav;padding:20px 16px;border-right:1px solid var(--border);height:100%}.desktop-nav,.tabs-estado,.tabs-exportar{display:flex;flex-direction:column;align-items:stretch;gap:4px}.tabs-estado,.tabs-exportar{padding:0}.tabs-exportar{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.tab{text-align:left;border-radius:10px;border:none;padding:10px 14px;width:100%}.tab.active{background:var(--accent-tint);color:var(--accent-dark);border-bottom:none;box-shadow:none;border-left:3px solid var(--accent);padding-left:11px}.tab-icon-btn{margin:0;width:100%;height:auto;border-radius:10px;justify-content:flex-start;padding:10px 14px;gap:8px}.tab-icon-btn:after{content:"Exportar PDF";font-size:13px;font-weight:600}.tabs-exportar .tab-icon-btn:last-child:after{content:"Exportar Excel"}.main-content{display:flex;flex-direction:column;grid-area:main;position:relative;min-height:500px;padding:20px 32px 90px}.list-columns{display:flex;align-items:center;gap:12px;padding:4px 4px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:4px}.list-columns .col-thumb{width:40px;flex-shrink:0}.list-columns .col-info{flex:1 1}.list-columns .col-monto{width:90px;text-align:right}.list-columns .col-estado{width:76px;text-align:center}.list-columns .col-acciones{width:76px;text-align:right}.list{padding:0;display:flex;flex-direction:column;gap:0}.card{border:none;box-shadow:none;padding:12px 4px;cursor:pointer}.card,.card-swipe-wrap{border-bottom:1px solid var(--border);border-radius:0}.card-swipe{border-radius:0;box-shadow:none;padding:12px 4px;cursor:pointer}.card-swipe-wrap:hover .card-swipe,.card:hover{background:var(--surface-2)}.card-thumb{width:36px;height:36px;cursor:zoom-in}.card-desktop-actions{display:flex;gap:6px;flex-shrink:0}.card-desktop-actions button{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;cursor:pointer}.card-desktop-actions button:hover{background:var(--accent-tint)}.card-desktop-actions button.borrar{color:var(--red)}.card-desktop-actions button.borrar:hover{background:#fdeceb}.empty{padding:60px 4px}.fab-bar{position:absolute;left:auto;right:32px;bottom:24px;display:block;padding:0;background:transparent}.fab{position:relative;margin:0}.app-footer,.app-footer-logo{display:none}.detail-panel{grid-area:detail;display:block;padding:24px 28px;border-left:1px solid var(--border)}.detail-panel-thumb{width:100%;aspect-ratio:4/3;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2);margin-bottom:16px}.detail-panel-close{float:right;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.detail-panel-nota{font-size:13.5px;color:var(--text-muted);margin:4px 0 16px}.detail-panel .card-monto{font-size:26px;display:block;margin:12px 0}.detail-panel .card-desktop-actions{display:flex;margin-top:18px}.detail-panel .card-desktop-actions button{width:auto;border-radius:999px;padding:8px 14px;gap:6px;font-size:13px;font-weight:600}.form-section{padding:0 32px 32px}.capture-zone{margin:0 32px;width:calc(100% - 64px)}.topbar{padding:24px 32px 0}}@media (min-width:1440px){.app-shell{max-width:1360px;grid-template-columns:240px 1fr}.app-shell.detalle-abierto{grid-template-columns:240px 1fr 420px}.detail-panel{padding:28px 36px}.main-content{padding-left:40px;padding-right:40px}}.tutorial-portada{text-align:center;padding:8px 4px 24px}.tutorial-portada h2{font-size:22px;margin:8px 0 6px}.tutorial-subtitulo{color:var(--text-muted);font-size:14.5px;margin:0 0 20px}.tutorial-secciones{display:flex;flex-direction:column;gap:6px;margin-top:24px;text-align:left}.tutorial-paso{padding:4px 2px 24px}.tutorial-progreso{text-align:center}.tutorial-paso h2{font-size:19px;margin:0 0 10px;text-align:center}.tutorial-texto{color:var(--text);font-size:15px;line-height:1.5;text-align:center;margin:0 0 20px}.tutorial-imagen-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;margin:0 0 24px}.tutorial-imagen-card img{display:block;width:100%;height:auto;aspect-ratio:323/700;max-height:52vh;object-fit:contain;margin:0 auto}.tutorial-indicador{position:absolute;width:28px;height:28px;border-radius:50%;border:2px solid var(--accent-dark);transform:translate(-50%,-50%);animation:tutorial-pulso 1.6s ease-out infinite}@keyframes tutorial-pulso{0%{box-shadow:0 0 0 0 rgba(13,63,196,.45)}to{box-shadow:0 0 0 16px rgba(13,63,196,0)}}.tutorial-nav{display:flex;gap:10px;position:-webkit-sticky;position:sticky;bottom:12px;background:var(--bg);padding-top:8px}.tutorial-siguiente{background:linear-gradient(135deg,var(--accent-dark),var(--accent-light));color:#fff}.landing-shell{width:100%;height:100dvh;overflow:hidden;background:#fff}.landing-frame{display:block;width:100%;height:100%;border:0}.desktop-deudor-bar,.desktop-list-heading,.desktop-overview,.desktop-summary-title{display:none}@media (min-width:1024px){body{background:radial-gradient(circle at 18% 8%,rgba(29,95,242,.08),transparent 27%),radial-gradient(circle at 88% 0,rgba(56,182,255,.07),transparent 24%),#f4f7fb}.app-shell{width:calc(100% - 48px);max-width:1440px;min-height:calc(100vh - 48px);margin:24px auto;padding:0;display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"sidebar overview" "sidebar summary" "sidebar main";grid-gap:18px 22px;gap:18px 22px;align-items:stretch;overflow:hidden;border:1px solid rgba(213,222,235,.9);border-radius:26px;background:#f6f9fd;box-shadow:0 28px 80px rgba(15,35,70,.12)}.app-shell.detalle-abierto{grid-template-columns:224px minmax(0,1fr) 350px;grid-template-areas:"sidebar overview overview" "sidebar summary detail" "sidebar main detail"}.brand-header{top:24px;left:22px;z-index:8}.brand-icon{width:48px;height:48px;border-radius:15px;box-shadow:0 8px 22px rgba(29,95,242,.13)}.brand-wordmark{font-size:24px;letter-spacing:-.035em}.menu-btn{top:24px;right:24px;z-index:12;width:42px;height:42px;background:hsla(0,0%,100%,.92);box-shadow:0 5px 16px rgba(15,35,70,.08)}.header{display:none}.desktop-overview{grid-area:overview;display:block;min-width:0;padding:28px 78px 0 0}.desktop-overview-heading{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.desktop-overview-heading h1{margin:0;font-size:clamp(26px,2.2vw,34px);line-height:1.08;letter-spacing:-.045em}.desktop-overview-heading>div>p:last-child{margin:7px 0 0;color:var(--text-muted);font-size:13.5px}.desktop-kicker{margin:0 0 6px;color:var(--accent-dark);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.desktop-primary-action{min-width:168px;height:46px;padding:0 18px;border:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0d56e8,#1976ff);color:#fff;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 12px 24px rgba(29,95,242,.24);transition:transform .16s ease,box-shadow .16s ease}.desktop-primary-action:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(29,95,242,.3)}.desktop-primary-action span{font-size:22px;font-weight:400;line-height:1}.desktop-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.desktop-kpi-card{min-width:0;min-height:110px;padding:18px;display:flex;align-items:flex-start;gap:13px;text-align:left;color:var(--text);background:hsla(0,0%,100%,.96);border:1px solid #e1e8f2;border-radius:17px;box-shadow:0 5px 18px rgba(15,35,70,.055);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.desktop-kpi-card:hover{transform:translateY(-2px);border-color:#b9cff8;box-shadow:0 12px 28px rgba(15,35,70,.09)}.desktop-kpi-card.active{border-color:rgba(29,95,242,.55);box-shadow:0 12px 30px rgba(29,95,242,.13)}.desktop-kpi-card.active.pendiente{background:linear-gradient(145deg,#fff 10%,#edf4ff)}.desktop-kpi-icon,.desktop-section-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--accent-dark);background:#e8f1ff}.desktop-kpi-icon{width:38px;height:38px;border-radius:12px;font-size:18px;font-weight:800}.desktop-kpi-card.pagado .desktop-kpi-icon{color:#138153;background:#e5f8ef}.desktop-kpi-copy{display:flex;min-width:0;flex-direction:column}.desktop-kpi-label{color:var(--text-muted);font-size:12px;font-weight:700;margin-bottom:5px}.desktop-kpi-copy strong{overflow:hidden;text-overflow:ellipsis;font-size:clamp(19px,1.7vw,26px);line-height:1.15;letter-spacing:-.045em}.desktop-kpi-copy small{margin-top:5px;color:var(--text-muted);font-size:11px}.desktop-nav{grid-area:sidebar;grid-row:1/-1;min-height:calc(100vh - 48px);padding:100px 16px 24px;display:flex;background:hsla(0,0%,100%,.92);border-right:1px solid #e3eaf3}.tabs-estado{gap:7px}.tab{min-height:45px;padding:11px 14px;border-radius:12px;color:#68758a;font-size:13.5px;font-weight:650;transition:background .15s ease,color .15s ease,transform .15s ease}.tab:hover{background:#f2f6fc;transform:translateX(2px)}.tab.active,.tab:hover{color:var(--accent-dark)}.tab.active{padding-left:14px;border:0;border-left:3px solid var(--accent);background:linear-gradient(90deg,#e8f1ff,#f2f6fd);box-shadow:none}.tabs-exportar{margin-top:20px;padding-top:18px}.tab-icon-btn{min-height:42px;border:1px solid #e2e9f2;background:#fff}.summary-zone{grid-area:summary;margin-right:22px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;grid-gap:20px;gap:20px;border:1px solid #e1e8f2;border-radius:18px;background:hsla(0,0%,100%,.97);box-shadow:0 5px 18px rgba(15,35,70,.05)}.desktop-summary-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf1f6;padding-bottom:16px}.desktop-list-heading>div,.desktop-summary-title>div:first-child{display:flex;align-items:center;gap:11px}.desktop-section-icon{width:34px;height:34px;border-radius:11px;font-size:16px}.desktop-list-heading h2,.desktop-summary-title h2{margin:0;font-size:16px;letter-spacing:-.02em}.desktop-list-heading p,.desktop-summary-title p{margin:3px 0 0;color:var(--text-muted);font-size:11.5px}.desktop-status-donut{position:relative;width:76px;height:76px;border-radius:50%;flex:0 0 auto}.desktop-status-donut:after{content:"";position:absolute;inset:10px;border-radius:inherit;background:#fff}.desktop-status-donut>span{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.desktop-status-donut strong{max-width:58px;overflow:hidden;font-size:9px;text-overflow:ellipsis}.desktop-status-donut small{margin-top:2px;color:var(--text-muted);font-size:8px}.summary-zone .deudor-summary{grid-column:1;display:flex;flex-direction:column;gap:14px;margin:0;padding:0}.summary-zone .deudor-summary-row{min-width:0;padding:0;display:grid;grid-template-columns:minmax(100px,.28fr) minmax(140px,1fr) 110px 32px;grid-gap:13px;gap:13px;align-items:center;border:0;background:transparent;box-shadow:none}.summary-zone .deudor-summary-row:last-child{border:0}.deudor-summary-name{min-width:0;overflow:hidden;color:var(--text)!important;font-weight:650!important;text-overflow:ellipsis;white-space:nowrap}.desktop-deudor-bar{display:block;height:10px;overflow:hidden;border-radius:999px;background:#e9eef5}.desktop-deudor-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b72f4,#65a7ff)}.deudor-summary-monto{text-align:right}.summary-zone .estado-matrix{grid-column:1/-1;margin:0;padding:0}.main-content{grid-area:main;min-width:0;min-height:360px;margin:0 22px 22px 0;padding:0 20px 90px;overflow:hidden;border:1px solid #e1e8f2;border-radius:18px;background:hsla(0,0%,100%,.98);box-shadow:0 5px 18px rgba(15,35,70,.05)}.desktop-list-heading{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6}.desktop-list-status{padding:6px 10px;border-radius:999px;color:#64748b;background:#f3f6fa;font-size:10px;font-weight:700}.list-columns{min-height:38px;margin:0;padding:12px 8px 8px;border-bottom:1px solid #edf1f6}.list{gap:0}.card,.card-swipe{min-height:64px;padding:11px 8px;background:#fff;transition:background .15s ease,transform .15s ease}.card,.card-swipe,.card-swipe-wrap{border:0;border-bottom:1px solid #edf1f6;border-radius:0;box-shadow:none}.card-swipe-wrap:hover .card-swipe,.card:hover{z-index:1;border-color:#dce8fb;background:linear-gradient(90deg,#f8fbff,#fff);box-shadow:inset 3px 0 0 var(--accent);transform:none}.card-thumb{width:38px;height:38px;border-radius:12px;color:var(--accent-dark);background:#edf4ff}.card-deudor{font-size:14px;font-weight:720}.card-meta{margin-top:3px;font-size:11.5px}.card-monto{width:104px;font-size:14px;font-weight:750}.pill{min-width:78px;padding:6px 8px;border-radius:999px;font-size:9.5px;font-weight:800}.card-desktop-actions button{width:30px;height:30px;background:#f5f8fc;transition:transform .15s ease,background .15s ease}.card-desktop-actions button:hover{transform:translateY(-1px)}.fab-bar{display:none}.detail-panel{grid-area:detail;margin:0 22px 22px 0;border:1px solid #e1e8f2;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(15,35,70,.05)}}@media (min-width:1024px) and (max-width:1180px){.app-shell{width:calc(100% - 24px);margin:12px auto;grid-template-columns:190px minmax(0,1fr)}.desktop-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-overview{padding-right:68px}.summary-zone{grid-template-columns:1fr}.desktop-status-donut{display:none}}