.block{display:block}.flex{display:flex}.table{display:table}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.break-all{word-break:break-all}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--azul:#2563eb;--azul-cl:#dbeafe;--amar:#f5b400;--amar-cl:#fff4cc;--rojo:#dc2626;--verde:#16a34a;--gris:#6b7280;--fondo:#f4f5f7;--txt:#111827}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f4f5f7;color:var(--txt)}.phone{width:100%;max-width:480px;min-height:100vh;margin:0 auto;background:var(--fondo);position:relative;overflow-x:hidden}.demo{background:#7c3aed;color:#fff;font-size:11px;font-weight:700;text-align:center;padding:4px;letter-spacing:.5px}.status{padding:6px 18px 2px;font-size:13px;font-weight:600}.status,header{display:flex;justify-content:space-between}header{padding:6px 16px 10px;align-items:center}header h1{font-size:19px}.user{display:flex;align-items:center;gap:6px;color:var(--gris)}.av,.user{font-size:13px}.av{width:30px;height:30px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-weight:700}.totales{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 12px 10px}.tot{background:#fff;border-radius:12px;padding:8px 10px}.tot small{color:var(--gris);font-size:11px;display:block}.tot b{font-size:15px}.chips{display:flex;gap:6px;padding:0 12px 10px;overflow:hidden}.chip{border:1px solid #d1d5db;background:#fff;border-radius:999px;padding:5px 12px;font-size:12px;white-space:nowrap}.chip.on{background:#111827;color:#fff;border-color:#111827}section.nivel{margin:0 12px 10px;background:#fff;border-radius:14px;padding:10px 10px 12px}.nh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.nh h2{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--gris)}.nh .acc{font-size:12px;color:var(--azul);font-weight:600}.ingresos{background:linear-gradient(180deg,var(--azul-cl),#fff)}.row{display:flex;gap:10px;overflow:hidden}.row.wrap{flex-wrap:wrap;justify-content:flex-start;gap:10px 0}.row.wrap .coin{width:25%}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px}.coin{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;min-width:70px}.c{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;position:relative}.c.azul{background:var(--azul);color:#fff}.c.amar{background:var(--amar);color:#3b2a00}.c.gasto{background:#eef0f3;border:3px solid #e5e7eb}.c.add{background:#fff;border:2px dashed #cbd5e1;color:#94a3b8;font-size:24px}.coin .n{font-size:11px;line-height:1.15;max-width:78px}.coin .m{font-size:11px;font-weight:700}.neg{color:var(--rojo)}.pos{color:var(--verde)}.tag{font-size:9px;color:var(--gris)}.bar{width:64px;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:var(--verde)}.bar i.w{background:#f59e0b}.bar i.r{background:var(--rojo)}.presu{display:flex;align-items:center;gap:8px;font-size:12px;margin:2px 0 10px}.presu .bigbar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.presu .bigbar i{display:block;height:100%}.drag{position:absolute;pointer-events:none}.hint{text-align:center;margin:4px 80px 8px 12px}.hint,nav.tab{font-size:11px;color:var(--gris)}nav.tab{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:5;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:8px 0 18px}nav.tab a{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:2px}nav.tab a.on{color:var(--azul);font-weight:700}nav.tab span{font-size:19px}.fab{position:fixed;left:50%;margin-left:min(117px,calc(50vw - 72px));border:0;cursor:pointer;bottom:82px;z-index:6;width:56px;height:56px;border-radius:50%;background:var(--azul);color:#fff;font-size:30px;display:grid;place-items:center;box-shadow:0 6px 16px rgba(37,99,235,.4)}.screen{display:none}.screen.on{display:block}.dim{z-index:20;top:0;background:rgba(17,24,39,.45)}.dim,.sheet{position:fixed;bottom:0;left:50%;width:100%;max-width:480px;transform:translateX(-50%)}.sheet{z-index:21;max-height:94vh;overflow-y:auto;background:#fff;border-radius:20px 20px 0 0;padding:10px 16px 22px}.grab{width:40px;height:5px;background:#d1d5db;border-radius:3px;margin:0 auto 10px}.flow{display:flex;align-items:center;justify-content:space-between;background:var(--fondo);border-radius:14px;padding:10px 12px;margin-bottom:10px}.flow .coin{min-width:0}.arrow{font-size:22px;color:var(--gris)}.monto{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:4px 0 8px}.monto b{font-size:40px;letter-spacing:-1px}.mon{display:flex;justify-content:center}.fields,.mon{gap:6px;margin-bottom:8px}.fields{display:grid;grid-template-columns:1fr 1fr}.f{background:var(--fondo);border-radius:10px;padding:7px 10px;font-size:12px}.f small{display:block;color:var(--gris);font-size:10px}.f.full{grid-column:1/3}.tog{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:4px 2px 8px}.sw{width:38px;height:22px;border-radius:11px;background:#d1d5db;position:relative}.sw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.k{background:var(--fondo);border-radius:10px;text-align:center;padding:7px 0;font-size:20px;font-weight:600}.btn{background:var(--azul);text-align:center;padding:13px;font-weight:700;font-size:15px}.btn,.toast{color:#fff;border-radius:12px}.toast{position:fixed;z-index:30;max-width:448px;margin:0 auto;left:16px;right:16px;top:64px;background:#111827;padding:10px 14px;font-size:13px;display:flex;justify-content:space-between}.toast b{color:#93c5fd}.ucard{background:#fff;border-radius:14px;margin:0 12px 10px;padding:12px}.uh{display:flex;align-items:center;gap:10px;margin-bottom:8px}.uh .av{width:36px;height:36px}.uh .nm{flex:1}.uh .nm b{display:block;font-size:14px}.uh .nm small{color:var(--gris);font-size:11px}.uh .s{text-align:right;font-weight:700}.uh .s small{display:block;font-weight:400;color:var(--gris);font-size:10px}.pl{display:flex;align-items:center;gap:8px;font-size:12px;margin:5px 0}.pl .lbl{width:84px}.pl .bigbar{flex:1;height:7px;background:#e5e7eb;border-radius:4px;overflow:hidden}.pl .bigbar i{display:block;height:100%}.pl .v{width:110px;text-align:right;color:var(--gris);font-size:11px}table{width:100%;border-collapse:collapse;font-size:12px}td{padding:6px 2px;border-bottom:1px solid #f0f1f3}td.r{text-align:right;font-weight:600}.lock{font-size:11px;background:#fef3c7;color:#92400e;border-radius:8px;padding:6px 10px}.lock,.tcpill{margin:0 12px 10px}.tcpill{display:flex;align-items:center;justify-content:space-between;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:7px 12px;font-size:12px}.tcpill b{font-size:13px}.tcpill a{color:var(--verde);font-weight:700;text-decoration:none}.sub{font-size:9px;color:var(--gris)}.rep{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;align-items:center}.rep .lbl{font-size:12px;width:100%;color:var(--gris)}.rep .chip{padding:4px 9px;font-size:11px}.tcline{font-size:11px;color:var(--gris);text-align:center;margin:-2px 0 8px}.tccard{background:#fff;border-radius:14px;margin:0 12px 10px;padding:12px;border:2px solid #a7f3d0}.tcin{display:flex;align-items:center;gap:8px;margin:8px 0}.tcin .box{flex:1;background:var(--fondo);border-radius:10px;padding:8px 12px;font-size:22px;font-weight:700}.tcin .box small{display:block;font-size:10px;font-weight:400;color:var(--gris)}.btn.sm{padding:10px 14px;font-size:13px;background:var(--verde)}.hist{display:flex;gap:6px;font-size:11px;color:var(--gris);flex-wrap:wrap}.hist span{background:var(--fondo);border-radius:8px;padding:3px 8px}.note{font-size:11px;color:#065f46;margin-top:8px}.rec{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f1f3}.rec:last-child{border-bottom:0}.rec .ic{width:38px;height:38px;border-radius:50%;background:#eef0f3;display:grid;place-items:center;font-size:18px}.rec .tx{flex:1;font-size:13px}.rec .tx small{display:block;font-size:11px;color:var(--gris)}.fq{display:inline-block;font-size:10px;border-radius:6px;padding:1px 6px;background:#e0e7ff;color:#3730a3;margin-right:4px}.fq,.rec .am{font-weight:700}.rec .am{text-align:right;font-size:13px}.rec .am small{display:block;font-weight:400;font-size:10px;color:var(--gris)}.go{font-size:11px;font-weight:700;color:#fff;background:var(--azul);border-radius:8px;padding:5px 8px;margin-top:3px;display:inline-block}.soon{color:#b45309}body,html{background:#e5e7eb}button{font:inherit;background:none;border:0;padding:0;cursor:pointer}a,button{color:inherit}input,select,textarea{font:inherit;color:inherit;border:0;background:transparent;width:100%;outline:none}.f input,.f select{font-size:12px;padding:0;margin:0}.chip,.coin{cursor:pointer}.coin{-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;background:none}.coin.sel .c{outline:3px solid var(--azul);outline-offset:1px}.coin.dropok .c{outline:3px dashed var(--azul);outline-offset:2px}.coin.sobre .c{outline:3px solid var(--verde);transform:scale(1.08)}.coin.inactiva{opacity:.35}.editando .coin .c{animation:temblor .25s infinite alternate}@keyframes temblor{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.sw.on{background:var(--azul)}.sw.on:after{left:18px}.sw:after{transition:left .15s}.k{cursor:pointer}.k:active{background:#e5e7eb}.btn{display:block;width:100%;cursor:pointer}.btn:disabled{opacity:.5}.btn.gris{background:#e5e7eb;color:var(--txt)}.btn.rojo{background:var(--rojo)}.go{border:0;cursor:pointer}.aviso{margin:0 0 8px;border-radius:10px;padding:8px 10px;font-size:12px;background:#fef3c7;color:#92400e}.aviso.error{background:#fee2e2;color:#991b1b}.aviso .acc{display:flex;gap:6px;margin-top:6px}.aviso .acc button{background:#fff;border-radius:8px;padding:5px 10px;font-weight:700;font-size:12px}.login{padding:40px 20px}.login h1{font-size:24px;margin-bottom:6px}.login .f{margin:14px 0;font-size:15px;padding:12px}.login .f input{font-size:16px}.vacio{font-size:12px;color:var(--gris);text-align:center;padding:14px 0}.reemb{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f1f3}.reemb:last-child{border-bottom:0}.salir{font-size:11px;color:var(--gris);text-decoration:underline}.hidden{display:none}