:root{--bg:#0a0f16;--panel:#131b25;--panel2:#1d2733;--border:#2b3847;--text:#eef3f8;--muted:#9db0c3;--accent:#2dd4bf;--accent-dark:#14b8a6;--warn:#fbbf24;--danger:#f87171;--ok:#4ade80;--radius:16px;--accent-2:#22d3ee;--grad:linear-gradient(135deg,var(--accent),var(--accent-2));--ink:#042e2a;--hl:inset 0 1px 0 #ffffff12;--ring:0 0 0 3px #2dd4bf40;--ln:#ffffff14;--gls:#0f151dcc;--track:#00000040;--tn:#ffffff0f;--e1:0 8px 24px #00000047;--e2:0 12px 32px #00000080;--bgi:radial-gradient(130% 80% at 50% -15%,#2dd4bf14,transparent 60%),linear-gradient(180deg,#111a27 0%,var(--bg) 480px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background-color:var(--bg);background-image:var(--bgi);background-attachment:fixed;min-height:100vh}#root{padding-bottom:calc(112px + env(safe-area-inset-bottom))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}header.appbar{position:sticky;top:0;z-index:20;background:var(--gls);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--ln);padding:14px 16px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:8px}header.appbar h1{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.badge{font-size:.72rem;font-weight:700;padding:5px 11px;border-radius:99px;border:1px solid transparent;background:var(--tn);color:var(--muted);white-space:nowrap}.badge.ok{background:#4ade8021;border-color:#4ade8038;color:var(--ok)}.badge.pend{background:#fbbf2421;border-color:#fbbf2438;color:var(--warn)}.badge.err{background:#f8717121;border-color:#f8717138;color:var(--danger)}.badge.off{color:var(--muted)}nav.tabs{position:fixed;z-index:30;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:540px;margin:0 auto;display:flex;background:var(--gls);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--ln);border-radius:24px;padding:4px 6px 6px;box-shadow:var(--e2),var(--hl)}nav.tabs button{flex:1;min-height:52px;padding:9px 4px 7px;background:none;border:none;border-radius:18px;color:var(--muted);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer}nav.tabs button .ico{display:flex;justify-content:center;align-items:center;font-size:1.3rem;margin-bottom:2px;transition:transform .18s ease}nav.tabs button.active{color:var(--accent);font-weight:700}nav.tabs button.active .ico{transform:translateY(-2px)}nav.tabs button:active .ico{transform:scale(.88)}nav.tabs button.scan-fab{color:var(--accent);padding-top:0;overflow:visible}nav.tabs .fab-circle{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:-26px auto 3px;border-radius:50%;background:var(--grad);color:var(--ink);font-size:1.55rem;border:4px solid var(--bg);box-shadow:0 6px 22px #2dd4bf80,inset 0 1px #ffffff59;transition:transform .15s ease}nav.tabs .scan-fab:active .fab-circle{transform:scale(.92)}nav.tabs .fab-label{display:block;font-size:.78rem;font-weight:700}main{padding:14px;max-width:560px;margin:0 auto;animation:vista .22s ease both}@keyframes vista{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:linear-gradient(180deg,#ffffff09,#fff0 52%),var(--panel);border:1px solid var(--ln);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--e1),var(--hl)}label{display:block;font-size:.7rem;font-weight:600;color:var(--muted);margin:12px 0 5px;text-transform:uppercase;letter-spacing:.07em}input,select,textarea{width:100%;min-height:48px;padding:12px 14px;font-size:1rem;font-family:inherit;background:var(--panel2);color:var(--text);border:1px solid transparent;border-radius:12px;outline:none;box-shadow:inset 0 1px 2px #0000002e}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}textarea{min-height:72px;resize:vertical}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.seg{display:flex;background:var(--track);border-radius:13px;padding:4px;gap:4px}.seg button{flex:1;min-height:44px;padding:10px 6px;border:none;border-radius:10px;background:none;color:var(--muted);font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .12s ease}.seg button:active{transform:scale(.96)}.seg button.on{background:var(--grad);color:var(--ink);box-shadow:0 2px 10px #2dd4bf59,inset 0 1px #ffffff4d}.hint{font-size:.82rem;color:var(--muted);margin-top:6px}.hint b{color:var(--text)}.hint.warn{color:var(--warn)}.hint.error{color:var(--danger)}.fotos-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.foto-thumb{position:relative;width:72px;height:72px;border-radius:12px;overflow:hidden;border:1px solid var(--ln);box-shadow:0 2px 8px #0000004d}.foto-thumb img{width:100%;height:100%;object-fit:cover}.foto-thumb .del{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:none;background:#000000b8;color:var(--danger);font-size:.85rem;line-height:1;cursor:pointer;transition:transform .12s ease}.foto-thumb .del:active{transform:scale(.85)}.btn-foto{width:72px;height:72px;border-radius:12px;border:1.5px dashed #2dd4bf80;background:#2dd4bf0f;color:var(--accent);font-size:1.6rem;cursor:pointer;transition:transform .12s ease}.btn-foto:active{transform:scale(.94)}.btn{display:block;width:100%;min-height:52px;padding:14px;margin-top:14px;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;font-family:inherit;letter-spacing:.01em;cursor:pointer;background:var(--grad);color:var(--ink);box-shadow:0 4px 16px #2dd4bf52,inset 0 1px #ffffff47;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--ln);box-shadow:var(--hl);font-size:.95rem;min-height:48px;padding:12px}.btn.danger{background:#f871711f;border:1px solid #f871714d;color:var(--danger);box-shadow:none;font-size:.95rem;min-height:48px;padding:12px}.btn:disabled{opacity:.4;transform:none}.search-bar{display:flex;gap:8px;margin-bottom:10px}.chips{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{white-space:nowrap;min-height:38px;padding:8px 14px;border-radius:99px;font-size:.82rem;font-weight:600;font-family:inherit;background:var(--panel2);border:1px solid var(--ln);color:var(--muted);cursor:pointer;transition:transform .12s ease}.chips button:active{transform:scale(.95)}.chips button.on{background:#2dd4bf26;border-color:#2dd4bf73;color:var(--accent);font-weight:700}.item{display:flex;gap:12px;align-items:center}.item.sel{border-color:#2dd4bf8c;box-shadow:var(--ring),var(--hl)}.item .check{width:26px;height:26px;flex-shrink:0;border-radius:50%;border:2px solid var(--border);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;transition:transform .12s ease}.item .check.on{background:var(--grad);border-color:var(--accent)}.item .check:active{transform:scale(.88)}.export-bar{position:sticky;top:62px;z-index:15}.item .thumb{width:58px;height:58px;border-radius:12px;flex-shrink:0;background:var(--panel2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;overflow:hidden;box-shadow:var(--hl)}.item .thumb img{width:100%;height:100%;object-fit:cover}.item .info{flex:1;min-width:0}.item .sku{font-family:ui-monospace,Consolas,monospace;font-size:.78rem;color:var(--accent);letter-spacing:.02em}.item .title{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .meta{font-size:.8rem;color:var(--muted)}.item .right{text-align:right;flex-shrink:0}.item .precio{font-weight:800;font-size:1.02rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.item .stock{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.login-wrap{max-width:380px;margin:12vh auto 0;padding:0 16px}.login-logo{text-align:center;margin-bottom:22px}.login-logo .t{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.login-logo .s{color:var(--muted);font-size:.9rem;margin-top:2px}.empty{text-align:center;color:var(--muted);padding:40px 12px;font-size:.92rem}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center}.scanner-overlay video{width:100%;height:100%;object-fit:cover}.scanner-marco{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:min(78vw,340px);height:30vh;max-height:220px;border:2px solid var(--accent);border-radius:18px;box-shadow:0 0 0 100vmax #0000008c,0 0 24px #2dd4bf59;pointer-events:none}.scanner-marco:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:2px solid #2dd4bf73;border-radius:22px;animation:pulso 1.6s ease-in-out infinite}@keyframes pulso{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.7;transform:scale(1.015)}}.scanner-hint{position:absolute;left:0;right:0;top:calc(45% + 18vh);text-align:center;color:#fff;font-size:.9rem;font-weight:600;padding:0 24px;text-shadow:0 1px 4px #000}.scanner-cerrar{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);min-height:48px;padding:12px 28px;border-radius:99px;border:1px solid #ffffff26;background:var(--gls);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .12s ease}.scanner-cerrar:active{transform:translate(-50%) scale(.96)}.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ln);font-size:.92rem;font-variant-numeric:tabular-nums}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted)}.deriv{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}.deriv .val{font-weight:700;font-variant-numeric:tabular-nums;background:#2dd4bf1a;border:1px solid #2dd4bf40;border-radius:9px;padding:5px 10px;font-size:.9rem}.deriv .val .u{color:var(--muted);font-weight:600;font-size:.66rem;margin-right:5px;text-transform:uppercase;letter-spacing:.05em}.linkbtn{background:none;border:none;color:var(--accent);font-size:.82rem;font-weight:700;font-family:inherit;cursor:pointer;padding:8px 0;width:auto}.linkbtn:active{opacity:.6}.mas-datos{width:100%;text-align:left;background:var(--panel);border:1px solid var(--ln);border-radius:var(--radius);color:var(--accent);font-weight:700;font-size:.92rem;font-family:inherit;cursor:pointer;min-height:48px;padding:13px 16px;margin-bottom:12px;box-shadow:var(--hl);transition:transform .12s ease}.mas-datos:active{transform:scale(.99)}.mono{font-family:ui-monospace,Consolas,monospace}[data-theme=light]{--bg:#eef1f5;--panel:#fff;--panel2:#e8edf3;--border:#c6d0dc;--text:#101826;--muted:#516072;--accent:#0c8d80;--accent-dark:#0b7569;--ok:#15803d;--warn:#9a6700;--danger:#d03c3c;--grad:linear-gradient(135deg,#2dd4bf,#22d3ee);--ring:0 0 0 3px #0c8d8040;--ln:#1018261a;--gls:#ffffffd1;--track:#10182614;--tn:#1018260f;--e1:0 6px 18px #10182614;--e2:0 10px 28px #10182629;--hl:inset 0 1px 0 #ffffffb3;--bgi:radial-gradient(130% 80% at 50% -15%,#0c8d8012,transparent 60%),linear-gradient(180deg,#f7fafc 0%,var(--bg) 480px)}@media (hover:hover){.btn:hover,.chips button:hover,.seg button:hover,nav.tabs button:hover,.mas-datos:hover,.scanner-cerrar:hover{opacity:.92}.btn:hover{transform:translateY(-1px)}.linkbtn:hover{opacity:.8}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}