:root{--bg:#f3f5f8;--card:#fff;--text:#1b2430;--muted:#65718a;--line:#e2e6ee;--accent:#1f5fbf;--accent-soft:#e7eefc;--danger:#c62828;--danger-soft:#fde8e8;--warn:#b26a00;--warn-soft:#fff1dc;--ok:#1e7f4f;--ok-soft:#e3f4ea;--radius:12px;--shadow:0 1px 2px #141e320f, 0 2px 8px #141e320d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:16px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:650}h1{font-size:1.25rem}h2{font-size:1.05rem}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.95rem;font-weight:600}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand .logo{background:var(--accent);border-radius:10px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.brand .logo img{object-fit:contain;width:86%;height:86%;margin-top:4px}.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;animation:.5s ease-out aparecer;display:flex}.splash img{filter:drop-shadow(0 8px 16px #141e322e);width:min(260px,55vw);height:auto;animation:1.2s ease-in-out infinite alternate saludar}.splash h2{margin-top:18px;font-size:1.4rem}.splash p{color:var(--muted);margin:6px 0 0}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes saludar{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.brand small{color:var(--muted);font-size:.78rem;display:block}.tabs{background:var(--bg);border-radius:10px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 16px;font-weight:600}.tabs button.activa{background:var(--card);color:var(--accent);box-shadow:var(--shadow)}.badge-demo{background:var(--warn-soft);color:var(--warn);border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:600}.contenido{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:16px 16px 90px}@media (width>=760px){.contenido{padding:24px 24px 40px}}.bottomnav{z-index:20;background:var(--card);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:.75rem;font-weight:600;display:flex}.bottomnav button svg{width:24px;height:24px}.bottomnav button.activa{color:var(--accent);background:var(--accent-soft)}@media (width>=760px){.bottomnav{display:none}}@media (width<=759px){.tabs{display:none}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:16px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.fila{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.espacio{flex:1}.btn{border:1px solid var(--line);background:var(--card);color:var(--text);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:10px 14px;font-weight:600;display:inline-flex}.btn:hover{background:#f7f8fb}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#1a51a3}.btn-danger{color:var(--danger);border-color:#f3c3c3}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{min-height:34px;padding:6px 10px;font-size:.9rem}.btn-icon{width:42px;padding:0;font-size:1.3rem}.input,select.input,textarea.input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;min-height:42px;padding:10px 12px}.input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.input-lg{text-align:center;min-height:56px;font-size:1.4rem;font-weight:700}label.campo{color:var(--muted);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.campo-grupo{margin-bottom:12px}.grid-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-form .full{grid-column:1/-1}.buscador{flex:1;min-width:200px;position:relative}.buscador .input{padding-left:38px}.buscador svg{width:18px;color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chips{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--card);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.chip.activa{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.estado{border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.8rem;font-weight:700;display:inline-flex}.estado:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.estado.sin,.estado.bajo{background:var(--danger-soft);color:var(--danger)}.estado.justo{background:var(--warn-soft);color:var(--warn)}.estado.ok{background:var(--ok-soft);color:var(--ok)}.estado.neutro{color:var(--muted);background:#eef0f4}.lista{flex-direction:column;gap:8px;display:flex}.item{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:12px 14px;display:grid}.item .nombre{font-weight:650}.item .meta{color:var(--muted);margin-top:2px;font-size:.82rem}.item .stock{text-align:right}.item .stock b{font-size:1.5rem;line-height:1;display:block}.item .stock small{color:var(--muted);font-size:.75rem}.item .acciones{grid-column:1/-1;gap:8px;display:flex}.item .acciones .btn{flex:1}@media (width>=760px){.item{grid-template-columns:1fr auto auto}.item .acciones{grid-column:auto}.item .acciones .btn{flex:none;min-width:96px}}.item.sin,.item.bajo{border-left:4px solid var(--danger)}.item.justo{border-left:4px solid var(--warn)}.tabla-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}td .input{min-height:36px;padding:6px 8px}td .input.w-num{text-align:right;width:90px}td .input.w-sel{width:180px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width>=760px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.kpi .label{color:var(--muted);font-size:.8rem;font-weight:600}.kpi .valor{font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.5rem;font-weight:750}.kpi .sub{color:var(--muted);font-size:.8rem}.kpi.alerta .valor{color:var(--danger)}.proveedor-bloque{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.proveedor-bloque .ph{border-bottom:1px solid var(--line);background:#f8f9fc;align-items:center;gap:10px;padding:10px 14px;display:flex}.proveedor-bloque .ph .rank{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.85rem;font-weight:700;display:grid}.proveedor-bloque .ph.principal .rank{background:#0f3d85}.proveedor-bloque .ph .rank{flex-shrink:0}.proveedor-bloque .ph b{flex:auto}.proveedor-bloque .ph .contacto{color:var(--muted);white-space:nowrap;font-size:.85rem}.proveedor-bloque .ph .espacio{display:none}@media (width<=759px){.proveedor-bloque .ph .contacto:not(:last-child){display:none}}td.prod{white-space:normal;min-width:150px}.proveedor-bloque .vacio{color:var(--ok);padding:12px 14px;font-size:.9rem}.modal-fondo{z-index:50;background:#0f142373;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=600px){.modal-fondo{align-items:center}}.modal{background:var(--card);border-radius:18px 18px 0 0;width:100%;max-width:480px;max-height:92dvh;padding:18px;overflow-y:auto}@media (width>=600px){.modal{border-radius:16px}}.modal h2{margin-bottom:4px}.modal .sub{color:var(--muted);margin-bottom:14px;font-size:.9rem}.segmentos{background:var(--bg);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;padding:4px;display:grid}.segmentos button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:10px;font-weight:700}.segmentos button.activa{background:var(--card);box-shadow:var(--shadow)}.segmentos button.activa.venta{color:var(--danger)}.segmentos button.activa.compra{color:var(--ok)}.segmentos button.activa.ajuste{color:var(--accent)}.stepper{grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.stepper .btn{min-height:56px;font-size:1.5rem}.preview{text-align:center;color:var(--muted);margin-bottom:14px}.preview b{color:var(--text)}.modal-acciones{gap:8px;margin-top:8px;display:flex}.modal-acciones .btn{flex:1}.error{background:var(--danger-soft);color:var(--danger);border-radius:10px;margin:8px 0;padding:10px 12px;font-size:.9rem}.aviso{background:var(--accent-soft);color:var(--accent);border-radius:10px;margin:8px 0;padding:10px 12px;font-size:.9rem}.ok-msg{background:var(--ok-soft);color:var(--ok);border-radius:10px;margin:8px 0;padding:10px 12px;font-size:.9rem}.vacio-msg{color:var(--muted);text-align:center;padding:24px}.toast{z-index:60;color:#fff;box-shadow:var(--shadow);background:#1b2430;border-radius:10px;padding:10px 16px;font-weight:600;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}@media (width>=760px){.toast{bottom:24px}}.pin-pantalla{text-align:center;max-width:360px;margin:40px auto}.pin-pantalla .icono{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.pin-pantalla p{color:var(--muted)}.subtabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.lista-mov{flex-direction:column;display:flex}.mov{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 0;font-size:.92rem;display:grid}.mov:last-child{border-bottom:0}.mov .tipo{text-transform:uppercase;text-align:center;border-radius:6px;width:64px;padding:3px 7px;font-size:.72rem;font-weight:800}.mov .tipo.venta{background:var(--danger-soft);color:var(--danger)}.mov .tipo.compra{background:var(--ok-soft);color:var(--ok)}.mov .tipo.ajuste{background:var(--accent-soft);color:var(--accent)}.mov .det{color:var(--muted);font-size:.8rem}.mov .cant{text-align:right;font-weight:700}.mov .cant small{color:var(--muted);font-size:.75rem;font-weight:500;display:block}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);padding:24px}.dropzone input{display:none}.pasos{color:var(--muted);gap:8px;margin-bottom:14px;font-size:.85rem;display:flex}.pasos span{background:var(--bg);border-radius:999px;padding:4px 10px}.pasos span.activa{background:var(--accent-soft);color:var(--accent);font-weight:700}