:root{--bg: #f5f6f8;--superficie: #ffffff;--superficie-2: #f0f2f5;--borde: #e2e5ea;--texto: #14161a;--texto-suave: #5d6470;--primario: #1f5eff;--primario-texto: #ffffff;--primario-suave: #e8efff;--exito: #0f9d58;--exito-suave: #e3f6ec;--alerta: #c77700;--alerta-suave: #fff3df;--error: #d93025;--error-suave: #fde8e7;--radio: 10px;--sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--alto-control: 40px;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;color:var(--texto);background:var(--bg);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--superficie: #171a20;--superficie-2: #1f232b;--borde: #2b3039;--texto: #eef0f3;--texto-suave: #9aa3b0;--primario: #5b8cff;--primario-texto: #0b0d12;--primario-suave: #1d2a4a;--exito: #34c77b;--exito-suave: #12301f;--alerta: #f0a83a;--alerta-suave: #3a2a10;--error: #ff6b61;--error-suave: #3b1715;--sombra: 0 1px 2px rgba(0, 0, 0, .4);color-scheme:dark}}*{box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}body{margin:0;background:var(--bg);color:var(--texto)}h1,h2,h3{margin:0 0 12px;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}a{color:var(--primario)}.suave{color:var(--texto-suave)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.fila{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fila-entre{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.columna{display:flex;flex-direction:column;gap:12px}.rejilla{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.crece{flex:1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--alto-control);padding:0 14px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);color:var(--texto);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--superficie-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--primario);border-color:var(--primario);color:var(--primario-texto)}.btn-primario:hover:not(:disabled){background:var(--primario);filter:brightness(1.08)}.btn-peligro{color:var(--error);border-color:var(--error)}.btn-plano{border-color:transparent;background:transparent}.btn-chico{min-height:30px;padding:0 10px;font-size:.9em}.btn-bloque{width:100%}.campo{display:flex;flex-direction:column;gap:4px;min-width:0}.campo>span{font-size:.85em;font-weight:600;color:var(--texto-suave)}.campo input,.campo select,.campo textarea,input.control,select.control{width:100%;min-height:var(--alto-control);padding:8px 10px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);color:var(--texto);font:inherit}.campo textarea{min-height:72px;resize:vertical}.campo input:focus,.campo select:focus,.campo textarea:focus,input.control:focus,select.control:focus{outline:2px solid var(--primario-suave);border-color:var(--primario)}.campo .ayuda{font-size:.8em;color:var(--texto-suave)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:16px;box-shadow:var(--sombra)}.tarjeta-dato{display:flex;flex-direction:column;gap:2px}.tarjeta-dato .valor{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.tarjeta-dato .etiqueta{font-size:.85em;color:var(--texto-suave)}.tabla-envoltura{overflow-x:auto;border:1px solid var(--borde);border-radius:12px;background:var(--superficie)}.tabla{width:100%;border-collapse:collapse}.tabla th,.tabla td{padding:10px 12px;border-bottom:1px solid var(--borde);text-align:left;vertical-align:middle}.tabla th{font-size:.8em;text-transform:uppercase;letter-spacing:.03em;color:var(--texto-suave);background:var(--superficie-2);position:sticky;top:0}.tabla tr:last-child td{border-bottom:none}.tabla tbody tr.clic{cursor:pointer}.tabla tbody tr.clic:hover{background:var(--superficie-2)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.78em;font-weight:600;background:var(--superficie-2);color:var(--texto-suave);white-space:nowrap}.chip-exito{background:var(--exito-suave);color:var(--exito)}.chip-alerta{background:var(--alerta-suave);color:var(--alerta)}.chip-error{background:var(--error-suave);color:var(--error)}.chip-primario{background:var(--primario-suave);color:var(--primario)}.vacio{padding:32px 16px;text-align:center;color:var(--texto-suave)}.error-texto{color:var(--error);font-size:.9em}.modal-fondo{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a0c108c;animation:nv-aparecer .12s ease-out}.modal{width:100%;max-width:520px;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--superficie);border:1px solid var(--borde);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 50px #00000040}.modal-ancho{max-width:860px}.modal-cabeza{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-cabeza h2{margin:0}.modal-pie{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@keyframes nv-aparecer{0%{opacity:0}to{opacity:1}}.avisos{position:fixed;z-index:2000;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;width:min(440px,calc(100vw - 32px));pointer-events:none}.aviso{pointer-events:auto;padding:12px 14px;border-radius:12px;background:var(--texto);color:var(--bg);font-weight:600;box-shadow:0 8px 24px #0003;animation:nv-aparecer .15s ease-out}.aviso-error{background:var(--error);color:#fff}.aviso-exito{background:var(--exito);color:#fff}.app{display:grid;grid-template-columns:232px 1fr;min-height:100dvh}.lateral{background:var(--superficie);border-right:1px solid var(--borde);padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh;overflow-y:auto}.marca{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;font-weight:800;font-size:1.1rem}.marca img{width:30px;height:30px}.marca small{display:block;font-weight:500;font-size:.75rem;color:var(--texto-suave);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-grupo{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave);padding:12px 10px 4px}.nav-enlace{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--texto);text-decoration:none;font-weight:500}.nav-enlace:hover{background:var(--superficie-2)}.nav-enlace.active{background:var(--primario-suave);color:var(--primario);font-weight:700}.nav-enlace .icono{width:20px;text-align:center}.lateral-pie{margin-top:auto;padding-top:12px;border-top:1px solid var(--borde);display:flex;flex-direction:column;gap:6px}.contenido{padding:24px;min-width:0;max-width:1400px;width:100%}.cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.cabecera h1{margin:0}.filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.filtros .campo{min-width:140px}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde);margin-bottom:16px;overflow-x:auto}.pestanas button{border:none;background:none;padding:10px 14px;font:inherit;font-weight:600;color:var(--texto-suave);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.pestanas button.activa{color:var(--primario);border-bottom-color:var(--primario)}.barras{display:flex;align-items:flex-end;gap:4px;height:140px;padding-top:8px}.barras .barra{flex:1;background:var(--primario);border-radius:4px 4px 0 0;min-height:2px;opacity:.85;position:relative}.barras .barra:hover{opacity:1}.barra-h{height:8px;border-radius:4px;background:var(--primario)}.login{min-height:100dvh;display:grid;place-items:center;padding:16px}.login .tarjeta{width:100%;max-width:400px}.menu-movil{display:none}@media(max-width:860px){.app{grid-template-columns:1fr}.lateral{position:fixed;z-index:900;inset:0 auto 0 0;width:260px;transform:translate(-100%);transition:transform .2s}.lateral.abierto{transform:none;box-shadow:0 0 40px #0000004d}.menu-movil{display:inline-flex}.contenido{padding:16px}}