:root{--ground:#e4e9ed;--frame:#c8d1d8;--surface:#fff;--surface-2:#f3f6f8;--surface-3:#e8edf1;--line:#d6dde3;--line-2:#bcc6ce;--ink:#101820;--ink-2:#48555f;--ink-3:#74828d;--accent:#0b5d8a;--accent-2:#0a4e74;--accent-on:#fff;--accent-soft:#dfedf5;--ok:#1b6e45;--ok-soft:#dff0e6;--warn:#96590a;--warn-soft:#faebd4;--crit:#a32319;--crit-soft:#f9e2e0;--haz-a:#e8b00a;--haz-b:#1a1f24;--shadow-1:0 1px 2px #10182012;--shadow-2:0 2px 6px #10182014, 0 18px 40px -22px #10182073;--r-s:8px;--r-m:12px;--r-l:18px;--f-ui:"Archivo","Helvetica Neue",Arial,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-tema=claro]){--ground:#0c1116;--frame:#242e36;--surface:#151d24;--surface-2:#1b252d;--surface-3:#222d36;--line:#2a353e;--line-2:#3a4751;--ink:#e6edf2;--ink-2:#a6b4bf;--ink-3:#7c8b96;--accent:#54a8d8;--accent-2:#7cc0e6;--accent-on:#08131b;--accent-soft:#16303f;--ok:#5fc38c;--ok-soft:#123326;--warn:#e0a64a;--warn-soft:#3a2a10;--crit:#f08076;--crit-soft:#3d1a18;--haz-b:#0c1116;--shadow-1:0 1px 2px #0006;--shadow-2:0 2px 6px #00000080, 0 18px 40px -22px #000000e6}}:root[data-tema=oscuro]{--ground:#0c1116;--frame:#242e36;--surface:#151d24;--surface-2:#1b252d;--surface-3:#222d36;--line:#2a353e;--line-2:#3a4751;--ink:#e6edf2;--ink-2:#a6b4bf;--ink-3:#7c8b96;--accent:#54a8d8;--accent-2:#7cc0e6;--accent-on:#08131b;--accent-soft:#16303f;--ok:#5fc38c;--ok-soft:#123326;--warn:#e0a64a;--warn-soft:#3a2a10;--crit:#f08076;--crit-soft:#3d1a18;--haz-b:#0c1116;--shadow-1:0 1px 2px #0006;--shadow-2:0 2px 6px #00000080, 0 18px 40px -22px #000000e6}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{background:var(--surface);flex-direction:column;max-width:520px;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}@media (width>=900px){.app{border:1px solid var(--frame);max-width:1120px;height:min(820px,100dvh - 60px);box-shadow:var(--shadow-2);border-radius:16px;margin:30px auto 0;position:relative;inset:auto}}.barra{min-height:56px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line);background:var(--surface);flex:none;align-items:center;gap:10px;display:flex}.marca{background:var(--accent);width:30px;height:30px;color:var(--accent-on);border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.barra h1{letter-spacing:-.01em;margin:0;font-size:15.5px;font-weight:700}.barra .der{align-items:center;gap:8px;margin-left:auto;display:flex}.pastilla{font-family:var(--f-mono);letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:10.5px}.col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.cuerpo{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.tabs{border-top:1px solid var(--line);background:var(--surface);flex:none;display:flex}.tabs button{padding:9px 4px calc(11px + env(safe-area-inset-bottom));color:var(--ink-3);flex-direction:column;flex:1;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.tabs button[aria-current=true]{color:var(--accent)}@media (width>=900px){.app{flex-direction:row}.tabs{border-top:none;border-right:1px solid var(--line);background:var(--surface-2);flex-direction:column;order:-1;gap:2px;width:198px;padding:12px 10px}.tabs button{border-radius:8px;flex-direction:row;flex:none;justify-content:flex-start;gap:11px;padding:10px 12px;font-size:13.5px}.tabs button:hover{background:var(--surface-3)}.tabs button[aria-current=true]{background:var(--accent-soft)}}.login{height:100%;padding:32px 26px calc(32px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;max-width:420px;margin:0 auto;display:flex;overflow-y:auto}.login .haz{background:repeating-linear-gradient(135deg,var(--haz-a) 0 9px,var(--haz-b) 9px 18px);border-radius:3px;height:6px;margin-bottom:30px}.login h2{letter-spacing:-.03em;margin:0 0 10px;font-size:29px;font-weight:700;line-height:1.12}.login p.sub{color:var(--ink-2);margin:0 0 30px;font-size:15px;line-height:1.5}.login .pie{font-family:var(--f-mono);letter-spacing:.05em;color:var(--ink-3);text-align:center;margin-top:28px;font-size:10.5px}.btn{border-radius:var(--r-m);background:var(--accent);width:100%;color:var(--accent-on);box-shadow:var(--shadow-1);justify-content:center;align-items:center;gap:9px;padding:14px;font-size:14.5px;font-weight:650;transition:background .15s;display:flex}.btn:hover{background:var(--accent-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.claro{background:var(--surface);color:var(--ink);border:1px solid var(--line-2);box-shadow:none}.btn.claro:hover{background:var(--surface-2)}.pila{flex-direction:column;gap:10px;display:flex}.separador{font-family:var(--f-mono);letter-spacing:.08em;color:var(--ink-3);align-items:center;gap:12px;margin:18px 0;font-size:10px;display:flex}.separador:before,.separador:after{content:"";background:var(--line);flex:1;height:1px}.campo{border-radius:var(--r-s);border:1px solid var(--line-2);background:var(--surface-2);width:100%;padding:13px 12px;font-size:15px}.campo::placeholder{color:var(--ink-3)}.aviso{border:1px solid var(--warn);border-radius:var(--r-m);background:var(--warn-soft);border-left-width:3px;margin-bottom:20px;padding:14px}.aviso b{color:var(--warn);margin-bottom:5px;font-size:13.5px;display:block}.aviso p{color:var(--ink-2);margin:0;font-size:12.5px;line-height:1.5}.aviso code{font-family:var(--f-mono);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11.5px}.centro{height:100%;color:var(--ink-3);font-family:var(--f-mono);letter-spacing:.06em;place-items:center;font-size:12px;display:grid}.enobra{color:var(--ink-3);padding:28px 18px;font-size:13.5px;line-height:1.6}.enobra h3{color:var(--ink);letter-spacing:-.015em;margin:0 0 10px;font-size:17px;font-weight:700}.hoja{padding:18px}.hoja h3{letter-spacing:-.02em;margin:0 0 18px;font-size:18px;font-weight:700}.hoja label{font-family:var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:0 0 6px;font-size:10px;display:block}.hoja .campo{margin-bottom:15px}.par{grid-template-columns:1fr 1fr;gap:12px;display:grid}.err{color:var(--crit);margin:4px 0 0;font-size:13px;line-height:1.45}.rotulo{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;padding:14px 18px 8px;font-size:10.5px;display:flex}.rotulo:after{content:"";background:var(--line);flex:1;height:1px}.fila{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 18px;display:flex}.fila:hover{background:var(--surface-2)}.fila .nom{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.fila .det{font-family:var(--f-mono);color:var(--ink-3);margin-top:4px;font-size:10.5px}.borrar{width:32px;height:32px;color:var(--ink-3);border:1px solid var(--line);border-radius:8px;flex:none;place-items:center;margin-left:auto;display:grid}.borrar:hover{color:var(--crit);border-color:var(--crit);background:var(--crit-soft)}.vacio{text-align:center;padding:44px 26px}.vacio .t{color:var(--ink-2);margin-bottom:7px;font-size:15px;font-weight:650}.vacio p{color:var(--ink-3);max-width:34ch;margin:0 auto;font-size:13px;line-height:1.55}@media (width>=900px){.hoja,.rotulo,.fila{max-width:720px}}.volver{color:var(--accent);align-items:center;gap:6px;padding:2px 0;font-size:13px;font-weight:650;display:inline-flex}.det{font-family:var(--f-mono);color:var(--ink-3);font-size:11px;line-height:1.5}.sumar{color:var(--accent);padding:4px 0;font-size:13.5px;font-weight:650}.ayuda{color:var(--ink-3);max-width:52ch;margin:8px 0 0;font-size:12px;line-height:1.55}.rol{color:var(--ink-3);font-weight:400}.switches{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.sw{border:1px solid var(--line-2);color:var(--ink-3);background:var(--surface);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.sw.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.fila-click{cursor:pointer}.instalar-btn{margin-top:22px}.instalar-banner{border:1px solid var(--accent);border-radius:var(--r-m);background:var(--accent-soft);align-items:center;gap:14px;margin:14px 18px 4px;padding:14px;display:flex}.instalar-banner b{color:var(--ink);margin-bottom:3px;font-size:13.5px;display:block}.instalar-banner p{color:var(--ink-2);margin:0;font-size:12px;line-height:1.45}.instalar-banner button{border-radius:var(--r-s);background:var(--accent);color:var(--accent-on);flex:none;align-items:center;gap:7px;margin-left:auto;padding:10px 14px;font-size:13px;font-weight:650;display:flex}.scrim{z-index:50;background:#080e1499;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.explica{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-l);max-width:380px;box-shadow:var(--shadow-2);padding:24px}.explica h4{letter-spacing:-.02em;margin:0 0 10px;font-size:18px;font-weight:700}.explica p{color:var(--ink-2);margin:0 0 14px;font-size:13.5px;line-height:1.55}.explica ol{margin:0 0 16px;padding-left:20px}.explica li{margin-bottom:8px;font-size:13.5px;line-height:1.7}.explica li svg{vertical-align:-3px;color:var(--accent);margin:0 3px}.explica .chico{color:var(--ink-3);font-size:12px}.tarjetas{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.tarjeta{background:var(--surface);text-align:center;flex-direction:column;align-items:center;padding:15px 10px 13px;transition:background .13s;display:flex}.tarjeta:hover{background:var(--surface-2)}.tarjeta[aria-pressed=true]{background:var(--surface-3);box-shadow:inset 0 -3px}.tarjeta .n{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:27px;font-weight:700;line-height:1;display:flex}.tarjeta .lb{font-family:var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);justify-content:center;align-items:flex-start;min-height:2.7em;margin-top:7px;font-size:9.5px;line-height:1.35;display:flex}.tarjeta.crit{color:var(--crit)}.tarjeta.warn{color:var(--warn)}.tarjeta.ok{color:var(--ok)}.tarjeta.crit .n,.tarjeta.warn .n,.tarjeta.ok .n{color:inherit}.punto{background:currentColor;border-radius:50%;flex:none;width:9px;height:9px}.barra-filtro{background:var(--accent-soft);border-bottom:1px solid var(--line);color:var(--ink-2);align-items:center;gap:10px;padding:10px 18px;font-size:12.5px;font-weight:600;display:flex}.barra-filtro button{color:var(--accent);margin-left:auto;font-size:12px;font-weight:700}.franja{border-radius:2px;flex:none;align-self:stretch;width:3px;min-height:30px}.franja.crit{background:var(--crit)}.franja.warn{background:var(--warn)}.franja.ok{background:var(--ok)}.franja.neutro{background:var(--line-2)}.derecha{text-align:right;flex:none;margin-left:auto}.fecha{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:11.5px}.fecha.crit{color:var(--crit)}.fecha.warn{color:var(--warn)}.fecha.ok{color:var(--ink-2)}.rel{font-family:var(--f-mono);color:var(--ink-3);margin-top:3px;font-size:10px}.opciones{gap:8px;display:flex}.op{border-radius:var(--r-s);border:1px solid var(--line-2);color:var(--ink-2);background:var(--surface);flex:1;padding:11px;font-size:13px;font-weight:600}.op.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.version-nueva{background:var(--accent);color:var(--accent-on);flex:none;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.version-nueva svg{opacity:.9;flex:none}.version-nueva button{background:var(--accent-on);color:var(--accent);border-radius:999px;flex:none;margin-left:auto;padding:6px 13px;font-size:12.5px;font-weight:700}.version-nueva button:disabled{opacity:.6}