:root{--fondo: #f6f7f9;--superficie: #ffffff;--texto: #1c2430;--texto-suave: #5b6676;--borde: #d9dee6;--primario: #1f4fd8;--primario-texto: #ffffff;--ok: #1a7f4b;--error: #b42318;color-scheme:light}:root[data-tema=oscuro]{--fondo: #11151c;--superficie: #1a212b;--texto: #e8ecf2;--texto-suave: #9aa6b6;--borde: #2b3543;--primario: #6d8cff;--primario-texto: #0b1020;--ok: #4cc38a;--error: #ff8a80;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.contenedor{max-width:720px;margin:0 auto;padding:24px 16px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:20px;margin-top:16px}.cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px}button{font:inherit;background:var(--primario);color:var(--primario-texto);border:0;border-radius:8px;padding:8px 14px;cursor:pointer}button:focus-visible{outline:3px solid var(--primario);outline-offset:2px}.ok{color:var(--ok)}.error{color:var(--error)}.suave{color:var(--texto-suave)}.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:#0f3d36}.login-tarjeta{width:100%;max-width:400px;background:var(--superficie);border-radius:12px;padding:28px}.login-marca{margin:0;color:#0f766e;letter-spacing:.04em}.login-tarjeta h2{margin:16px 0 0}.login form{display:flex;flex-direction:column}.login label{margin-top:14px;font-weight:600;font-size:.9rem}input{font:inherit;width:100%;padding:9px 10px;margin-top:4px;border:1px solid var(--borde);border-radius:8px;background:var(--fondo);color:var(--texto)}input:focus-visible{outline:3px solid #14b8a6;outline-offset:1px}input[aria-invalid=true]{border-color:var(--error)}.campo-clave{display:flex;gap:8px;align-items:flex-start}.campo-clave button{margin-top:4px;white-space:nowrap}button.secundario{background:transparent;color:var(--texto);border:1px solid var(--borde)}.entrar{margin-top:20px;background:#0f766e;color:#fff;padding:11px}.entrar:disabled{opacity:.6;cursor:progress}.campo-error{font-size:.85rem;margin-top:4px}.caja-error{border:1px solid var(--error);border-radius:8px;padding:8px 10px;margin:12px 0 0}.aviso{background:#fff7e0;color:#7a5a00;border-radius:8px;padding:8px 10px;margin:12px 0 0}.campo-clave input{flex:1;min-width:0}:root{--aviso: #b26a00}:root[data-tema=oscuro]{--aviso: #f5b041}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.menu{background:#0f3d36;color:#e6f2f0;display:flex;flex-direction:column;padding:20px 14px;gap:20px}.menu-marca{font-size:1.3rem;font-weight:700;letter-spacing:.05em;padding:0 8px}.menu nav{display:flex;flex-direction:column;gap:4px}.menu .enlace{color:#cfe5e1;text-decoration:none;padding:9px 10px;border-radius:8px}.menu .enlace:hover{background:#ffffff14}.menu .enlace.activo{background:#0f766e;color:#fff;font-weight:600}.menu .enlace:focus-visible{outline:3px solid #5eead4;outline-offset:1px}.menu-usuario{margin-top:auto;display:flex;flex-direction:column;gap:2px;font-size:.85rem;background:#ffffff12;border-radius:10px;padding:12px;overflow-wrap:anywhere}.contenido{display:flex;flex-direction:column;min-width:0}.barra{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;background:var(--superficie);border-bottom:1px solid var(--borde)}.barra-titulo{font-weight:600}.barra-acciones{display:flex;gap:8px}.pagina-contenedor{padding:24px;min-width:0}.pagina{max-width:1200px;margin:0 auto}.pagina h1{margin:0;font-size:1.5rem}.pagina-cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px}.kpi{background:var(--superficie);border:1px solid var(--borde);border-left:5px solid var(--primario);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.kpi strong{font-size:1.5rem}.kpi small,.kpi-titulo{color:var(--texto-suave)}.kpi-agotado{border-left-color:var(--error)}.kpi-bajo{border-left-color:var(--aviso)}.kpi-normal{border-left-color:var(--ok)}.filtros{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filtros label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem;flex:1 1 220px}select{font:inherit;width:100%;padding:9px 10px;margin-top:4px;border:1px solid var(--borde);border-radius:8px;background:var(--fondo);color:var(--texto)}.filtros-acciones{display:flex;gap:8px}.tabla-envoltura{overflow-x:auto;margin-top:16px;background:var(--superficie);border:1px solid var(--borde);border-radius:10px}.tabla{width:100%;border-collapse:collapse;font-size:.92rem}.tabla th,.tabla td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--borde);vertical-align:top}.tabla th{color:var(--texto-suave);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.tabla tbody tr:last-child td{border-bottom:0}.tabla .num{text-align:right;white-space:nowrap}.insignia{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid currentColor}.insignia-normal{color:var(--ok)}.insignia-bajo{color:var(--aviso)}.insignia-agotado{color:var(--error)}.mov-entra{color:var(--ok)}.mov-sale{color:var(--error)}.paginador{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.paginador div{display:flex;gap:8px}button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 800px){.app{grid-template-columns:1fr}.menu{flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 14px;gap:10px}.menu nav{flex-direction:row}.menu-usuario{display:none}.pagina-contenedor{padding:16px}}.boton{display:inline-block;font:inherit;background:var(--primario);color:var(--primario-texto);border-radius:8px;padding:8px 14px;text-decoration:none}a.boton.secundario{background:transparent;color:var(--texto);border:1px solid var(--borde)}.boton:focus-visible{outline:3px solid var(--primario);outline-offset:2px}.acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.pagina-cabecera .acciones{margin-top:0}.formulario-grilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 16px}.formulario-grilla label,.fila-variante label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem}.ancho-completo{grid-column:1 / -1}label.casilla{flex-direction:row;align-items:center;gap:8px}label.casilla input{width:auto;margin:0}textarea{font:inherit;width:100%;padding:9px 10px;margin-top:4px;border:1px solid var(--borde);border-radius:8px;background:var(--fondo);color:var(--texto);resize:vertical}.fila-variante{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;margin:12px 0}.tabla input[type=number]{width:90px;margin:0}.tabla input[type=checkbox]{width:auto;margin:0}.pagina h2{font-size:1.15rem;margin-top:0}.pagina h3{font-size:1rem;margin:16px 0 0}.caja-error ul{margin:0;padding-left:18px}.pestanas{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}button.pestana{background:transparent;color:var(--texto);border:1px solid var(--borde)}button.pestana.activa{background:var(--primario);color:var(--primario-texto);border-color:var(--primario)}.tabla input:not([type=checkbox]):not([type=number]){margin:0;min-width:140px}.campo-color{display:inline-flex;align-items:center;gap:8px}.campo-color input{width:110px;min-width:0}.muestra{display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid var(--borde);flex:none}.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px;margin:0}.datos dt{color:var(--texto-suave);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.datos dd{margin:2px 0 0;font-weight:600}.tabla tfoot th{border-top:2px solid var(--borde);color:var(--texto)}.tablero-columnas{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}