:root{--bg: #0f1419;--panel: #1a2129;--panel2: #232c36;--border: #2e3a46;--text: #e8edf2;--muted: #8a99a8;--accent: #2dd4bf;--accent-dark: #14b8a6;--warn: #fbbf24;--danger: #f87171;--ok: #4ade80;--radius: 12px}*{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;background:var(--bg);color:var(--text);min-height:100vh}#root{padding-bottom:90px}header.appbar{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}header.appbar h1{font-size:1.05rem;font-weight:700}.badge{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:99px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.pend{color:var(--warn);border-color:var(--warn)}.badge.err{color:var(--danger);border-color:var(--danger)}.badge.off{color:var(--muted)}nav.tabs{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}nav.tabs button{flex:1;padding:14px 4px 12px;background:none;border:none;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer}nav.tabs button .ico{display:block;font-size:1.3rem;margin-bottom:2px}nav.tabs button.active{color:var(--accent)}nav.tabs button.scan-fab{color:var(--accent);padding-top:6px}nav.tabs .fab-circle{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:-24px auto 3px;border-radius:50%;background:var(--accent);color:#06302b;font-size:1.55rem;border:3px solid var(--bg);box-shadow:0 4px 14px #2dd4bf73}nav.tabs .scan-fab:active .fab-circle{background:var(--accent-dark)}nav.tabs .fab-label{display:block;font-size:.8rem;font-weight:700}main{padding:14px;max-width:560px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px}label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.04em}input,select,textarea{width:100%;padding:12px;font-size:1.05rem;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{min-height:64px;resize:vertical}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.seg{display:flex;background:var(--panel2);border-radius:10px;padding:4px;gap:4px}.seg button{flex:1;padding:12px 6px;border:none;border-radius:8px;background:none;color:var(--muted);font-size:1rem;font-weight:700;cursor:pointer}.seg button.on{background:var(--accent);color:#06302b}.hint{font-size:.82rem;color:var(--muted);margin-top:4px}.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:8px;overflow:hidden;border:1px solid var(--border)}.foto-thumb img{width:100%;height:100%;object-fit:cover}.foto-thumb .del{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;border:none;background:#000000b3;color:var(--danger);font-size:.85rem;line-height:1;cursor:pointer}.btn-foto{width:72px;height:72px;border-radius:8px;border:1px dashed var(--accent);background:none;color:var(--accent);font-size:1.6rem;cursor:pointer}.btn{display:block;width:100%;padding:15px;margin-top:14px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;background:var(--accent);color:#06302b}.btn:active{background:var(--accent-dark)}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--border);font-size:.95rem;padding:12px}.btn.danger{background:none;border:1px solid var(--danger);color:var(--danger);font-size:.95rem;padding:12px}.btn:disabled{opacity:.45}.search-bar{display:flex;gap:8px;margin-bottom:10px}.chips{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:2px}.chips button{white-space:nowrap;padding:7px 13px;border-radius:99px;font-size:.82rem;font-weight:600;background:var(--panel2);border:1px solid var(--border);color:var(--muted);cursor:pointer}.chips button.on{background:var(--accent);border-color:var(--accent);color:#06302b}.item{display:flex;gap:10px;align-items:center}.item.sel{border-color:var(--accent)}.item .check{width:26px;height:26px;flex-shrink:0;border-radius:50%;border:2px solid var(--border);color:#06302b;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800}.item .check.on{background:var(--accent);border-color:var(--accent)}.export-bar{position:sticky;top:58px;z-index:15}.item .thumb{width:58px;height:58px;border-radius:8px;flex-shrink:0;background:var(--panel2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;overflow:hidden}.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:.8rem;color:var(--accent)}.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:700;font-size:.95rem}.item .stock{font-size:.8rem;color:var(--muted)}.login-wrap{max-width:380px;margin:12vh auto 0;padding:0 16px}.login-logo{text-align:center;margin-bottom:18px}.login-logo .t{font-size:1.3rem;font-weight:800}.login-logo .s{color:var(--muted);font-size:.9rem}.empty{text-align:center;color:var(--muted);padding:36px 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:14px;box-shadow:0 0 0 100vmax #00000073;pointer-events:none}.scanner-hint{position:absolute;left:0;right:0;top:calc(45% + 18vh);text-align:center;color:#fff;font-size:.9rem;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%);padding:13px 26px;border-radius:99px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:1rem;font-weight:700;cursor:pointer}.kv{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:.92rem}.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;background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:.9rem}.deriv .val .u{color:var(--muted);font-weight:600;font-size:.68rem;margin-right:5px;text-transform:uppercase;letter-spacing:.03em}.linkbtn{background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:700;cursor:pointer;padding:4px 0;width:auto}.mas-datos{width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);font-weight:700;font-size:.92rem;cursor:pointer;padding:13px 14px;margin-bottom:12px}.mono{font-family:ui-monospace,Consolas,monospace}