:root{color-scheme:light;--app-bg: #f4f5fb;--screen-grad: linear-gradient(175deg, #e7eafa 0%, #f1f3fb 45%, #f6f7fc 100%);--indigo: #6366f1;--indigo-300: #4f46e5;--indigo-700: #4338ca;--indigo-100: #4338ca;--violet: #8b5cf6;--cyan: #22d3ee;--verde: #16a34a;--verde-700: #15803d;--amarillo: #d97706;--amarillo-700: #b45309;--rojo: #dc2626;--rojo-700: #b91c1c;--rojo-200: #b91c1c;--text: #0f172a;--t-70: rgba(15, 23, 42, .72);--t-60: rgba(15, 23, 42, .58);--t-55: rgba(15, 23, 42, .5);--t-45: rgba(15, 23, 42, .42);--card: #ffffff;--panel: #ffffff;--panel-2: #eef0f6;--hair: rgba(15, 23, 42, .09);--line: rgba(15, 23, 42, .14);--glass: rgba(255, 255, 255, .65);--glass-strong: rgba(255, 255, 255, .78);--glass-border: rgba(15, 23, 42, .09);--glass-blur: blur(20px) saturate(150%);--hero-grad: linear-gradient(140deg, #6366f1 0%, #6f60ef 42%, #8b5cf6 100%);--r-card: 22px;--r-panel: 20px;--r-field: 13px;--r-btn: 17px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{background:var(--app-bg);color:var(--text);font-family:var(--font);line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100vh}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--screen-grad)}.orb{position:absolute;border-radius:50%;filter:blur(60px)}.orb-1{top:40px;left:-90px;width:300px;height:300px;background:radial-gradient(circle,var(--indigo) 0%,rgba(99,102,241,0) 70%);opacity:.14}.orb-2{top:44%;right:-120px;width:300px;height:300px;background:radial-gradient(circle,var(--violet) 0%,rgba(139,92,246,0) 70%);opacity:.12}.orb-3{bottom:-80px;left:40px;width:280px;height:280px;background:radial-gradient(circle,var(--cyan) 0%,rgba(34,211,238,0) 70%);opacity:.08}#app{max-width:460px;margin:0 auto;min-height:100vh}.tnum{font-variant-numeric:tabular-nums}.screen{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:30;padding-top:14px;padding-top:max(env(safe-area-inset-top,0px),14px);background:var(--glass-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px #fff3}.app-header .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px 14px}.large-title{font:700 28px/1.1 var(--font);letter-spacing:-.6px;margin:0}.subtitle{font-size:13px;color:var(--t-55);margin-top:2px}.screen-body{flex:1;padding:14px 20px 128px;display:flex;flex-direction:column;gap:12px}.pill-btn{height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:22px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff40;font:600 15px/1 var(--font);color:var(--text);cursor:pointer}.icon-btn{height:44px;width:44px;border-radius:22px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff40;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:22px;cursor:pointer;text-decoration:none;line-height:1}.section-label{font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--t-45);margin:4px 0 -2px}.hero{position:relative;overflow:hidden;padding:18px;border-radius:24px;background:var(--hero-grad);backdrop-filter:blur(26px) saturate(190%);-webkit-backdrop-filter:blur(26px) saturate(190%);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000040,0 26px 50px -24px #312e81e6}.hero:after{content:"";position:absolute;top:-40px;right:-20px;width:150px;height:110px;border-radius:50%;background:radial-gradient(circle,#ffffff59,#fff0 70%);filter:blur(10px)}.hero .label{position:relative;font:600 13px/1 var(--font);color:#ffffffd9}.hero .amount{position:relative;display:block;margin-top:8px;font:700 38px/1 var(--font);letter-spacing:-1.2px;color:#fff}.hero .divider{position:relative;height:1px;background:#ffffff38;margin:12px 0 8px}.hero .breakdown{position:relative;font-size:12px;line-height:1.45;color:#ffffffd1}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:11px 13px;border-radius:18px;background:var(--panel);border:1px solid var(--hair);display:flex;flex-direction:column;gap:5px}.kpi-card .k-label{font-size:12px;color:var(--t-55)}.kpi-card .k-value{font:600 22px/1 var(--font);letter-spacing:-.4px}.c-verde{color:var(--verde)}.c-rojo{color:var(--rojo)}.c-indigo{color:var(--indigo-300)}.c-white{color:var(--text)}.panel{padding:2px 15px;border-radius:18px;background:var(--panel);border:1px solid var(--hair)}.panel .row{display:flex;align-items:center;justify-content:space-between;padding:9px 0}.panel .row+.row{border-top:1px solid var(--hair)}.panel .row .r-label{font-size:15px;color:var(--t-70)}.panel .row .r-value{font:600 15px/1 var(--font)}.panel .row.total .r-label{font:600 15px/1 var(--font);color:var(--text)}.panel .row.total .r-value{font:700 17px/1 var(--font)}.glass-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-panel);background:var(--glass-strong);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff38}.glass-row.space{justify-content:space-between}.badge{flex:none;height:30px;padding:0 10px;border-radius:15px;display:flex;align-items:center;gap:5px}.badge .b-num{font:700 15px/1 var(--font)}.badge .b-unit{font-size:9px;letter-spacing:.04em}.badge.sem-verde{background:#22c55e29;border:1px solid rgba(34,197,94,.3);color:var(--verde)}.badge.sem-amarillo{background:#eab30829;border:1px solid rgba(234,179,8,.3);color:var(--amarillo)}.badge.sem-rojo{background:#ef444429;border:1px solid rgba(239,68,68,.3);color:var(--rojo)}.glass-row .gr-title{font:600 15px/1.1 var(--font)}.glass-row .gr-sub{font-size:11px;line-height:1.3;color:var(--t-60)}.link{font:600 13px/1 var(--font);color:var(--indigo-300);cursor:pointer}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(24px + var(--safe-bottom));width:min(416px,calc(100% - 44px));height:66px;z-index:40;border-radius:33px;background:var(--glass-strong);backdrop-filter:blur(34px) saturate(200%);-webkit-backdrop-filter:blur(34px) saturate(200%);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000000a,0 18px 40px -18px #0f172a38;display:flex;align-items:center;padding:0 8px}.tabbar a{flex:1;height:52px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--t-60);font:500 11px/1 var(--font);white-space:nowrap}.tabbar a .ic{font-size:16px;display:flex}.tabbar a.active{background:var(--indigo);border:1px solid transparent;box-shadow:0 4px 12px -4px #6366f199;color:#fff;font-weight:600}.seg{display:flex;gap:3px;padding:3px;border-radius:14px;background:#0f172a0d;border:1px solid var(--hair)}.seg button{flex:1;height:38px;border:none;background:transparent;border-radius:11px;font:500 14px/1 var(--font);color:var(--t-60);cursor:pointer}.seg button.active{background:#fff;border:1px solid transparent;box-shadow:0 1px 3px #0f172a29;color:var(--text);font-weight:600}.card{padding:16px 18px;border-radius:var(--r-card);background:var(--card);border:1px solid var(--hair);display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field>label,.f-label{font:600 12px/1 var(--font);color:var(--t-55)}input,select,textarea{width:100%;height:46px;padding:0 14px;border-radius:var(--r-field);background:var(--panel-2);border:1px solid var(--line);color:var(--text);font:400 16px/1 var(--font);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{height:auto;padding:12px 14px;line-height:1.4;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#6366f18c;box-shadow:0 0 0 3px #6366f126}input::placeholder{color:var(--t-45)}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='rgba(15,23,42,0.4)' stroke-width='1.6' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}input[type=date]{font-variant-numeric:tabular-nums}.amount-card{padding:18px 18px 16px;border-radius:var(--r-card);background:var(--card);border:1px solid var(--hair);display:flex;flex-direction:column;gap:12px}.amount-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.amount-input-wrap{display:flex;align-items:baseline;gap:4px}.amount-input-wrap .sign{font:600 26px/1 var(--font);color:var(--t-45)}input.amount-input{height:auto;width:auto;max-width:190px;padding:0;border:none;background:transparent;border-radius:0;font:700 40px/1 var(--font);letter-spacing:-1.2px;font-variant-numeric:tabular-nums}input.amount-input:focus{box-shadow:none}.amount-input.t-gasto{color:var(--rojo)}.amount-input.t-ingreso{color:var(--verde)}.amount-input.t-transferencia{color:var(--text)}.date-mini{display:flex;flex-direction:column;gap:6px;align-items:flex-end}input.date-input{height:38px;width:auto;padding:0 12px;border-radius:11px;background:var(--panel-2);font-size:15px}.hairline{height:1px;background:var(--hair)}.suggestion{font-size:12px;font-weight:500;color:var(--indigo-300)}.note{padding:12px 14px;border-radius:14px;background:#6366f11f;border:1px solid rgba(129,140,248,.24);font-size:12px;line-height:1.45;color:var(--indigo-100)}.arrow-sep{display:flex;align-items:center;gap:10px}.arrow-sep .ln{flex:1;height:1px;background:var(--hair)}.arrow-sep .node{width:34px;height:34px;border-radius:17px;background:#6366f138;border:1px solid rgba(129,140,248,.35);display:flex;align-items:center;justify-content:center;color:var(--indigo-100);font-size:15px}select.highlight{border-color:#6366f173;box-shadow:0 0 0 3px #6366f126}.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{height:32px;padding:0 12px;border-radius:16px;background:#6366f138;border:1px solid rgba(129,140,248,.35);display:inline-flex;align-items:center;gap:6px;font:500 13px/1 var(--font);color:var(--indigo-100)}.chip .x{cursor:pointer;opacity:.7}.chip-input{height:32px;width:120px;padding:0 10px;border-radius:16px;border:1px dashed var(--line);background:transparent;font-size:13px;color:var(--text)}.btn{height:54px;border:none;border-radius:var(--r-btn);background:linear-gradient(180deg,var(--indigo) 0%,var(--indigo-700) 100%);color:#fff;font:600 17px/1 var(--font);cursor:pointer;box-shadow:0 16px 32px -14px #4338caf2,inset 0 1px #ffffff59}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%;margin-top:4px}.msg{padding:11px 13px;border-radius:13px;font-size:13px}.msg.error{background:#ef444426;color:var(--rojo-200);border:1px solid rgba(239,68,68,.4)}.msg.ok{background:#22c55e26;color:var(--verde-700);border:1px solid rgba(34,197,94,.4)}.budget{padding:16px;border-radius:var(--r-card);background:var(--card);border:1px solid var(--hair);display:flex;flex-direction:column;gap:11px;color:var(--text);text-decoration:none}.budget.sem-amarillo{border-color:#eab30838}.budget.sem-rojo{border-color:#ef44444d;box-shadow:0 0 0 1px #ef444414}.budget .b-head{display:flex;align-items:center;justify-content:space-between}.budget .b-name{display:flex;align-items:center;gap:9px;font:600 16px/1 var(--font)}.budget .b-pct{font:600 15px/1 var(--font)}.dot{width:9px;height:9px;border-radius:5px;flex:none}.dot.sem-verde{background:var(--verde);box-shadow:0 0 10px #22c55ecc}.dot.sem-amarillo{background:var(--amarillo);box-shadow:0 0 10px #eab308cc}.dot.sem-rojo{background:var(--rojo);box-shadow:0 0 10px #ef4444d9}.sem-verde{color:var(--verde)}.sem-amarillo{color:var(--amarillo)}.sem-rojo{color:var(--rojo)}.progress{height:9px;border-radius:5px;background:#0f172a14;overflow:hidden}.progress>span{display:block;height:100%;border-radius:5px}.progress.sem-verde>span{background:linear-gradient(90deg,var(--verde-700),var(--verde))}.progress.sem-amarillo>span{background:linear-gradient(90deg,var(--amarillo-700),var(--amarillo))}.progress.sem-rojo>span{background:linear-gradient(90deg,var(--rojo-700),var(--rojo))}.b-foot{font-size:12px;color:#ffffff94}.b-foot.over{color:var(--rojo-200)}.loading,.empty{text-align:center;color:var(--t-60);padding:40px 0;font-size:14px}.auth{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 40px)}.brand{display:flex;flex-direction:column;align-items:center;gap:14px}.brand .logo{width:78px;height:78px;border-radius:23px;background:linear-gradient(155deg,#818cf8,#6366f1 45%,#4338ca);display:flex;align-items:center;justify-content:center;font:600 40px/1 var(--font);color:#fff;box-shadow:0 18px 40px -12px #6366f1d9,inset 0 1px #ffffff73}.brand h1{font:700 31px/1.1 var(--font);letter-spacing:-.8px;text-align:center;margin:0}.brand .tagline{font-size:15px;color:var(--t-55)}.auth-card{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:28px;background:var(--glass);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff42,inset 0 -1px #00000047,0 24px 50px -22px #000000b3}.auth-card input{height:50px;border-radius:15px;background:#fff;border:1px solid var(--line);font-size:17px}.auth-card label{font:600 13px/1 var(--font);color:var(--t-60)}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap input{padding-right:74px}.pw-toggle{position:absolute;right:15px;background:none;border:none;font:600 13px/1 var(--font);color:var(--indigo-300);cursor:pointer}.auth-foot{text-align:center;font-size:15px;color:var(--t-55)}.auth-foot a,.link-btn{color:var(--indigo-300);font-weight:600;background:none;border:none;cursor:pointer;font-size:inherit;padding:0}.hdr-left{display:flex;align-items:center;gap:10px}.back-btn{height:40px;width:40px;border-radius:20px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff40;color:var(--text);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;text-decoration:none;line-height:1}.hub-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--r-card);background:var(--panel);border:1px solid var(--hair);cursor:pointer;text-decoration:none;color:var(--text)}.hub-item .emoji{font-size:22px}.hub-item .grow,.mng-item .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hub-item .h-title{font:600 16px/1.2 var(--font)}.hub-item .h-sub{font-size:12px;color:var(--t-55)}.chev{color:var(--t-45);font-size:18px}.mng-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--hair);cursor:pointer;width:100%;text-align:left;color:var(--text)}.mng-item.selected{border-color:#6366f18c;box-shadow:0 0 0 3px #6366f126}.mng-item .mi-emoji{font-size:20px;flex:none}.mng-item .grow{flex:1;min-width:0}.mng-item .mi-title{font:600 15px/1.2 var(--font)}.mng-item .mi-sub{font-size:12px;color:var(--t-55)}.mng-item .mi-amount{font:600 15px/1 var(--font);font-variant-numeric:tabular-nums}.dot-color{width:12px;height:12px;border-radius:50%;flex:none}.btn-secondary{height:50px;border:1px solid var(--glass-border);border-radius:var(--r-btn);background:var(--glass-strong);color:var(--text);font:600 16px/1 var(--font);cursor:pointer}.btn-danger{height:50px;border:1px solid rgba(239,68,68,.4);border-radius:var(--r-btn);background:#ef444429;color:var(--rojo);font:600 16px/1 var(--font);cursor:pointer}.btn-actions{display:flex;gap:10px}.btn-actions>*{flex:1}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch{position:relative;width:50px;height:30px;flex:none}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;background:#0f172a2e;transition:background .15s}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+.track{background:var(--indigo)}.switch input:checked+.track:after{transform:translate(20px)}input[type=color]{height:46px;padding:4px;width:100%}.form-title{font:600 13px/1 var(--font);color:var(--t-70);margin:6px 2px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a59;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:460px;background:#fff;border:1px solid var(--glass-border);border-bottom:none;border-top-left-radius:26px;border-top-right-radius:26px;padding:8px 18px calc(20px + var(--safe-bottom));max-height:90vh;overflow-y:auto;box-shadow:0 -24px 60px -12px #000000b3,inset 0 1px #ffffff24;animation:sheetUp .24s cubic-bezier(.22,1,.36,1)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:5px;border-radius:3px;background:#ffffff40;margin:4px auto 10px}.sheet-titlebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sheet-titlebar h2{font:700 20px/1 var(--font);letter-spacing:-.4px;margin:0}.sheet-close{width:32px;height:32px;border-radius:16px;background:var(--glass-strong);border:1px solid var(--glass-border);color:var(--text);font-size:15px;cursor:pointer;flex:none}body.modal-open{overflow:hidden}.kpi-card,.panel,.card,.amount-card,.budget,.mng-item,.hub-item{box-shadow:0 1px 3px #0f172a0d}.mov-section{display:block;text-decoration:none;color:inherit;margin-top:8px}.mov-head{display:flex;align-items:center;justify-content:space-between}.mov-list{display:flex;flex-direction:column;gap:8px}.mov-more{text-align:center;color:var(--indigo);font:600 13px/1 var(--font);padding:12px 0 2px}.empty-mini{padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--hair);color:var(--t-55);font-size:13px;text-align:center;box-shadow:0 1px 3px #0f172a0d}.swipe-wrap{position:relative;overflow:hidden;border-radius:16px}.swipe-action{position:absolute;top:0;bottom:0;left:0;width:84px;display:flex;align-items:center;justify-content:center;background:var(--indigo);border-radius:16px}.swipe-action button{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;color:#fff;font:600 12px/1 var(--font);cursor:pointer}.swipe-action .sa-ic{font-size:18px}.swipe-fg{position:relative;transition:transform .22s ease;will-change:transform;touch-action:pan-y}.offline-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 82px);z-index:60;pointer-events:none;max-width:calc(100% - 32px);padding:8px 14px;border-radius:20px;background:var(--amarillo);color:#fff;font:600 13px/1.2 var(--font);text-align:center;box-shadow:0 6px 20px #0f172a33}