:root{--foam: #edf3f5;--foam-2: #ffffff;--ink: #0a2430;--ink-soft: #40616f;--ink-faint: #7e9aa6;--line: #d5e1e6;--line-soft: #e4ecef;--spout: #1fa6d6;--spout-deep: #0e7ca6;--abyss: #08202c;--gold: #e7a33e;--owe: #e5544b;--owe-bg: #fce9e7;--owed: #2e9e6b;--owed-bg: #e4f3ec;--r: 7px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--app-bg: var(--foam);--appbar-bg: linear-gradient(150deg, var(--abyss), #0d2d3c);--appbar-ink: #eaf6fb;--whale: #3cbdea}@media(prefers-color-scheme:dark){:root{--foam: #071a24;--foam-2: #0c2734;--ink: #eaf3f6;--ink-soft: #9fbcc7;--ink-faint: #6a8b98;--line: #163847;--line-soft: #12303e;--spout: #3cbdea;--spout-deep: #7fd0ee;--abyss: #030f16;--owe: #f0776f;--owe-bg: #3a1e1f;--owed: #4fc08a;--owed-bg: #12332a}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{background:var(--app-bg) fixed}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--app-bg) fixed;-webkit-font-smoothing:antialiased;line-height:1.5;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button,input,select{font:inherit;color:inherit}.tnum{font-variant-numeric:tabular-nums}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:transparent}.appbar{position:sticky;top:0;z-index:5;background:var(--appbar-bg);color:var(--appbar-ink);display:flex;align-items:center;gap:11px;padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left))}.appbar .logo{width:34px;height:34px;flex:none}.appbar .grow{flex:1 1 auto;min-width:0}.appbar .ti{font-weight:800;font-size:17px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar .su{font-size:11.5px;color:var(--appbar-ink);opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar .iconbtn{flex:none;background:#ffffff1f;border:none;color:var(--appbar-ink);border-radius:7px;padding:7px 9px;font-size:16px;line-height:1;cursor:pointer}.appbar .iconbtn:active{transform:translateY(1px)}.appbar .sync-dot{flex:none;background:#ffffff1f;border:none;border-radius:7px;padding:9px;cursor:pointer;display:grid;place-items:center}.appbar .sync-dot:active{transform:translateY(1px)}.appbar .sync-dot .d{width:11px;height:11px;border-radius:50%;display:block}.appbar .sync-dot.checking .d{animation:syncpulse .8s ease-in-out infinite}@keyframes syncpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.appbar .userbadge{flex:none;display:flex;align-items:center;gap:7px;max-width:128px;background:#ffffff1f;border:none;color:var(--appbar-ink);border-radius:7px;padding:4px 9px 4px 4px;cursor:pointer}.appbar .userbadge:active{transform:translateY(1px)}.appbar .userbadge .uav{flex:none;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-size:15px;background:#ffffff29}.appbar .userbadge .utxt{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.12}.appbar .userbadge .un{max-width:100%;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar .userbadge .ust{max-width:100%;font-size:9.5px;font-weight:600;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px calc(14px + env(safe-area-inset-right)) 84px calc(14px + env(safe-area-inset-left))}.sec-h{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:4px 2px 0;display:flex;align-items:center;justify-content:space-between}.card{background:var(--foam-2);border:1px solid var(--line-soft);border-radius:var(--r);padding:12px}.card.tight{padding:8px 12px}.row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--line-soft)}.row:first-child{border-top:none}.row .main{flex:1;min-width:0}.row .main .n{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .main .sub{font-size:12px;color:var(--ink-faint)}.row .amt{font-weight:750;white-space:nowrap}.amt.owe{color:var(--owe)}.amt.owed{color:var(--owed)}.av{width:34px;height:34px;border-radius:7px;flex:none;display:grid;place-items:center;font-size:17px;color:#fff}.btn{border:none;border-radius:7px;padding:12px 16px;font-weight:750;font-size:15px;cursor:pointer;background:var(--spout);color:#fff}.btn:active{transform:translateY(1px)}.btn.block{width:100%}.btn.ghost{background:transparent;color:var(--spout-deep);border:1px solid var(--line)}.btn.sm{padding:7px 12px;font-size:13px;border-radius:6px}.btn.danger{background:var(--owe)}label{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);margin:10px 2px 4px}input[type=text],input[type=number],input[type=date],input[type=email],select,textarea{width:100%;background:var(--foam-2);border:1px solid var(--line);border-radius:7px;padding:11px 12px;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--spout);outline-offset:1px}.pill{font-size:11px;font-weight:750;padding:3px 9px;border-radius:999px;white-space:nowrap}.pill.owe{background:var(--owe-bg);color:var(--owe)}.pill.owed{background:var(--owed-bg);color:var(--owed)}.pill.neutral{background:color-mix(in srgb,var(--spout) 14%,transparent);color:var(--spout-deep)}.pill.fx{background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:var(--foam-2);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:650;cursor:pointer;display:inline-flex;gap:6px;align-items:center}.chip.on{background:var(--spout);border-color:var(--spout);color:#fff}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;display:flex;justify-content:space-around;background:var(--foam-2);border-top:1px solid var(--line-soft);padding:8px calc(4px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left));z-index:6}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink-faint);background:none;border:none;cursor:pointer}.tab svg{width:21px;height:21px}.tab span{font-size:10px;font-weight:650}.tab.on{color:var(--spout)}.subnav-wrap{padding:12px 14px 0}.subnav{display:flex;gap:4px;background:var(--line-soft);padding:4px;border-radius:9px}.subnav button{flex:1;padding:9px 6px;border:none;background:none;cursor:pointer;border-radius:6px;font-weight:750;font-size:14px;color:var(--ink-soft)}.subnav button.on{background:var(--foam-2);color:var(--spout-deep);box-shadow:0 1px 2px #04121a1a}.subnav button:active{transform:translateY(1px)}.balance-hero{background:linear-gradient(150deg,var(--abyss),#0d2d3c);color:#eaf6fb;border:none;position:relative;overflow:hidden}.balance-hero .l{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7fc4e0}.balance-hero .big{font-size:28px;font-weight:850;letter-spacing:-.02em;margin:3px 0 1px}.balance-hero .s{font-size:12px;color:#a9cede}.note{font-size:12.5px;color:var(--ink-soft);background:color-mix(in srgb,var(--spout) 7%,var(--foam-2));border:1px dashed var(--line);border-radius:7px;padding:10px 12px}.note b{color:var(--ink)}.empty{text-align:center;color:var(--ink-faint);padding:30px 16px;font-size:14px}.empty .e{font-size:40px;display:block;margin-bottom:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fab{position:fixed;right:max(calc(16px + env(safe-area-inset-right)),calc(50% - 244px));bottom:calc(78px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:10px;background:var(--spout);color:#fff;border:none;font-size:27px;cursor:pointer;box-shadow:0 10px 22px -6px color-mix(in srgb,var(--spout) 70%,transparent);z-index:6}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#04121a80;z-index:20;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--foam);width:100%;max-width:520px;border-radius:12px 12px 0 0;padding:16px 16px 26px;max-height:92vh;overflow-y:auto}.modal-bg.center{align-items:center;padding:calc(12px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom))}.modal.center{width:90%;max-width:460px;border-radius:12px;padding:18px 16px 22px;max-height:min(78vh,calc(100vh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal h2{margin:4px 0 2px;font-size:19px}.modal .x{float:right;background:none;border:none;font-size:22px;color:var(--ink-faint);cursor:pointer}.update-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:linear-gradient(150deg,var(--abyss),#0d2d3c);color:#eaf6fb;padding:calc(16px + env(safe-area-inset-top)) 24px calc(16px + env(safe-area-inset-bottom))}.update-overlay .box{text-align:center;max-width:300px}.update-overlay .whale{font-size:58px;line-height:1;animation:whalebob 1.7s ease-in-out infinite}.update-overlay .step{margin-top:16px;font-size:15.5px;font-weight:750}.update-overlay .hint{margin-top:8px;font-size:12px;color:#a9cede}.update-overlay .prog{margin:16px auto 0;width:190px;height:6px;border-radius:3px;background:#ffffff24;overflow:hidden}.update-overlay .prog i{display:block;height:100%;width:42%;border-radius:3px;background:var(--spout);animation:progslide 1.15s ease-in-out infinite}@keyframes progslide{0%{transform:translate(-110%)}to{transform:translate(240%)}}@keyframes whalebob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.update-overlay .whale,.update-overlay .prog i{animation:none}}.acceso{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center;padding:calc(24px + env(safe-area-inset-top)) 26px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(150deg,var(--abyss),#0d2d3c);color:#eaf6fb}.acceso-logo{width:84px;height:84px;margin:0 auto}.acceso h1{font-size:26px;font-weight:850;margin:0}.acceso-texto{font-size:14.5px;line-height:1.5;color:#a9cede;margin:0 auto;max-width:320px}.btn.apple{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#000;margin-top:8px}.btn.apple:disabled{opacity:.6;cursor:default}.acceso-aviso{background:#ffffff14;border-radius:var(--r);padding:14px;font-size:13.5px;line-height:1.5;text-align:left;display:grid;gap:8px;justify-items:start}.acceso-aviso p{white-space:pre-line;margin:0}.acceso-aviso .note{color:#a9cede;margin:0}.acceso-codigo{display:block;width:100%;word-break:break-all;font-size:12px;background:#00000040;border-radius:6px;padding:8px}.acceso-aviso .btn.ghost{color:#eaf6fb;border-color:#ffffff4d}.cuenta-fila{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.cuenta-fila:last-child{border-bottom:none}.cuenta-fila .main{flex:1;min-width:0}.cuenta-fila .n{font-weight:700;font-size:14px}.cuenta-fila .sub{font-size:11.5px;color:var(--ink-faint)}.cuenta-fila[data-activa=no]{opacity:.55}:root[data-skin=abisal]{--app-bg: radial-gradient(120% 80% at 80% -10%, #134b6b 0%, #0a2e46 45%, #071a2b 100%);--foam: #071a2b;--foam-2: rgba(255,255,255,.07);--ink: #eaf6fb;--ink-soft: #b6d2e0;--ink-faint: #8fb4c8;--line: rgba(255,255,255,.14);--line-soft: rgba(255,255,255,.08);--spout: #1f9fd0;--spout-deep: #7fdcf0;--abyss: #071a2b;--gold: #ffc24b;--owe: #ff8a7a;--owe-bg: rgba(255,122,102,.16);--owed: #5ee0a0;--owed-bg: rgba(94,224,160,.16);--appbar-bg: linear-gradient(150deg, #0b3a58, #0a2438);--appbar-ink: #eaf6fb;--whale: #38c6e8}:root[data-skin=abisal] .appbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#ffc24b 1.5px,transparent 2px),radial-gradient(circle,#ff7a66 1.5px,transparent 2px),radial-gradient(circle,#38c6e8 1.5px,transparent 2px);background-size:46px 46px,62px 62px,54px 54px;background-position:12px 8px,34px 24px,52px 12px}:root[data-skin=chiringuito]{--app-bg: linear-gradient(160deg, #ff8f5e 0%, #ffc061 42%, #ff86a6 100%);--foam: #ffd0a0;--foam-2: #fff7ee;--ink: #41262b;--ink-soft: #7a4f49;--ink-faint: #a8817a;--line: #efdfd0;--line-soft: #f4ece2;--spout: #0fa3a3;--spout-deep: #0c8484;--abyss: #41262b;--gold: #d9662f;--owe: #d24b42;--owe-bg: #fbe4e0;--owed: #1f8a5b;--owed-bg: #d7efe0;--appbar-bg: linear-gradient(150deg, #41262b, #5a3238);--appbar-ink: #fdf3ea;--whale: #ffc061}:root[data-skin=chiringuito] .card{box-shadow:0 8px 20px -12px #7832284d}:root[data-skin=verbena]{--app-bg: radial-gradient(90% 60% at 20% 0%, #2a1150 0%, transparent 55%), radial-gradient(90% 60% at 90% 100%, #07304a 0%, transparent 55%), #080611;--foam: #080611;--foam-2: rgba(20,16,42,.72);--ink: #eafcff;--ink-soft: #aab4e6;--ink-faint: #7c86b8;--line: rgba(120,90,255,.32);--line-soft: rgba(120,90,255,.18);--spout: #c840ff;--spout-deep: #31e0ff;--abyss: #080611;--gold: #ffe15a;--owe: #ff6b8a;--owe-bg: rgba(255,61,120,.16);--owed: #39ff96;--owed-bg: rgba(57,255,150,.14);--appbar-bg: linear-gradient(120deg, #170b30, #0a1430);--appbar-ink: #eafcff;--whale: #31e0ff}:root[data-skin=verbena] .card{box-shadow:0 0 20px -6px #783cff66}:root[data-skin=verbena] .appbar .ti{text-shadow:0 0 14px rgba(49,224,255,.5)}:root[data-skin=cuaderno]{--app-bg: repeating-linear-gradient(#f6f1e4 0 27px, #eae3d0 27px 28px);--foam: #f6f1e4;--foam-2: #fffdf6;--ink: #33302a;--ink-soft: #6f6a5c;--ink-faint: #8a8371;--line: #e7dfc9;--line-soft: #efe8d6;--spout: #e0662f;--spout-deep: #b6491a;--abyss: #2f6f7a;--gold: #b6791b;--owe: #c0492f;--owe-bg: #f6e2d8;--owed: #3c7a2f;--owed-bg: #dcecd2;--appbar-bg: linear-gradient(150deg, #2f6f7a, #25596a);--appbar-ink: #fdf7e6;--whale: #ffd166}:root[data-skin=cuaderno] .card{box-shadow:2px 3px #33302a1a}:root[data-skin=aqua]{--app-bg: linear-gradient(160deg, #12d0c4 0%, #1f9fe0 45%, #1246b8 100%);--foam: #1f9fe0;--foam-2: rgba(255,255,255,.17);--ink: #ffffff;--ink-soft: rgba(255,255,255,.82);--ink-faint: rgba(255,255,255,.66);--line: rgba(255,255,255,.3);--line-soft: rgba(255,255,255,.2);--spout: #0e6fb0;--spout-deep: #eafffb;--abyss: #0b3a72;--gold: #ffe06a;--owe: #ffd0c8;--owe-bg: rgba(255,120,100,.22);--owed: #d6ffe8;--owed-bg: rgba(120,255,190,.22);--appbar-bg: linear-gradient(150deg, rgba(11,58,114,.5), rgba(18,70,184,.4));--appbar-ink: #ffffff;--whale: #eafffb}:root[data-skin=aqua] .card,:root[data-skin=aqua] input,:root[data-skin=aqua] select,:root[data-skin=aqua] textarea{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}