*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f3ee;--surface:#fff;--surface2:#edeae3;--border:#d8d4cc;--text:#1a1814;--text-muted:#7a766e;--text-light:#b0aba2;--accent:#2d5a3d;--accent-light:#e8f0eb;--accent-text:#1e3d2a;--danger:#c0392b;--danger-light:#fdeeec;--warning:#d4820a;--warning-light:#fef5e7;--income:#2d5a3d;--income-light:#e8f0eb;--expense:#8b3a2a;--expense-light:#faeae7;--radius:14px;--radius-sm:8px;--shadow:0 2px 12px #0000000f;--shadow-lg:0 8px 32px #0000001a;--font-display:"DM Serif Display",serif;--font-body:"DM Sans",sans-serif}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.5}#auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:.5px solid var(--border);border-radius:24px;padding:3rem 2.5rem 2.5rem}.auth-logo{font-family:var(--font-display);color:var(--accent);margin-bottom:.25rem;font-size:2rem}.auth-subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:13px;font-weight:300}.field-group{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--text);background:var(--bg);outline:none;padding:.75rem 1rem;font-size:15px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2d5a3d1f}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);cursor:pointer;border:none;padding:.85rem;font-size:15px;font-weight:500;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--accent-text)}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-msg{background:var(--danger-light);color:var(--danger);border-radius:var(--radius-sm);border:.5px solid #f0c0bb;margin-bottom:1rem;padding:.65rem 1rem;font-size:13px;display:none}.success-msg{background:var(--income-light);color:var(--income);border-radius:var(--radius-sm);border:.5px solid #a8d4b8;margin-top:.75rem;padding:.65rem 1rem;font-size:13px;line-height:1.5;display:none}.btn-olvide{width:100%;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:.75rem;padding:.6rem;font-size:13px;text-decoration:underline;transition:color .15s}.btn-olvide:hover{color:var(--accent)}.auth-toggle-btn{font-family:var(--font-body);cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:100px;flex:1;padding:.55rem;font-size:13.5px;font-weight:500;transition:all .2s}.auth-toggle-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000001a}#app-screen{min-height:100vh;display:none}.topbar{background:var(--surface);border-bottom:.5px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-logo{font-family:var(--font-display);color:var(--accent);font-size:1.3rem}.topbar-user{align-items:center;gap:.75rem;display:flex}.user-avatar{background:var(--accent-light);width:32px;height:32px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.btn-logout{font-family:var(--font-body);color:var(--text-muted);border:.5px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:13px;transition:all .15s}.btn-logout:hover{background:var(--surface2);color:var(--text)}.nav-tabs{background:var(--surface);border-bottom:.5px solid var(--border);scrollbar-width:none;padding:0 .5rem;display:flex;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;font-size:13.5px;font-weight:400;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:.85rem 1rem;transition:all .15s}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.main{max-width:680px;margin:0 auto;padding:1.5rem}.tab-content{display:none}.tab-content.active{display:block}.balance-card{background:var(--accent);color:#fff;border-radius:20px;margin-bottom:1.5rem;padding:2rem;position:relative;overflow:hidden}.balance-card:before{content:"";background:#ffffff0f;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.balance-card:after{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:40px}.balance-label{letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-bottom:.5rem;font-size:12px;font-weight:500}.balance-amount{font-family:var(--font-display);letter-spacing:-1px;word-break:break-word;margin-bottom:1.5rem;font-size:clamp(1.5rem,7vw,2.8rem);line-height:1.1}.balance-row{z-index:1;grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:relative}.balance-mini{background:#ffffff1f;border-radius:10px;min-width:0;padding:.75rem 1rem}.balance-mini-label{letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:4px;font-size:11px;font-weight:500}.balance-mini-amount{word-break:break-word;font-size:clamp(.85rem,3.5vw,1.2rem);font-weight:600}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem;font-size:12px;font-weight:600}.form-card{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.form-card h2{font-family:var(--font-display);color:var(--text);margin-bottom:1.25rem;font-size:1.3rem;font-style:italic}.form-grid{gap:1rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-field select,.form-field input[type=number],.form-field input[type=text],.form-field input[type=date]{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--text);background:var(--bg);appearance:none;outline:none;padding:.7rem .9rem;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237A766E' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-field select:focus,.form-field input[type=text]:focus,.form-field input[type=number]:focus,.form-field input[type=date]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2d5a3d1a}.cuotas-hint{color:var(--accent);min-height:18px;margin-top:5px;font-size:12px;font-weight:500}.mes-contable-hint{color:var(--warning);min-height:18px;margin-top:5px;font-size:12px;font-weight:500}.btn-submit{border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);cursor:pointer;border:none;margin-top:.5rem;padding:.85rem;font-size:15px;font-weight:500;transition:all .2s}.btn-submit.expense{background:var(--expense);color:#fff}.btn-submit.expense:hover{background:#7a3224}.btn-submit.income{background:var(--income);color:#fff}.btn-submit.income:hover{background:var(--accent-text)}.btn-submit:active{transform:scale(.99)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.success-toast{background:var(--text);color:#fff;z-index:999;white-space:nowrap;border-radius:100px;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(80px)}.success-toast.show{transform:translate(-50%)translateY(0)}.movements-list{flex-direction:column;gap:.5rem;display:flex}.movement-item{background:var(--surface);border-radius:var(--radius-sm);border:.5px solid var(--border);align-items:flex-start;gap:.9rem;padding:.9rem 1.1rem;transition:box-shadow .15s;display:flex}.movement-item:hover{box-shadow:var(--shadow)}.movement-actions{opacity:0;flex-shrink:0;gap:.4rem;margin-top:2px;transition:opacity .15s;display:flex}.movement-item:hover .movement-actions{opacity:1}.edited-tag{background:var(--surface2);color:var(--text-muted);vertical-align:middle;border-radius:100px;margin-left:5px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-block}.movement-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:2px;font-size:17px;display:flex}.movement-icon.gasto{background:var(--expense-light)}.movement-icon.ingreso{background:var(--income-light)}.movement-info{flex:1;min-width:0}.movement-category{color:var(--text);font-size:14px;font-weight:500}.movement-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.movement-notes{color:var(--text-muted);margin-top:3px;font-size:12px;font-style:italic;line-height:1.4}.movement-amount{flex-shrink:0;margin-top:2px;font-size:15px;font-weight:600}.movement-amount.gasto{color:var(--expense)}.movement-amount.ingreso{color:var(--income)}.cuota-tag{background:var(--expense-light);color:var(--expense);vertical-align:middle;border-radius:100px;margin-left:5px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.next-month-tag{background:var(--warning-light);color:var(--warning);vertical-align:middle;border-radius:100px;margin-left:5px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.empty-state{text-align:center;color:var(--text-light);padding:3rem 1rem}.empty-state .icon{margin-bottom:.75rem;font-size:2.5rem}.empty-state p{font-size:14px;line-height:1.6}.filter-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filter-btn{cursor:pointer;border:.5px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:500;font-family:var(--font-body);border-radius:100px;padding:.4rem .9rem;transition:all .15s}.filter-btn.active{background:var(--text);color:#fff;border-color:var(--text)}.filter-btn:hover:not(.active){background:var(--surface2);color:var(--text)}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.month-selector{background:var(--surface);border:.5px solid var(--border);border-radius:100px;align-items:center;gap:.5rem;padding:4px 6px 4px 12px;display:flex}.month-selector span{color:var(--text);text-align:center;min-width:110px;font-size:13px;font-weight:500}.month-btn{background:var(--surface2);width:28px;height:28px;color:var(--text-muted);cursor:pointer;font-size:14px;font-family:var(--font-body);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.month-btn:hover{background:var(--border);color:var(--text)}.chart-card{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border);box-shadow:var(--shadow);margin-bottom:1.25rem;padding:1.25rem}.chart-card-title{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-size:11px;font-weight:600}.chart-wrap{width:100%;position:relative}.chart-wrap-pie{max-width:260px;margin:0 auto}.chart-empty{text-align:center;color:var(--text-light);padding:2rem 1rem;font-size:13px}.legend-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.legend-item{align-items:center;gap:.6rem;font-size:13px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-label{color:var(--text-muted);flex:1}.legend-amount{color:var(--text);font-weight:500}.legend-pct{color:var(--text-light);margin-left:4px;font-size:11px}.presupuesto-card{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border);box-shadow:var(--shadow);margin-bottom:.75rem;padding:1.1rem 1.25rem}.presupuesto-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.presupuesto-cat{font-size:14px;font-weight:500}.presupuesto-montos{color:var(--text-muted);font-size:12px}.presupuesto-montos strong{color:var(--text);font-weight:600}.progress-bar-wrap{background:var(--surface2);border-radius:100px;height:7px;overflow:hidden}.progress-bar{border-radius:100px;height:100%;transition:width .6s}.progress-bar.ok{background:var(--accent)}.progress-bar.warn{background:var(--warning)}.progress-bar.over{background:var(--danger)}.presupuesto-alerta{margin-top:5px;font-size:11px;font-weight:600}.presupuesto-alerta.warn{color:var(--warning)}.presupuesto-alerta.over{color:var(--danger)}.presupuesto-form{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border);box-shadow:var(--shadow);margin-top:1.5rem;padding:1.25rem}.presupuesto-form h3{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;font-size:12px;font-weight:600}.presupuesto-inputs{flex-direction:column;gap:.6rem;display:flex}.presupuesto-row{border-bottom:.5px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.3rem 0;display:grid}.presupuesto-row:last-child{border-bottom:none}.presupuesto-row label{color:var(--text);font-size:13px}.presupuesto-row input{border:1px solid var(--border);border-radius:var(--radius-sm);width:120px;font-family:var(--font-body);color:var(--text);background:var(--bg);text-align:right;outline:none;padding:.45rem .75rem;font-size:14px}.presupuesto-row input:focus{border-color:var(--accent)}.btn-save-presupuesto{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);cursor:pointer;border:none;margin-top:1.25rem;padding:.75rem;font-size:14px;font-weight:500;transition:background .2s}.btn-save-presupuesto:hover{background:var(--accent-text)}.btn-save-presupuesto:disabled{opacity:.5;cursor:not-allowed}.resumen-tarjeta-card{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border);box-shadow:var(--shadow);align-items:center;gap:1rem;margin-bottom:.75rem;padding:1.1rem 1.25rem;display:flex}.resumen-tarjeta-info{flex:1;min-width:0}.resumen-tarjeta-nombre{color:var(--text);font-size:14px;font-weight:600}.resumen-tarjeta-detalle{color:var(--text-muted);margin-top:2px;font-size:12px}.resumen-tarjeta-monto{color:var(--expense);flex-shrink:0;font-size:1.1rem;font-weight:700}.btn-pagar{background:var(--accent);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;padding:.5rem 1rem;font-size:13px;font-weight:500;transition:background .15s}.btn-pagar:hover{background:var(--accent-text)}.resumen-pagado{color:var(--income);flex-shrink:0;font-size:12px;font-weight:600}.tarjeta-card{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border);box-shadow:var(--shadow);align-items:center;gap:1rem;margin-bottom:.75rem;padding:1.1rem 1.25rem;display:flex}.tarjeta-color{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.tarjeta-info{flex:1;min-width:0}.tarjeta-nombre{color:var(--text);font-size:14px;font-weight:600}.tarjeta-detalle{color:var(--text-muted);margin-top:2px;font-size:12px}.tarjeta-cierre{color:var(--accent);margin-top:2px;font-size:12px;font-weight:500}.tarjeta-actions{flex-shrink:0;gap:.5rem;display:flex}.btn-icon{border:.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .15s;display:flex}.btn-icon:hover{background:var(--surface2)}.btn-icon.danger:hover{background:var(--danger-light);border-color:var(--danger)}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal{background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:20px;padding:2rem}.modal h3{font-family:var(--font-display);margin-bottom:1.25rem;font-size:1.3rem;font-style:italic}.modal-actions{gap:.75rem;margin-top:1.25rem;display:flex}.btn-cancel{background:var(--surface2);color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;flex:1;padding:.75rem;font-size:14px;transition:all .15s}.btn-cancel:hover{background:var(--border);color:var(--text)}.btn-confirm{background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;flex:1;padding:.75rem;font-size:14px;font-weight:500;transition:background .2s}.btn-confirm:hover{background:var(--accent-text)}.emoji-picker{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.emoji-opt{background:var(--surface2);cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .15s;display:flex}.emoji-opt:hover{background:var(--accent-light)}.emoji-opt.selected{border-color:var(--accent);background:var(--accent-light)}.tipo-toggle{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.btn-tipo{border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;background:var(--surface2);color:var(--text-muted);flex:1;padding:.65rem;font-size:14px;font-weight:600;transition:all .2s}.btn-tipo:hover:not(.selected){background:var(--border);color:var(--text)}.tipo-toggle .btn-tipo{border-radius:var(--radius);padding:1.1rem;font-size:1rem}.btn-tipo-gasto.selected{background:var(--expense-light);color:var(--expense);border-color:var(--expense)}.btn-tipo-ingreso.selected{background:var(--income-light);color:var(--income);border-color:var(--income)}#btn-guardar{border-radius:var(--radius);margin-top:1.25rem;font-size:1rem;font-weight:600}.loading-overlay{background:var(--bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.loading-logo{font-family:var(--font-display);color:var(--accent);font-size:2.5rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#dev-toggle-wrap{z-index:9999;display:none;position:fixed;bottom:1rem;right:1rem}#dev-toggle-wrap.visible{color:#fff;background:#000000d9;border-radius:100px;align-items:center;gap:.5rem;padding:.4rem .8rem .4rem .6rem;font-size:12px;font-weight:500;display:flex;box-shadow:0 2px 12px #0000004d}#dev-toggle{cursor:pointer;background:#555;border:none;border-radius:100px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}#dev-toggle.on{background:#2d5a3d}#dev-toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:3px;left:3px}#dev-toggle.on:after{left:19px}.premium-lock{position:relative}.premium-lock-overlay{border-radius:var(--radius);z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f5f3eee0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.premium-badge{background:var(--accent);color:#fff;letter-spacing:.05em;border-radius:100px;padding:.3rem .9rem;font-size:11px;font-weight:600}.premium-lock-msg{color:var(--text-muted);text-align:center;font-size:13px;line-height:1.5}.reporte-overlay{z-index:600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.reporte-overlay.hidden{display:none}.reporte-modal{background:var(--surface);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:20px;max-height:90vh;overflow:hidden auto}.reporte-header{background:var(--accent);color:#fff;padding:1.5rem 1.75rem 1.25rem}.reporte-mes{letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-bottom:.3rem;font-size:11px;font-weight:500}.reporte-titulo{font-family:var(--font-display);font-size:1.6rem;font-style:italic}.reporte-body{padding:1.5rem 1.75rem}.reporte-stats{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.reporte-stat{background:var(--bg);border-radius:var(--radius-sm);padding:.75rem 1rem}.reporte-stat-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:500}.reporte-stat-val{color:var(--text);font-size:1.3rem;font-weight:600}.reporte-stat-val.neg{color:var(--expense)}.reporte-stat-val.pos{color:var(--income)}.reporte-section{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:.75rem 0 .5rem;font-size:11px;font-weight:600}.reporte-cat-row{border-bottom:.5px solid var(--border);align-items:center;gap:.6rem;padding:.4rem 0;display:flex}.reporte-cat-row:last-child{border:none}.reporte-cat-name{color:var(--text);flex:1;font-size:13px}.reporte-cat-bar{background:var(--surface2);border-radius:100px;width:80px;height:5px;overflow:hidden}.reporte-cat-bar-fill{background:var(--accent);border-radius:100px;height:100%}.reporte-cat-amt{color:var(--text);text-align:right;min-width:80px;font-size:13px;font-weight:500}.reporte-delta{border-radius:100px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:500}.reporte-delta.up{background:var(--danger-light);color:var(--danger)}.reporte-delta.down{background:var(--income-light);color:var(--income)}.reporte-insight{background:var(--accent-light);border-radius:var(--radius-sm);margin:.75rem 0;padding:.75rem 1rem}.reporte-insight p{color:var(--accent-text);font-size:13px;line-height:1.5}.reporte-footer{gap:.75rem;padding:0 1.75rem 1.5rem;display:flex}.btn-reporte-cerrar{background:var(--surface2);color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;flex:1;padding:.75rem;font-size:14px}.btn-reporte-ok{background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;flex:2;padding:.75rem;font-size:14px;font-weight:500}.tab-premium:after{content:"★";color:var(--warning);vertical-align:super;margin-left:3px;font-size:9px}.comparacion-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.comparacion-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.9rem 1rem}.comparacion-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600}.comparacion-valor{color:var(--text);font-size:1.1rem;font-weight:700}.comparacion-delta{color:var(--text-light);margin-top:4px;font-size:12px;font-weight:500}.comparacion-delta.positivo{color:var(--income)}.comparacion-delta.negativo{color:var(--danger)}.badge-ahorro{background:var(--income-light);border:.5px solid var(--income);border-radius:var(--radius-sm);align-items:center;gap:.6rem;margin-top:.75rem;padding:.75rem 1rem;display:flex}.badge-ahorro-txt{color:var(--accent-text);font-size:13px;font-weight:500}.mas-hub{flex-direction:column;gap:.75rem;display:flex}.mas-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:box-shadow .15s;display:flex}.mas-card:hover{box-shadow:var(--shadow-lg)}.mas-card-emoji{flex-shrink:0;font-size:1.75rem}.mas-card-info{flex:1}.mas-card-title{color:var(--text);font-size:15px;font-weight:600}.mas-card-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.mas-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:18px}.mas-sub-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.btn-volver{cursor:pointer;color:var(--accent);font-family:var(--font-body);background:0 0;border:none;padding:.25rem 0;font-size:14px;font-weight:500}.health-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.25rem;padding:1.25rem}.health-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.health-bar-row{margin-bottom:.5rem}.health-bar-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.health-status{margin-top:.25rem;font-size:13px;font-weight:500}.cuotas-grupo{margin-bottom:1.5rem}.cuotas-mes-label{color:var(--text-muted);border-bottom:1px solid var(--border);letter-spacing:.02em;margin-bottom:.5rem;padding:.25rem 0;font-size:13px;font-weight:600}.cuotas-mes-total{color:var(--text);border-top:1px solid var(--border);justify-content:flex-end;margin-top:.25rem;padding:.5rem 0;font-size:13px;font-weight:700;display:flex}.resumen-fila{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.resumen-fila+.resumen-fila{border-top:.5px solid var(--border)}.resumen-fila-label{color:var(--text-muted);font-size:14px}.resumen-fila-monto{font-size:14px;font-weight:600}.periodo-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.periodo-btn{border:.5px solid var(--border);background:var(--surface2);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;border-radius:20px;padding:.4rem 1rem;font-size:13px;transition:all .15s}.periodo-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.reporte-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.25rem;display:grid}.reporte-stat{background:var(--surface2);border:.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:.75rem}.reporte-stat-label{color:var(--text-muted);margin-bottom:.35rem;font-size:12px;display:block}.reporte-stat-valor{color:var(--text);font-size:13px;font-weight:700;display:block}.cotiz-section{margin-bottom:1.25rem}.cotiz-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.4rem;display:grid}.cotiz-card{background:var(--surface2);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .75rem}.cotiz-nombre{color:var(--text);margin-bottom:.35rem;font-size:12px;font-weight:600}.cotiz-fila{color:var(--text-muted);justify-content:space-between;font-size:11px;line-height:1.6;display:flex}.cotiz-fila span:last-child{color:var(--text);font-weight:500}.cotiz-fuente{color:var(--text-muted);text-align:right;font-size:11px}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.65rem;display:grid}.kpi-card{border-radius:var(--radius);color:#fff;padding:1rem .9rem;position:relative;overflow:hidden}.kpi-deco{pointer-events:none;background:#ffffff14;border-radius:50%;width:88px;height:88px;position:absolute;top:-24px;right:-24px}.kpi-ahorro{background:linear-gradient(135deg,#1e4d2f 0%,#2d5a3d 50%,#3d7a52 100%)}.kpi-diario{background:linear-gradient(135deg,#0f2744 0%,#1a3a5c 50%,#265080 100%)}.kpi-racha{background:linear-gradient(135deg,#7a4400 0%,#b86a08 50%,#d4820a 100%)}.kpi-saldo-mes{background:linear-gradient(135deg,#1c1c2e 0%,#2a2a3e 100%);margin-bottom:1rem}.kpi-label{letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-bottom:.4rem;font-size:10px;font-weight:600}.kpi-valor{font-family:var(--font-display);margin-bottom:.3rem;font-size:clamp(1.4rem,5.5vw,2rem);font-style:italic;line-height:1}.kpi-sub{opacity:.65;font-size:10px;font-weight:400}.kpi-saldo-valor{font-family:var(--font-display);margin-bottom:.6rem;font-size:clamp(1.6rem,7vw,2.4rem);font-style:italic;line-height:1}.kpi-saldo-valor.pos{color:#6fcf97}.kpi-saldo-valor.neg{color:#eb5757}.kpi-saldo-row{opacity:.65;justify-content:space-between;font-size:11px;display:flex}.kpi-saldo-row strong{opacity:1;font-weight:600}.kpi-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:1.25rem 0 .75rem;font-size:11px;font-weight:700}.kpi-chart-wrap{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);height:200px;box-shadow:var(--shadow);margin-bottom:.25rem;padding:1rem;position:relative}.kpi-cats-list{flex-direction:column;gap:.6rem;display:flex}.kpi-cat-row{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:.75rem;padding:.75rem;display:flex}.kpi-cat-rank{background:var(--surface2);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.kpi-cat-info{flex:1;min-width:0}.kpi-cat-header{align-items:center;gap:.5rem;margin-bottom:5px;display:flex}.kpi-cat-name{color:var(--text);font-size:13px;font-weight:600}.kpi-cat-delta{border-radius:100px;padding:1px 6px;font-size:11px;font-weight:700}.kpi-cat-delta.up{background:var(--danger-light);color:var(--danger)}.kpi-cat-delta.down{background:var(--income-light);color:var(--income)}.kpi-cat-bar-wrap{background:var(--surface2);border-radius:100px;height:5px;overflow:hidden}.kpi-cat-bar{border-radius:100px;height:100%;transition:width .6s}.kpi-cat-right{text-align:right;flex-shrink:0}.kpi-cat-monto{color:var(--text);font-size:13px;font-weight:700}.kpi-cat-pct{color:var(--text-muted);font-size:11px}.kpi-insights{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.kpi-insight{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:box-shadow .15s;display:flex}.kpi-insight:hover{box-shadow:var(--shadow-lg)}.kpi-insight-icon{flex-shrink:0;margin-top:1px;font-size:1.2rem}.kpi-insight-txt{color:var(--text);font-size:13px;line-height:1.5}.btn-campana{background:var(--surface);border:.5px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .15s;display:flex;position:relative}.btn-campana:hover{background:var(--surface2)}.bell-badge{background:var(--danger);color:#fff;pointer-events:none;border:2px solid var(--surface);border-radius:100px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notif-panel{z-index:400;background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:320px;max-height:420px;animation:.15s notif-in;position:fixed;overflow-y:auto}@keyframes notif-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:.5px solid var(--border);background:var(--surface);align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}.notif-count-badge{background:var(--danger);color:#fff;border-radius:100px;padding:1px 6px;font-size:10px;font-weight:700}.notif-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;font-size:13px;display:flex}.notif-list{padding:.5rem 0}.notif-item{border-bottom:.5px solid var(--border);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;display:flex}.notif-item:last-child{border-bottom:none}.notif-item-icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.notif-item-info{flex:1;min-width:0}.notif-item-titulo{color:var(--text);font-size:13px;font-weight:600}.notif-item-texto{color:var(--text-muted);margin-top:2px;font-size:12px}.notif-tipo-danger .notif-item-titulo{color:var(--danger)}.notif-tipo-warning .notif-item-titulo{color:var(--warning)}.notif-tipo-ok .notif-item-titulo{color:var(--income)}@media (width<=360px){.notif-panel{width:calc(100vw - 16px)}}.rec-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin-bottom:.75rem;overflow:hidden}.rec-card-main{align-items:flex-start;gap:.75rem;padding:1rem 1rem .75rem;display:flex}.rec-card-info{flex:1;min-width:0}.rec-nombre{color:var(--text);font-size:14px;font-weight:600}.rec-detalle{color:var(--text-muted);margin-top:2px;font-size:12px}.rec-estado{border-radius:100px;margin-top:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.rec-estado-ok{background:var(--income-light);color:var(--income)}.rec-estado-hoy{background:var(--danger-light);color:var(--danger)}.rec-estado-pronto,.rec-estado-vencido{background:var(--warning-light);color:var(--warning)}.rec-card-btns{flex-shrink:0;gap:.35rem;display:flex}.rec-card-footer{background:var(--bg);border-top:.5px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.rec-auto-label{color:var(--text-muted);font-size:12px;font-weight:500}.rec-toggle-wrap{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.rec-toggle{opacity:0;width:0;height:0;position:absolute}.rec-toggle-track{background:var(--border);border-radius:100px;transition:background .2s;position:absolute;inset:0}.rec-toggle-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.rec-toggle:checked+.rec-toggle-track{background:var(--accent)}.rec-toggle:checked+.rec-toggle-track:after{transform:translate(18px)}.alertas-section{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.alerta-banner{border-radius:var(--radius-sm);border:.5px solid;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;font-size:13px;line-height:1.5;display:flex}.alerta-banner.alerta-warning{background:var(--warning-light);border-color:#f0c070}.alerta-banner.alerta-danger{background:var(--danger-light);border-color:#f0b0a8}.alerta-texto{color:var(--text);flex:1}.alerta-texto strong{color:var(--text);font-weight:600}.btn-alerta-close{cursor:pointer;color:var(--text-muted);font-size:14px;line-height:1;font-family:var(--font-body);background:0 0;border:none;flex-shrink:0;padding:0 0 0 .25rem;transition:color .15s}.btn-alerta-close:hover{color:var(--text)}.premium-modal{text-align:center;max-width:360px}.premium-modal-header{margin-bottom:1.25rem}.premium-modal-star{margin-bottom:.5rem;font-size:2.5rem}.premium-modal h3{font-family:var(--font-display);margin-bottom:.35rem;font-size:1.35rem;font-style:italic}.premium-modal p{color:var(--text-muted);font-size:13px}.premium-beneficios-list{text-align:left;flex-direction:column;gap:.6rem;margin-bottom:.25rem;list-style:none;display:flex}.premium-beneficio-item{color:var(--text);align-items:center;gap:.75rem;font-size:14px;display:flex}.premium-beneficio-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.1rem}.premium-precio{justify-content:center;align-items:baseline;gap:.35rem;margin:.25rem 0 1.1rem;display:flex}.premium-precio-monto{font-family:var(--font-display);color:var(--accent);font-size:1.9rem;font-weight:700}.premium-precio-periodo{color:var(--text-muted);font-size:13px}.premium-cta{width:100%;margin-top:1.25rem}.premium-cta:disabled{opacity:.55;cursor:not-allowed}.premium-seguro{color:var(--text-muted);text-align:center;margin:.5rem 0 0;font-size:11px}.premium-modal-close{width:100%;margin-top:.5rem}.onb-modal{text-align:center;max-width:380px}.onb-dots{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.onb-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .2s}.onb-dot.done{background:var(--accent-light)}.onb-dot.active{background:var(--accent);border-radius:100px;width:22px}.onb-icon{margin-bottom:.75rem;font-size:3rem}.onb-titulo{font-family:var(--font-display);color:var(--text);margin-bottom:.75rem;font-size:1.35rem;font-style:italic}.onb-texto{color:var(--text-muted);font-size:14px;line-height:1.65}.onb-texto strong{color:var(--text);font-weight:600}.notif-item{position:relative}.notif-leida{opacity:.5}.notif-leida .notif-item-titulo{text-decoration:line-through}.btn-notif-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);font-size:12px;font-family:var(--font-body);background:0 0;border-radius:6px;flex-shrink:0;padding:3px 8px;transition:all .15s}.btn-notif-toggle:hover{background:var(--surface2)}.btn-notif-toggle.active{border-color:var(--accent);color:var(--accent);background:#2d5a3d1a}.btn-marcar-todas{cursor:pointer;color:var(--accent);font-size:11px;font-weight:600;font-family:var(--font-body);letter-spacing:0;text-transform:none;background:0 0;border:none;margin-left:auto;padding:2px 6px}.notif-divider{color:var(--text-muted);background:var(--bg);border-top:.5px solid var(--border);letter-spacing:.05em;text-transform:uppercase;padding:.4rem 1rem;font-size:11px;font-weight:600}.arch-rec-row{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;align-items:center;gap:.75rem;width:100%;margin-bottom:.5rem;padding:.9rem 1rem;transition:background .15s;display:flex}.arch-rec-row:hover{background:var(--surface2)}.arch-rec-info{flex-direction:column;flex:1;gap:2px;display:flex}.arch-rec-nombre{color:var(--text);font-size:15px;font-weight:600}.arch-rec-cat{color:var(--text-muted);font-size:12px}.arch-rec-counts{flex-shrink:0;gap:.4rem;display:flex}.arch-rec-count-badge{background:var(--surface2);border:.5px solid var(--border);color:var(--text-muted);border-radius:100px;padding:2px 8px;font-size:12px}.arch-rec-count-badge.has{border-color:var(--accent);color:var(--accent);background:#2d5a3d1a}.arch-rec-arrow{color:var(--text-muted);flex-shrink:0;font-size:18px}.arch-panel{flex-direction:column;gap:.75rem;display:flex}.arch-periodo-section{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.arch-periodo-section.actual{border-color:var(--accent)}.arch-periodo-header{background:var(--surface2);border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.arch-periodo-label{color:var(--text);font-size:14px;font-weight:700}.arch-periodo-badge{background:var(--accent);color:#fff;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600}.arch-tipo-section{border-top:.5px solid var(--border);padding:.75rem 1rem}.arch-tipo-section:first-of-type{border-top:none}.arch-tipo-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.arch-tipo-header span{color:var(--text);font-size:13px;font-weight:600}.arch-tipo-count{color:var(--text-muted);background:var(--surface2);border-radius:100px;padding:2px 8px;font-size:12px}.arch-tipo-count.full{color:var(--accent);background:#2d5a3d1a;font-weight:600}.arch-item{border-bottom:.5px solid var(--border);align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.arch-item:last-child{border-bottom:none}.arch-nombre{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.arch-btns{flex-shrink:0;gap:.25rem;display:flex}.arch-empty-tipo{color:var(--text-muted);padding:.2rem 0;font-size:12px;font-style:italic}.btn-arch-upload{color:var(--accent);cursor:pointer;border:1.5px dashed var(--accent);border-radius:var(--radius-sm);background:0 0;align-items:center;gap:.35rem;margin-top:.5rem;padding:.35rem .85rem;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn-arch-upload:hover{background:#2d5a3d12}.btn-arch-lock{color:var(--text-muted);background:var(--surface2);border:.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;margin-top:.5rem;padding:.3rem .75rem;font-size:12px}.arch-premium-banner{border-radius:var(--radius);background:#2d5a3d0f;border:1px solid #2d5a3d40;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.9rem 1rem;display:flex}button,[role=button],.mas-card,.arch-rec-row,label.btn-arch-upload,.periodo-btn,.filter-btn,.nav-tab{touch-action:manipulation}.topbar{padding-top:env(safe-area-inset-top,0px);height:calc(56px + env(safe-area-inset-top,0px))}.success-toast{bottom:max(2rem, calc(1.25rem + env(safe-area-inset-bottom,0px)))}.main{padding-bottom:max(1.5rem, calc(1rem + env(safe-area-inset-bottom,0px)))}@media (hover:none){.movement-actions{opacity:1!important}.movement-item:hover{box-shadow:none}}@media (width<=600px){.form-field select,.form-field input[type=text],.form-field input[type=number],.form-field input[type=date],.field input,.presupuesto-row input{font-size:16px!important}.notif-panel{max-height:72vh;width:calc(100vw - 16px)!important;left:8px!important;right:8px!important}.main{padding:1rem}.nav-tab{padding:1rem .75rem}.kpi-grid{grid-template-columns:1fr!important}.kpi-saldo-row{font-size:12px}}@media (width<=480px){.auth-card{padding:2rem 1.5rem}.balance-amount{font-size:2.2rem}.form-row{grid-template-columns:1fr}.mas-card{padding:.9rem 1rem}.movement-item{padding:.75rem .9rem}.btn-logout{display:none}.topbar-logo{font-size:1.1rem}}@media (height<=500px) and (orientation:landscape){.topbar{height:calc(44px + env(safe-area-inset-top,0px))}.main{padding:.75rem}.balance-card{padding:1.25rem}}