:root{--bg:#0b0f14;--panel:#131922;--border:#243040;--text:#e6edf3;--text-dim:#8b98a8;--cyan:#2dd4bf;--green:#22c55e;--red:#ef4444;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);min-height:100svh}#root{min-height:100svh}.flash{border:1px solid var(--border);border-radius:10px;margin:4px 0;padding:14px 16px;font-weight:600}.flash-ok{border-color:var(--green);color:var(--green);background:#22c55e1f}.flash-err{border-color:var(--red);color:#fff;background:#ef444433;font-size:1.05rem;animation:.35s flash-shake}@keyframes flash-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.app{max-width:560px;margin:0 auto;padding:0 0 40px}.topbar{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);padding:14px 16px 10px;position:sticky;top:0}.topbar h1{margin:0 0 10px;font-size:18px}.topbar nav{gap:6px;display:flex}.topbar nav button{border:1px solid var(--border);background:var(--panel);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:10px;flex:1;min-width:0;padding:10px 4px;font-size:13px;font-weight:600}.topbar nav button.on{background:var(--cyan);color:#04231f;border-color:var(--cyan)}.view{flex-direction:column;gap:14px;padding:16px;display:flex}.usb{gap:8px;display:flex}input,textarea{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;width:100%;padding:13px}input:focus,textarea:focus{border-color:var(--cyan);outline:none}.usb input{flex:1;min-width:0;font-size:18px}button{font:inherit;cursor:pointer;background:var(--cyan);color:#04231f;border:none;border-radius:10px;padding:13px 16px;font-weight:600}.cam-btn{width:100%}.cam-btn.stop{background:var(--red);color:#fff}.reader{display:none}.reader.on{border:1px solid var(--border);border-radius:10px;display:block;overflow:hidden}.card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:14px;padding:22px 18px}.card.ok{border-color:var(--green)}.card.miss{border-color:var(--red)}.card .name{margin-bottom:14px;font-size:20px;font-weight:700}.prices{gap:12px;display:flex}.prices>div{background:var(--bg);border-radius:10px;flex-direction:column;flex:1;gap:4px;padding:14px;display:flex}.prices span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.prices b{font-size:24px}.prices .pvp b{color:var(--green);font-size:32px}.code{color:var(--text-dim);margin-top:12px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.quickadd,.addform{text-align:left;flex-direction:column;gap:10px;display:flex}.quickadd .row,.addform .row{gap:10px;display:flex}.loose h2{color:var(--text-dim);margin:6px 0;font-size:14px}.loose .grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.loose .grid button{background:var(--panel);color:var(--text);border:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.loose .grid button b{color:var(--green);font-size:18px}.import{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:12px 14px}.import summary{cursor:pointer;font-weight:600}.import textarea{margin:10px 0;font-family:ui-monospace,Consolas,monospace;font-size:13px}.muted{color:var(--text-dim);font-size:13px}.list{flex-direction:column;gap:8px;display:flex}.list-head{color:var(--text-dim);margin-top:6px;font-size:13px}.row-item{background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.row-item .info{flex-direction:column;flex:1;min-width:0;display:flex}.row-item .sub{color:var(--text-dim);font-size:12px}.row-item .del{color:var(--red);border:1px solid var(--border);background:0 0;padding:8px 12px}.topbar .cloud{color:var(--text-dim);vertical-align:middle;font-size:12px;font-weight:500}.cloud{vertical-align:middle;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:3px 10px;font-size:.72em}.cloud:hover{border-color:var(--cyan);color:var(--text)}.cloud-off{color:#f0b429;border-color:#6b5314}.modal-fondo{z-index:100;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:24px 22px;position:relative}.modal h2{margin:0 0 12px;font-size:1.15rem}.modal-cerrar{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:1.1rem;position:absolute;top:12px;right:12px}.modal form{flex-direction:column;gap:10px;margin:14px 0 6px;display:flex}.modal input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:12px 14px}.modal input:focus{outline:2px solid var(--cyan);outline-offset:1px}.modal button[type=submit]{font:inherit;background:var(--cyan);color:#04211d;cursor:pointer;border:0;border-radius:10px;padding:12px;font-weight:600}.modal button[type=submit]:disabled{opacity:.6;cursor:default}.cuenta-email{margin:0 0 6px;font-weight:600}.cuenta-estado{color:var(--text);margin:0 0 10px;font-size:.92rem;line-height:1.5}.cuenta-nota{color:var(--text-dim);margin:10px 0 0;font-size:.82rem;line-height:1.5}.cuenta-error{color:var(--red);margin:8px 0 0;font-size:.85rem}.btn-sec{font:inherit;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:10px;margin-top:14px;padding:10px 16px}.btn-sec:hover{color:var(--text);border-color:var(--cyan)}