:root{--bg:#eaf1f7;--panel:#fff;--sunken:#eef4fa;--texto:#0f2230;--texto-suave:#5f7385;--borde:#e0e9f1;--primario:#1fa6e0;--primario-osc:#1287be;--navy:#0e2a3a;--navy-2:#143a50;--peligro:#d32a48;--ok:#0e9c56;--aviso:#9a7b22;--transfer:#2575d6;--mixto:#6e4bc4;--devol:#d9701b;--sombra:0 1px 3px #0e2a3a14, 0 1px 2px #0e2a3a0a;color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}.app{grid-template-columns:232px 1fr;min-height:100dvh;display:grid}.barra{background:var(--navy);color:#cdd6e4;flex-direction:column;gap:8px;padding:18px 14px;display:flex}.marca{align-items:center;gap:10px;padding:6px 8px 16px;display:flex}.marca-txt{flex-direction:column;line-height:1.1;display:flex}.marca-nombre{color:#fff;font-size:16px;font-weight:800}.marca-sub{color:#8aa1b3;font-size:12px}.sync-badge{border:1px solid var(--navy-2);background:var(--navy-2);color:#cdd6e4;cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.sync-dot{border-radius:50%;width:8px;height:8px}.sync-badge.on .sync-dot{background:#2bc579}.sync-badge.off .sync-dot{background:#e6b800}.sync-pend{background:var(--devol);color:#fff;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:#cdd6e4;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--navy-2)}.nav-item.activo{background:var(--primario);color:#fff}.nav-icono{font-size:16px}.usuario-box{background:var(--navy-2);border-radius:8px;align-items:center;gap:8px;margin-top:auto;padding:10px 12px;display:flex}.usuario-info{flex-direction:column;flex:1;min-width:0;display:flex}.usuario-nombre{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.usuario-rol{text-transform:uppercase;letter-spacing:.5px;color:#8595ad;font-size:11px}.btn-salir{background:var(--navy);color:#cdd6e4;cursor:pointer;border:1px solid #2a3a55;border-radius:6px;padding:6px 10px;font-size:13px}.btn-salir:hover{background:var(--navy-2);color:#fff}.login-fondo{background:var(--navy);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-caja{background:var(--panel);border-radius:14px;width:100%;max-width:380px;padding:32px;box-shadow:0 12px 40px #00000059}.login-marca{align-items:center;gap:12px;margin-bottom:18px;display:flex}.login-marca .marca-nombre{color:var(--navy);font-size:20px;font-weight:800;line-height:1.1;display:block}.login-marca .marca-sub{color:var(--texto-suave);font-size:13px}.login-titulo{margin:0 0 18px;font-size:20px}.login-campo{color:var(--texto-suave);flex-direction:column;gap:5px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.login-campo input{color:var(--texto);font-weight:400}.login-btn{width:100%;margin-top:6px;padding:11px}.cargando-pantalla{min-height:100vh;color:var(--texto-suave);justify-content:center;align-items:center;font-size:15px;display:flex}.contenido{padding:26px 30px;overflow:auto}.pag-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.pag-header h1{margin:0;font-size:24px}.pag-sub{color:var(--texto-suave);margin:4px 0 0;font-size:13px}.acciones{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--borde);background:var(--panel);color:var(--texto);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500}.btn:hover{background:#f0f3f8}.btn.primario{background:var(--primario);border-color:var(--primario);color:#fff}.btn.primario:hover{background:var(--primario-osc)}.btn.peligro{border-color:var(--peligro);color:var(--peligro);background:#fff}.btn.peligro:hover{background:#fdeceb}.btn:disabled{opacity:.6;cursor:default}.link{color:var(--primario);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.link:hover{text-decoration:underline}input,select{font:inherit;border:1px solid var(--borde);color:var(--texto);background:#fff;border-radius:8px;padding:8px 10px}input:focus,select:focus{border-color:var(--primario);outline:2px solid #1f6feb40}.buscar{width:240px}.tarjetas{flex-wrap:wrap;gap:16px;display:flex}.tarjeta{background:var(--panel);border:1px solid var(--borde);min-width:170px;box-shadow:var(--sombra);border-radius:12px;flex-direction:column;gap:4px;padding:18px 22px;display:flex}.tarjeta-num{font-size:30px;font-weight:700}.tarjeta-lbl{color:var(--texto-suave);font-size:13px}.nota{color:var(--texto-suave);margin-top:22px;font-size:13px}.tabla-wrap{background:var(--panel);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;overflow:hidden}.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--borde);padding:11px 14px}.tabla th{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.4px;background:#f7f9fc;font-size:12px;font-weight:600}.tabla tbody tr:hover{background:#f7f9fc}.tabla .num{text-align:right}.stock-bajo{color:var(--peligro);font-weight:600}.vacio{text-align:center;color:var(--texto-suave);padding:28px}.aviso-amarillo{color:#8a6d1a;background:#fbf3da;border:1px solid #f0d98a;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.alerta{color:var(--peligro);background:#fdeceb;border:1px solid #f3b7b3;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:14px}.modal-fondo{z-index:50;background:#0f1b2d73;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--panel);border-radius:14px;width:100%;max-width:620px;padding:24px;box-shadow:0 12px 40px #10182840}.modal h2{margin:0 0 16px;font-size:20px}.campos{grid-template-columns:1fr 1fr;gap:14px;display:grid}.campos label{color:var(--texto-suave);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.campos label input,.campos label select{color:var(--texto);font-weight:400}.campos .ancho-2{grid-column:span 2}.modal-pie{align-items:center;gap:8px;margin-top:22px;display:flex}.modal-pie .espacio{flex:1}.modal-ancho{max-width:960px}.import-pasos{margin:0 0 14px;padding-left:20px;font-size:14px;line-height:1.9}.import-resumen{align-items:center;gap:10px;margin:6px 0 10px;display:flex}.chip{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.chip.ok{color:var(--ok);background:#e3f6ec}.chip.err{color:var(--peligro);background:#fdeceb}.import-archivo{color:var(--texto-suave);font-size:13px}.import-preview{max-height:46vh;overflow:auto}.import-preview .tabla{font-size:13px}.fila-error{background:#fdf3f2}.texto-error{color:var(--peligro);font-size:12px}.import-nota{margin:0;padding:8px 14px}.import-ok{color:var(--ok);background:#e3f6ec;border:1px solid #b7e3c9;border-radius:8px;margin-bottom:10px;padding:12px 14px;font-weight:600}.preventa-grid{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.preventa-col{flex-direction:column;gap:16px;display:flex}.campo-bloque{flex-direction:column;gap:6px;display:flex}.bloque-label{text-transform:uppercase;letter-spacing:.4px;color:var(--texto-suave);font-size:12px;font-weight:700}.bloque-label.mt{margin-top:14px}.buscar-producto{position:relative}.dropdown{z-index:20;background:var(--panel);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:8px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;width:100%;padding:9px 12px;font-size:14px;display:flex}.dropdown-item:hover{background:#f0f3f8}.dropdown-cod{color:var(--texto-suave);font-size:12px}.celda-num{text-align:right;width:92px;padding:5px 8px}.preventa-resumen{background:var(--panel);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;padding:18px;position:sticky;top:16px}.preventa-resumen h3{margin:0 0 12px;font-size:16px}.resumen-fila{justify-content:space-between;padding:5px 0;font-size:14px;display:flex}.resumen-fila.total{border-top:1px solid var(--borde);margin-top:4px;padding-top:10px;font-size:16px;font-weight:700}.resumen-margen{background:#f7f9fc;border-radius:8px;margin-top:10px;padding:10px}.margen-nota{color:var(--texto-suave);margin:4px 0 0;font-size:11px}.preventa-resumen input,.preventa-resumen textarea{width:100%}.preventa-resumen textarea{font:inherit;border:1px solid var(--borde);resize:vertical;border-radius:8px;padding:8px 10px}.resumen-acciones{flex-direction:column;gap:8px;margin-top:16px;display:flex}.resumen-acciones .btn{width:100%}@media (width<=860px){.preventa-grid{grid-template-columns:1fr}.preventa-resumen{position:static}}.despacho-grupo{margin-bottom:22px}.despacho-fecha{color:var(--navy);align-items:center;gap:10px;margin:0 0 10px;font-size:16px;display:flex}.despacho-conteo{color:var(--texto-suave);background:var(--sunken);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.entrega-totales{background:var(--sunken);border-radius:10px;margin-top:16px;padding:12px 14px}.rol-mini{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.acc-rapidas{flex-direction:column;gap:8px;display:flex}.acc-rapidas .btn{text-align:left;text-decoration:none}.rank-fila{margin-bottom:12px}.rank-top{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.rank-nombre{font-weight:600}.rank-val{color:var(--texto-suave)}.rank-extra{font-size:12px}.rank-barra{background:var(--sunken);border-radius:999px;height:8px;overflow:hidden}.rank-relleno{background:var(--primario);border-radius:999px;height:100%}.reportes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.reporte-card{background:var(--panel);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.reporte-card h3{margin:0;font-size:16px}.reporte-card p{color:var(--texto-suave);flex:1;margin:0;font-size:13px}.reporte-btns{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.rep-filtros{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.rep-campo{color:var(--texto-suave);flex-direction:column;flex:160px;gap:5px;font-size:13px;font-weight:600;display:flex}.rep-campo input,.rep-campo select{color:var(--texto);font-weight:400}.rep-presets{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}@media (width<=680px){.rep-campo{flex-basis:100%}.rep-presets .btn{flex:auto}}.segmento{background:var(--sunken);border-radius:8px;padding:3px;display:inline-flex}.seg-btn{color:var(--texto-suave);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.seg-btn.on{background:var(--panel);color:var(--primario);box-shadow:var(--sombra)}.contab-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;padding:18px}.panel h3{margin:0 0 12px;font-size:16px}@media (width<=760px){.contab-grid{grid-template-columns:1fr}}.check-inline{color:var(--texto-suave);align-items:center;gap:6px;font-size:13px;display:flex}.mov-tipo,.estado{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.mov-tipo.entrada,.mov-tipo.devolucion{color:var(--ok);background:#e3f6ec}.mov-tipo.salida{color:var(--devol);background:#fdeede}.mov-tipo.ajuste{background:var(--sunken);color:var(--texto-suave)}.estado.pendiente{color:var(--aviso);background:#fbf3da}.estado.parcial{color:var(--transfer);background:#e8f1fd}.estado.pagada{color:var(--ok);background:#e3f6ec}.semaforo{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.semaforo.verde{background:#19a85b}.semaforo.amarillo{background:#e6b800}.semaforo.naranja{background:#e07b1a}.semaforo.rojo{background:#d32a48}.topbar{background:var(--navy);color:#fff;z-index:40;align-items:center;gap:10px;padding:8px 12px;display:none;position:sticky;top:0}.hamburguesa{color:#fff;cursor:pointer;background:0 0;border:none;margin:-4px 0;padding:4px 6px;font-size:20px;line-height:1}.topbar-titulo{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.overlay{z-index:45;background:#0f1b2d80;display:none;position:fixed;inset:0}@media (width<=860px){.app{grid-template-columns:1fr}.topbar{display:flex}.overlay.visible{display:block}.barra{z-index:50;width:250px;height:100vh;transition:transform .22s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.barra.abierta{transform:translate(0)}.campos{grid-template-columns:1fr}.campos .ancho-2{grid-column:span 1}}.tabla-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.bottom-nav{display:none}.bn-item{min-height:56px;color:var(--texto-suave);cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 4px;text-decoration:none;display:flex}.bn-ic{font-size:21px;line-height:1}.bn-lbl{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-weight:600;overflow:hidden}.bn-item.activo{color:var(--primario)}.bn-item.activo .bn-ic{transform:translateY(-1px)}@media (width<=860px){input,select,textarea{font-size:16px}.btn{min-height:44px;padding:11px 16px}.nav-item{padding:13px 12px;font-size:15px}.topbar{padding:calc(7px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 7px calc(12px + env(safe-area-inset-left))}html,body{overflow-x:hidden}.contenido{max-width:100%}.bottom-nav{z-index:46;background:var(--panel);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0e2a3a14}.contenido{padding:18px 16px calc(74px + env(safe-area-inset-bottom))}.barra{z-index:60}.overlay{z-index:55}}@media (width<=680px){.contenido{padding:14px 12px calc(74px + env(safe-area-inset-bottom))}.pag-header{align-items:stretch}.pag-header h1{font-size:21px}.acciones{flex-wrap:wrap;width:100%}.acciones .btn{flex:auto}.acciones select{flex:auto;min-height:44px}.buscar{width:100%}.segmento{width:100%;display:flex}.seg-btn{flex:1;min-height:40px}.tarjeta{flex:140px;min-width:140px;padding:14px 16px}.tarjeta-num{font-size:24px}.modal-fondo{align-items:flex-end;padding:0}.modal,.modal-ancho{width:100%;max-width:100%;max-height:94vh;padding:20px 16px calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;overflow-y:auto}.modal h2{font-size:18px}.modal-pie{background:var(--panel);padding:12px 16px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--borde);flex-wrap:wrap;margin:18px -16px 0;position:sticky;bottom:0}.modal-pie .espacio{display:none}.modal-pie .btn{flex:1;min-height:46px}.tabla-wrap.tarjetas-movil{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}.tabla-cards,.tabla-cards tbody{display:block}.tabla-cards thead{display:none}.tabla-cards tr{background:var(--panel);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;margin-bottom:10px;padding:3px 2px;display:block}.tabla-cards tbody tr:hover{background:var(--panel)}.tabla-cards td{text-align:right;border:none;justify-content:space-between;align-items:center;gap:14px;min-height:0;padding:9px 14px;display:flex}.tabla-cards tr td+td{border-top:1px dashed var(--borde)}.tabla-cards td:before{content:attr(data-label);text-align:left;text-transform:uppercase;letter-spacing:.3px;color:var(--texto-suave);flex:none;font-size:11px;font-weight:700}.tabla-cards td.num{font-variant-numeric:tabular-nums}.tabla-cards td:empty{display:none}.tabla-cards td.acc{flex-wrap:wrap;justify-content:flex-end;gap:8px}.tabla-cards td.acc:before{margin-right:auto}.tabla-cards td.acc .link{align-items:center;min-height:40px;padding:0 6px;display:inline-flex}}