.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#e4ecee,#f4f5f6 55%)}.login-card{width:100%;max-width:360px;background:var(--card);border-radius:24px;box-shadow:var(--shadow-lg);padding:32px 26px 28px;text-align:center}.login-brand{display:flex;justify-content:center;margin-bottom:16px}.login-title{font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--petrol-deep)}.login-sub{font-size:13px;color:var(--ink-soft);margin-top:4px}.login-form{margin-top:26px;text-align:left}.login-label{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.6px;margin:0 0 7px 2px}.login-input{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:13px 14px;font-size:15px;margin-bottom:16px;background:#fff;color:var(--ink);outline:none}.login-input:focus{border-color:var(--petrol)}.login-error{background:var(--red-soft);color:var(--red);font-size:12.5px;font-weight:600;padding:10px 12px;border-radius:11px;margin-bottom:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#20272e73;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-sheet{width:100%;max-width:480px;background:var(--bg);border-radius:22px 22px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));max-height:86vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideup .2s ease}@keyframes slideup{0%{transform:translateY(40px)}to{transform:translateY(0)}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.modal-title{font-size:17px;font-weight:700;letter-spacing:-.3px}.modal-total{font-size:22px;font-weight:800;letter-spacing:-.6px;color:var(--green);margin-top:2px}.modal-total span{font-size:11px;font-weight:600;color:var(--ink-faint)}.modal-x{background:#fff;border:1px solid var(--line);border-radius:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.modal-x svg{width:16px;height:16px}.modal-entries{background:var(--card);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.modal-empty{padding:18px;text-align:center;color:var(--ink-faint);font-size:13px}.entry-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.entry-row:last-child{border-bottom:none}.entry-body{flex:1;min-width:0}.entry-desc{font-size:13.5px;font-weight:600}.entry-date{font-size:11px;color:var(--ink-faint);margin-top:1px}.entry-amt{font-size:13.5px;font-weight:700;letter-spacing:-.3px}.entry-del{background:none;border:none;color:var(--ink-faint);display:flex;padding:4px}.entry-del svg{width:16px;height:16px}.modal-field-label{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;margin:0 0 9px 2px}.modal-add{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:14px}.modal-add-label{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:5px;margin-bottom:11px}.modal-add-label svg{width:14px;height:14px}.modal-add-row{display:flex;gap:10px;margin-bottom:10px}.modal-amt{flex:1;display:flex;align-items:center;gap:4px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px}.modal-amt span{color:var(--ink-faint);font-weight:600}.modal-amt input{border:none;outline:none;font:inherit;font-size:16px;font-weight:700;width:100%;background:none}.modal-date{border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;font-size:13px;outline:none;background:#fff;color:var(--ink)}.modal-desc{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;outline:none;margin-bottom:12px;background:#fff}.modal-amt input:focus,.modal-date:focus,.modal-desc:focus{border-color:var(--petrol)}.dash-scroll{padding:4px 16px 24px}.couple{display:flex;align-items:center;justify-content:center;gap:18px;margin:6px 0 18px}.couple .avatar{width:58px;height:58px;font-size:22px;border:3px solid #fff;box-shadow:var(--shadow)}.couple-mid{text-align:center}.couple-mid .title{font-size:19px;font-weight:700;letter-spacing:-.4px}.couple-mid .sub{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.couple-mid .sub .heart{color:var(--rose)}.summary-row{display:flex;gap:12px;margin-bottom:18px}.sum-card{flex:1;border-radius:18px;padding:15px 15px 11px}.sum-card.income{background:var(--green-soft)}.sum-card.debt{background:var(--red-soft)}.sum-label{font-size:11px;font-weight:600}.sum-card.income .sum-label{color:var(--green)}.sum-card.debt .sum-label{color:var(--red)}.sum-value{font-size:21px;font-weight:800;letter-spacing:-.8px;margin-top:4px}.sum-card.income .sum-value{color:#356b51}.sum-card.debt .sum-value{color:#944848}.sum-value .cur{font-size:11px;font-weight:600;opacity:.7}.spark{margin-top:8px;height:22px;width:100%}.inc-person{display:flex;align-items:center;gap:12px;margin-bottom:15px}.inc-person:last-child{margin-bottom:0}.inc-body{flex:1;min-width:0}.inc-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.inc-name{font-size:13px;font-weight:600}.inc-total{font-size:13.5px;font-weight:800;letter-spacing:-.3px}.inc-total .cur{font-size:10px;font-weight:600;color:var(--ink-faint)}.stack{display:flex;height:11px;border-radius:6px;overflow:hidden;background:var(--line)}.seg{height:100%}.inc-legend{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:9px}.lg{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--ink-soft);background:none;border:none;padding:0;font-family:inherit}.lg .sw{width:8px;height:8px;border-radius:3px;flex-shrink:0}.lg b{color:var(--ink);font-weight:700;margin-left:2px}.lg-tap{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:9px 14px;font-size:12.5px;gap:7px}.lg-tap .sw{width:10px;height:10px}.lg-tap b{font-size:12.5px}.lg-tap:active{background:var(--petrol-soft);border-color:var(--petrol)}.add-btn{width:30px;height:30px;border-radius:50%;background:var(--petrol-soft);color:var(--petrol);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-btn svg{width:18px;height:18px}.add-btn:active{background:var(--petrol);color:#fff}.exp{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.exp:last-child{border-bottom:none;padding-bottom:0}.exp:first-child{padding-top:0}.exp-ic{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.exp-ic svg{width:19px;height:19px}.exp-body{flex:1;min-width:0}.exp-name{font-size:13.5px;font-weight:600;letter-spacing:-.2px}.exp-sub{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.exp-right{text-align:right;flex-shrink:0}.exp-amt{font-size:13.5px;font-weight:700;letter-spacing:-.3px}.exp-amt .cur{font-size:10px;font-weight:600;color:var(--ink-faint)}.empty-line{font-size:12.5px;color:var(--ink-faint);text-align:center;padding:6px 0}.empty-block{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0 4px}.btn-ghost{background:var(--petrol-soft);color:var(--petrol);border:none;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:700;font-family:inherit}.debt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.debt-item{margin-bottom:0}.debt-item:last-child{margin-bottom:0}.debt-name{font-size:12.5px;font-weight:600}.debt-cuota{font-size:10.5px;color:var(--ink-faint);margin-bottom:5px}.bar{height:7px;background:var(--line);border-radius:5px;overflow:hidden}.bar>span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#4a6b7a,#2c5560)}.debt-pct{font-size:10.5px;font-weight:700;color:var(--ink-soft);text-align:right;margin-top:3px}.chat-msg{display:flex;gap:8px;margin-bottom:9px}.chat-bub-wrap{flex:1;min-width:0}.chat-who{font-size:10px;font-weight:700;color:var(--ink-soft);margin-bottom:2px}.chat-bub{font-size:11.5px;line-height:1.4;padding:7px 10px;border-radius:11px;display:inline-block}.chat-msg.nico .chat-bub{background:var(--petrol-soft);border-top-left-radius:3px}.chat-msg.nati .chat-bub{background:var(--rose-soft);border-top-left-radius:3px}.chat-time{font-size:9px;color:var(--ink-faint);margin-top:2px}.chat-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:18px;padding:4px 6px 4px 11px;margin-top:6px}.chat-input input{flex:1;border:none;outline:none;font:inherit;font-size:11.5px;background:none;color:var(--ink)}.chat-input button{border:none;background:var(--petrol);color:#fff;border-radius:14px;padding:6px 12px;font-size:11.5px;font-weight:600}.llenado-head{padding:16px 18px 12px;background:var(--bg);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.llenado-head-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.llenado-title{font-size:18px;font-weight:700;letter-spacing:-.4px}.llenado-title small{display:block;font-size:12px;font-weight:500;color:var(--ink-faint);margin-top:1px}.month-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:13px;font-weight:600;box-shadow:var(--shadow);color:var(--ink)}.month-pill svg{width:15px;height:15px;color:var(--petrol)}.month-pill select{border:none;background:none;font:inherit;font-weight:600;color:var(--ink);outline:none}.head-prog{display:flex;align-items:center;gap:10px}.head-prog .bar{flex:1;height:7px;background:var(--line);border-radius:5px;overflow:hidden}.head-prog .bar>span{display:block;height:100%;background:linear-gradient(90deg,#4a6b7a,#2c5560);border-radius:5px;transition:width .25s}.head-prog .lbl{font-size:11.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.newmonth-btn{font-size:11.5px;font-weight:600;color:var(--petrol);background:none;border:none}.llenado-scroll{padding:8px 16px 230px}.person-hd{display:flex;align-items:center;gap:11px;margin:16px 2px 12px}.person-hd:first-child{margin-top:6px}.person-meta{flex:1}.person-name{font-size:16px;font-weight:700;letter-spacing:-.3px}.person-sub{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.person-total{text-align:right}.person-total .pt-amt{font-size:15px;font-weight:800;letter-spacing:-.4px}.person-total .pt-lbl{font-size:10px;color:var(--ink-faint);font-weight:600}.cat-hd{display:flex;align-items:center;gap:7px;margin:14px 4px 8px}.cat-hd .cdot{width:9px;height:9px;border-radius:3px}.cat-hd .cname{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--ink-soft)}.cat-hd .cfix{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--c-deuda);background:var(--c-deuda-soft);padding:2px 7px;border-radius:10px}.items{background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:none}.item-left{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.item-bar{width:3px;align-self:stretch;border-radius:3px;flex-shrink:0}.item-info{min-width:0;flex:1}.item-name{font-size:13.5px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{display:flex;align-items:center;gap:8px;margin-top:3px}.item-day{font-size:10.5px;color:var(--ink-faint);display:flex;align-items:center;gap:3px}.item-day svg{width:11px;height:11px}.item-cuota{font-size:10px;font-weight:600;color:var(--ink-soft);background:#f0f1f2;padding:1px 6px;border-radius:8px}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.amt-box{display:flex;align-items:center;gap:2px;border:1.5px solid var(--line);border-radius:9px;padding:5px 9px;min-width:104px;justify-content:flex-end;background:#fff}.amt-box.filled{border-color:var(--petrol);background:var(--petrol-soft)}.amt-box.fixed{border-style:dashed;background:#fafafb}.amt-box.empty{border-color:var(--red);background:var(--red-soft)}.amt-box .cur{font-size:10px;font-weight:600;color:var(--ink-faint)}.amt-box .val{font-size:13.5px;font-weight:700;letter-spacing:-.3px}.amt-box.empty .val{color:var(--red);font-weight:600}.amt-box .val.ph{color:var(--ink-faint);font-weight:400}.amt-box input{width:78px;border:none;background:none;outline:none;text-align:right;font:inherit;font-size:13.5px;font-weight:700;letter-spacing:-.3px;color:var(--ink);padding:0}.paid-toggle{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;background:none;border:none}.paid-toggle .pdot{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.paid-toggle .pdot svg{width:10px;height:10px;color:#fff}.paid-toggle.yes .pdot{background:var(--green)}.paid-toggle.yes{color:var(--green)}.paid-toggle.no .pdot{background:#fff;border:1.5px solid var(--ink-faint)}.paid-toggle.no{color:var(--ink-faint)}.subtotal{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fafbfb;font-size:11.5px}.subtotal .st-lbl{color:var(--ink-faint);font-weight:600}.subtotal .st-val{font-weight:800;letter-spacing:-.3px}.gastos-total{width:100%;display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);text-align:left;font-family:inherit}.gastos-total:active{background:var(--bg)}.gt-ic{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--slate-soft);color:var(--slate)}.gt-ic svg{width:20px;height:20px}.gt-meta{flex:1;min-width:0}.gt-name{font-size:14px;font-weight:700;letter-spacing:-.2px}.gt-sub{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.gt-amt{font-size:15px;font-weight:800;letter-spacing:-.4px;flex-shrink:0}.gt-chev{width:18px;height:18px;color:var(--ink-faint);flex-shrink:0}.bottom{position:fixed;bottom:var(--tab-h);left:0;right:0;margin:0 auto;max-width:480px;background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:13px 18px 14px;z-index:16}.bottom-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.bottom-stat{text-align:center;flex:1}.bottom-stat .bs-lbl{font-size:10px;font-weight:600;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.4px}.bottom-stat .bs-val{font-size:16px;font-weight:800;letter-spacing:-.5px;margin-top:2px}.bottom-stat.income .bs-val{color:var(--green)}.bottom-stat.expense .bs-val{color:var(--ink)}.bottom-stat.balance.neg .bs-val{color:var(--red)}.bottom-stat.balance.pos .bs-val{color:var(--green)}.bottom-div{width:1px;height:30px;background:var(--line)}.bottom .save-btn{width:100%;background:var(--petrol);color:#fff;border:none;border-radius:14px;padding:14px;font-size:14.5px;font-weight:700;box-shadow:0 5px 14px #2c556052}.bottom .save-btn:disabled{opacity:.55;box-shadow:none}.reg{display:flex;flex-direction:column;min-height:100%}.reg-head{padding:16px 20px 8px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg);z-index:5}.reg-back{width:38px;height:38px;border-radius:12px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--ink);border:none}.reg-back svg{width:20px;height:20px}.reg-title{font-size:17px;font-weight:700;letter-spacing:-.3px}.reg-scroll{flex:1;overflow-y:auto;padding:8px 20px 120px}.reg-scroll::-webkit-scrollbar{display:none}.type-toggle{display:flex;background:#e8eaec;border-radius:14px;padding:4px;margin-bottom:22px}.type-toggle button{flex:1;border:none;background:transparent;padding:10px;border-radius:11px;font-size:13.5px;font-weight:600;color:var(--ink-soft)}.type-toggle button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.amount-wrap{text-align:center;margin:8px 0 26px}.amount-label{font-size:12px;font-weight:600;color:var(--ink-faint);margin-bottom:6px}.amount-field{display:flex;align-items:center;justify-content:center}.amount-field .cur{font-size:20px;font-weight:600;color:var(--ink-faint);margin-right:4px}.amount-field input{border:none;outline:none;background:none;text-align:center;font:inherit;font-size:44px;font-weight:800;letter-spacing:-1.5px;color:var(--ink);width:100%;max-width:280px}.amount-field input::placeholder{color:var(--ink-faint)}.field-label{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.6px;margin:0 0 11px 2px}.who-row{display:flex;gap:12px;margin-bottom:24px}.who-chip{flex:1;border:2px solid var(--line);border-radius:16px;padding:14px 10px;display:flex;align-items:center;gap:11px;background:#fff}.who-chip .wn{font-size:14px;font-weight:600}.who-chip .wtick{margin-left:auto;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0}.who-chip .wtick svg{width:12px;height:12px;color:#fff}.who-chip.sel-nico{border-color:var(--petrol);background:var(--petrol-soft)}.who-chip.sel-nico .wtick{opacity:1;background:var(--petrol)}.who-chip.sel-nati{border-color:var(--rose-deep);background:var(--rose-soft)}.who-chip.sel-nati .wtick{opacity:1;background:var(--rose-deep)}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.cat-card{border:2px solid var(--line);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:#fff;position:relative}.cat-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cat-ic svg{width:22px;height:22px}.cat-name{font-size:13.5px;font-weight:600;letter-spacing:-.2px}.cat-card .ctick{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--petrol);display:flex;align-items:center;justify-content:center;opacity:0}.cat-card .ctick svg{width:12px;height:12px;color:#fff}.cat-card.sel{border-color:var(--petrol)}.cat-card.sel .ctick{opacity:1}.cat-ic.deuda{background:var(--c-deuda-soft);color:var(--rose-deep)}.cat-ic.tarjeta{background:var(--c-tarjeta-soft);color:var(--steel)}.cat-ic.vivienda{background:var(--c-vivienda-soft);color:var(--green)}.cat-ic.empresa{background:var(--c-empresa-soft);color:var(--amber)}.cat-grid.grid-8{gap:10px}.cat-grid.grid-8 .cat-card{padding:13px 12px;gap:8px}.cat-grid.grid-8 .cat-ic{width:38px;height:38px}.detail-row input[type=date]{color:var(--ink)}.detail-field{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 14px;margin-bottom:12px}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;gap:12px}.detail-row+.detail-row{border-top:1px solid var(--line)}.detail-k{font-size:13.5px;color:var(--ink-soft);flex-shrink:0}.detail-row input{border:none;outline:none;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);text-align:right;flex:1;min-width:0}.detail-row input::placeholder{color:var(--ink-faint);font-weight:400}.cuota-inputs{display:flex;align-items:center;gap:4px}.cuota-inputs input{width:42px;text-align:center;border:1px solid var(--line);border-radius:8px;padding:4px;font-weight:600}.switch{width:44px;height:26px;border-radius:20px;background:var(--line);position:relative;border:none;flex-shrink:0;transition:background .15s}.switch.on{background:var(--green)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s}.switch.on:after{left:21px}.save-bar{position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:480px;padding:14px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent)}.msg-scroll{padding:8px 16px calc(70px + var(--tab-h));display:flex;flex-direction:column;gap:10px}.msg-row{display:flex;gap:8px;align-items:flex-end;max-width:85%}.msg-row.mine{align-self:flex-end;flex-direction:row-reverse}.msg-bub-wrap{min-width:0}.msg-who{font-size:10px;font-weight:700;color:var(--ink-soft);margin-bottom:3px;margin-left:2px}.msg-bub{font-size:13.5px;line-height:1.4;padding:9px 12px;border-radius:14px;word-break:break-word}.msg-row.nico .msg-bub{background:var(--petrol-soft);border-bottom-left-radius:4px}.msg-row.nati .msg-bub{background:var(--rose-soft);border-bottom-left-radius:4px}.msg-row.mine .msg-bub{background:var(--petrol);color:#fff;border-radius:14px 14px 4px}.msg-time{font-size:9.5px;color:var(--ink-faint);margin-top:3px}.msg-row.mine .msg-time{text-align:right}.msg-input-bar{position:fixed;bottom:var(--tab-h);left:0;right:0;margin:0 auto;max-width:480px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:14}.msg-input-bar input{flex:1;border:1px solid var(--line);border-radius:18px;padding:10px 14px;font:inherit;font-size:14px;outline:none;background:#fff}.msg-input-bar input:focus{border-color:var(--petrol)}.msg-input-bar button{border:none;background:var(--petrol);color:#fff;border-radius:16px;padding:9px 16px;font-size:13.5px;font-weight:600}.msg-input-bar button:disabled{opacity:.5}.gm-scroll{padding:8px 16px calc(80px + var(--tab-h))}.gm-total{display:flex;justify-content:space-between;align-items:center;background:var(--petrol-soft);border-radius:14px;padding:13px 16px;margin-bottom:14px;font-size:13px;font-weight:600;color:var(--petrol-deep)}.gm-total b{font-size:17px;font-weight:800;letter-spacing:-.4px}.gm-list{background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.gm-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.gm-row:last-child{border-bottom:none}.gm-ic{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.gm-ic svg{width:19px;height:19px}.gm-body{flex:1;min-width:0}.gm-name{font-size:13.5px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-sub{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.gm-amt{font-size:13.5px;font-weight:700;letter-spacing:-.3px;flex-shrink:0}.gm-del{background:none;border:none;color:var(--ink-faint);display:flex;padding:4px;flex-shrink:0}.gm-del svg{width:17px;height:17px}.gm-fab-bar{position:fixed;bottom:var(--tab-h);left:0;right:0;margin:0 auto;max-width:480px;padding:12px 16px;background:linear-gradient(to top,var(--bg) 75%,transparent);z-index:14}:root{--bg: #F4F5F6;--card: #FFFFFF;--ink: #20272E;--ink-soft: #5C6770;--ink-faint: #97A0A8;--line: #E4E7EA;--petrol: #2C5560;--petrol-deep: #1E3D46;--petrol-soft: #E4ECEE;--steel: #4A6B7A;--steel-soft: #E6EBEE;--slate: #5E6B73;--slate-soft: #EAECEE;--rose: #B07480;--rose-soft: #F0E7E9;--rose-deep: #8E5A66;--green: #4F8A6B;--green-soft: #E4EDE8;--red: #B85C5C;--red-soft: #F2E5E5;--amber: #B08A45;--amber-soft: #F0EADD;--c-deuda: #B07480;--c-deuda-soft: #F0E7E9;--c-tarjeta: #4A6B7A;--c-tarjeta-soft: #E6EBEE;--c-vivienda: #4F8A6B;--c-vivienda-soft: #E4EDE8;--c-empresa: #B08A45;--c-empresa-soft: #F0EADD;--shadow: 0 2px 14px rgba(32, 39, 46, .05);--shadow-lg: 0 10px 36px rgba(32, 39, 46, .13);--tab-h: 74px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.app{max-width:480px;margin:0 auto;min-height:100%;background:var(--bg);position:relative;display:flex;flex-direction:column}.app-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-scroll::-webkit-scrollbar{display:none}.topbar{padding:16px 20px 10px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg);z-index:5}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--petrol);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;letter-spacing:-.5px}.brand-name{font-weight:700;font-size:18px;letter-spacing:2px;color:var(--petrol-deep)}.top-icons{display:flex;gap:16px;color:var(--ink-soft)}.top-icons svg{width:22px;height:22px}.icon-btn{background:none;border:none;color:inherit;display:flex}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.avatar.nico{background:linear-gradient(140deg,#3a6470,#244852)}.avatar.nati{background:linear-gradient(140deg,#b98590,#8e5a66)}.card{background:var(--card);border-radius:20px;padding:17px;margin-bottom:15px;box-shadow:var(--shadow)}.card-title{font-size:15.5px;font-weight:700;letter-spacing:-.3px;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between}.card-title .link{font-size:12.5px;font-weight:600;color:var(--petrol);background:none;border:none}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;margin-top:3px;padding:2px 8px;border-radius:20px}.badge.paid{background:var(--green-soft);color:var(--green)}.badge.pending{background:var(--red-soft);color:var(--red)}.badge.due{background:var(--amber-soft);color:var(--amber)}.badge svg{width:10px;height:10px}.tabbar{position:sticky;bottom:0;left:0;right:0;height:var(--tab-h);background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-around;padding-top:11px;z-index:15}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink-faint);font-size:9.5px;font-weight:500;flex:1;background:none;border:none}.tab svg{width:22px;height:22px}.tab.active{color:var(--petrol)}.tab.fab{flex:0;align-self:center}.fab-btn{width:52px;height:52px;border-radius:50%;background:var(--petrol);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #2c55606b;margin-top:-6px;color:#fff;border:none}.fab-btn svg{width:25px;height:25px}.btn-primary{width:100%;background:var(--petrol);color:#fff;border:none;border-radius:16px;padding:16px;font-size:15px;font-weight:700;box-shadow:0 6px 18px #2c556059;letter-spacing:.2px}.btn-primary:disabled{opacity:.55;box-shadow:none}.center-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--ink-soft);text-align:center}.spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--petrol);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}