:root{--bg: #f6f7f9;--panel: #ffffff;--borde: #e3e6ea;--texto: #1b1f24;--suave: #6b7480;--acento: #2f6feb;--pendiente: #9a6700;--pendiente-bg: #fff4d6;--procesado: #1a7f43;--procesado-bg: #ddf5e5;--repetido: #57606a;--repetido-bg: #eaeef2;--error: #b3261e;--error-bg: #fde8e6}@media(prefers-color-scheme:dark){:root{--bg: #14171b;--panel: #1c2026;--borde: #2c323a;--texto: #e6e9ed;--suave: #939ba6;--acento: #6b9bff;--pendiente: #e3b341;--pendiente-bg: #3a2f10;--procesado: #57d68a;--procesado-bg: #10301d;--repetido: #aab1ba;--repetido-bg: #2b3037;--error: #ff8078;--error-bg: #401916}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--texto);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:1200px;margin:0 auto;padding:24px 20px 64px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:22px;margin:0 0 20px}button{font:inherit;cursor:pointer;border:1px solid var(--borde);background:var(--panel);color:var(--texto);border-radius:6px;padding:7px 13px}button:hover:not(:disabled){border-color:var(--acento)}button:disabled{opacity:.45;cursor:default}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;text-align:left}.tile-n{font-size:24px;font-weight:650}.tile-t{font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.04em}.tile.activo{border-color:var(--acento);box-shadow:inset 0 0 0 1px var(--acento)}.tile.pendiente .tile-n{color:var(--pendiente)}.tile.procesado .tile-n{color:var(--procesado)}.tile.repetido .tile-n{color:var(--repetido)}.tile.error .tile-n{color:var(--error)}.filtros{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.filtros input{font:inherit;padding:7px 10px;border:1px solid var(--borde);border-radius:6px;background:var(--panel);color:var(--texto);min-width:120px}.filtros label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--suave)}.limpiar{margin-left:auto}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--borde);border-radius:8px;overflow:hidden}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--borde);white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--suave);font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:color-mix(in srgb,var(--acento) 7%,transparent)}.num{text-align:right;font-variant-numeric:tabular-nums}.tg{font-family:ui-monospace,Cascadia Mono,monospace;font-size:13px;color:var(--suave)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.pendiente{color:var(--pendiente);background:var(--pendiente-bg)}.badge.procesado{color:var(--procesado);background:var(--procesado-bg)}.badge.repetido{color:var(--repetido);background:var(--repetido-bg)}.badge.error{color:var(--error);background:var(--error-bg)}.intentos{margin-left:6px;font-size:11px;color:var(--suave)}.vacio{color:var(--suave);text-align:center;padding:32px}.paginacion{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;font-size:14px;color:var(--suave)}.alerta{background:var(--error-bg);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);border-radius:8px;padding:12px 14px;margin-bottom:16px}.alerta pre{margin:8px 0 0;white-space:pre-wrap;word-break:break-word;font-size:12.5px;color:var(--texto)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:flex-end}.panel{width:min(560px,100%);height:100%;overflow-y:auto;background:var(--bg);padding:20px 22px 40px;border-left:1px solid var(--borde)}.panel h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 18px}.cerrar{border:0;background:none;font-size:26px;line-height:1;color:var(--suave);padding:0 6px}.campos{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0 0 18px}.campos dt{font-size:12px;color:var(--suave)}.campos dd{margin:1px 0 0}.renglones{margin-top:4px}.renglones tfoot td{border-top:1px solid var(--borde);border-bottom:0}.reintentar{margin-top:18px;width:100%;padding:11px;font-weight:600;color:#fff;background:var(--error);border-color:var(--error)}.reintentar:hover{filter:brightness(1.08)}.shell-nav{display:flex;gap:8px;padding:12px 20px 0;max-width:1200px;margin:0 auto}.shell-nav button{padding:8px 16px;border:1px solid var(--borde);border-radius:8px 8px 0 0;background:var(--panel);color:var(--suave);cursor:pointer}.shell-nav button.activo{color:var(--texto);border-bottom-color:var(--panel);font-weight:600}.vps-login{display:flex;align-items:center;justify-content:center;min-height:60vh}.vps-login form{display:flex;flex-direction:column;gap:12px;width:320px;padding:24px;border:1px solid var(--borde);border-radius:12px;background:var(--panel)}.vps-login label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--suave)}.vps-login input,.vps-form-inline input{padding:8px 10px;border:1px solid var(--borde);border-radius:6px;background:var(--bg);color:var(--texto);font:inherit}.vps-panel{max-width:1200px;margin:0 auto;padding:24px 20px 64px}.vps-header-derecha{display:flex;align-items:center;gap:12px}.vps-tabs{display:flex;gap:8px;margin:16px 0;border-bottom:1px solid var(--borde)}.vps-tabs button{padding:8px 4px;border:none;background:transparent;color:var(--suave);cursor:pointer;border-bottom:2px solid transparent}.vps-tabs button.activo{color:var(--acento);border-bottom-color:var(--acento);font-weight:600}.vps-seccion{background:var(--panel);border:1px solid var(--borde);border-radius:12px;padding:20px}.vps-form-inline{display:flex;gap:8px;margin-bottom:16px}.vps-resultado{padding:12px;border-radius:8px;background:var(--procesado-bg);color:var(--procesado)}