:root{--azul: #1A3158;--fondo: #F6F6F4;--tarjeta: #ffffff;--texto: #1c2320;--suave: #6B7280;--borde: #E5E7EB;--ambar: #9a6a00;--rojo: #b3261e;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--texto);font:14px/1.6 "Source Serif 4",Georgia,serif}#root{padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(84px + env(safe-area-inset-bottom));min-height:100vh}.hoja{max-width:640px;margin:0 auto;background:var(--tarjeta);border-radius:12px;box-shadow:0 2px 14px #00000012;overflow:hidden}.cuerpo{padding:20px 24px 28px}h1{font-size:20px;font-weight:600;color:var(--azul);margin:0 0 2px}h2{font-size:15px;font-weight:600;color:var(--azul);margin:0}p.sub{color:var(--suave);margin:0 0 16px;font-size:12.5px}.bloque{border:1px solid var(--borde);border-radius:10px;padding:14px 16px;margin:12px 0}label{display:block;font-size:12px;color:var(--suave);margin:12px 0 4px}input,select{width:100%;font:16px/1.3 "Source Serif 4",Georgia,serif;padding:11px 12px;border:1px solid var(--borde);border-radius:8px;background:#fff;color:var(--texto)}input:focus,select:focus{outline:2px solid var(--azul);border-color:transparent}button{font:15px/1.3 "Source Serif 4",Georgia,serif;padding:11px 16px;border-radius:8px;border:0;cursor:pointer}button.prim{background:var(--azul);color:#fff;width:100%;margin-top:16px;font-weight:600}button.prim:disabled{opacity:.5}button.sec{background:transparent;color:var(--azul);padding:8px 0}button.chico{background:#eef1f6;color:var(--azul);padding:8px 12px;font-size:13.5px}.error{color:var(--rojo);font-size:13px;margin-top:10px}.barra{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 12px;margin-bottom:8px;border-bottom:1px solid var(--borde);font-size:12.5px;color:var(--suave)}.barra b{color:var(--azul)}.fila{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--borde)}.fila:last-child{border-bottom:0}.nombre{font-size:14px}.meta{font-size:12px;color:var(--suave)}.etq{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;white-space:nowrap}.etq.dfh{background:#e6ecf5;color:var(--azul)}.etq.propio{background:#fdf1d8;color:var(--ambar)}.rubro-cab{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px}.acciones{display:flex;gap:8px;margin:12px 0}.acciones button{flex:1}.vacio{color:var(--suave);font-size:13px;padding:10px 0}:root{--verde: #1f7a44}.seccion{display:flex;justify-content:space-between;align-items:baseline;margin:20px 0 6px}.seccion h2{font-size:15px}button.link{background:transparent;color:var(--azul);padding:0;font-size:13px}.vivo{font-size:11.5px;color:var(--verde);display:flex;align-items:center;gap:5px}.vivo i{width:7px;height:7px;border-radius:50%;background:var(--verde);display:inline-block;animation:lat 1.6s infinite}@keyframes lat{50%{opacity:.25}}.tabla{width:100%;border-collapse:collapse;font-size:13.5px}.tabla th{font-size:11.5px;color:var(--suave);font-weight:400;text-align:left;padding:4px 0;border-bottom:1px solid var(--borde)}.tabla td{padding:8px 0;border-bottom:1px solid var(--borde)}.tabla tr:last-child td{border-bottom:0}.tabla .num{text-align:right;font-variant-numeric:tabular-nums}.tabla td.num{font-weight:600;color:var(--azul)}.tabla td.apagado{color:var(--suave);font-weight:400}.tabla .sc{font-size:11px;color:var(--suave)}.var{text-align:right;font-size:12px;font-variant-numeric:tabular-nums;width:76px}.var.up{color:var(--verde)}.var.dn{color:var(--rojo)}.var.eq{color:var(--suave)}.fuente{font-size:11px;color:var(--suave);margin-top:4px}.ag{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--borde)}.ag .f{width:42px;flex-shrink:0;text-align:center;border:1px solid var(--borde);border-radius:8px;padding:3px 0;font-size:10.5px;color:var(--suave);line-height:1.15;text-transform:uppercase}.ag .f b{display:block;font-size:17px;color:var(--azul)}.ag .tx{flex:1;min-width:0}.ag .t{font-size:13.5px;font-weight:600}.ag .m{font-size:12px;color:var(--suave)}.ag .cat{font-size:10.5px;font-weight:600;padding:1px 8px;border-radius:99px;background:#eef1f6;color:var(--azul);white-space:nowrap}.ag.venc .f{border-color:var(--rojo)}.ag.venc .f b{color:var(--rojo)}.ag.venc .cat{background:#fbe9e7;color:var(--rojo)}.ag.hoy .f{border-color:var(--ambar)}.ag.hoy .cat{background:#fdf1d8;color:var(--ambar)}nav.menu{position:fixed;left:0;right:0;bottom:0;z-index:10;background:#fff;border-top:1px solid var(--borde);display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(8px + env(safe-area-inset-bottom))}nav.menu button{background:transparent;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--suave);border-radius:0}nav.menu button.on{color:var(--azul);font-weight:600}nav.menu svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}nav.menu .n{display:inline-block;background:var(--rojo);color:#fff;border-radius:99px;font-size:10px;padding:0 5px;margin-left:3px;font-weight:600}@media (min-width: 700px){nav.menu{max-width:640px;margin:0 auto;border-left:1px solid var(--borde);border-right:1px solid var(--borde);border-radius:12px 12px 0 0}}