*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#111;justify-content:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}#app{width:100%;max-width:480px;padding:0 16px 32px}.bs-header{text-align:center;border-bottom:1px solid #222;margin-bottom:20px;padding:20px 0 16px}.logo{color:#fff;font-size:24px;font-weight:700}.logo-accent{color:gold}.pro-badge{color:#1a1a1a;vertical-align:middle;background:gold;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:700}.logo-sub{color:#666;margin-top:4px;font-size:12px}.sec-label{color:#555;text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px;font-size:11px}.lot-card{cursor:pointer;background:#222;border:1.5px solid #2e2e2e;border-radius:12px;margin-bottom:10px;padding:14px 16px;transition:border-color .15s,background .15s}.lot-card:active{background:#2a1f00;border-color:gold}.lot-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.lot-code{color:gold;font-size:15px;font-weight:700}.lot-desc{color:#aaa;margin-bottom:6px;font-size:11px}.lot-meta{color:#888;gap:12px;font-size:11px;display:flex}.empty-state{text-align:center;padding:48px 0}.empty-icon{margin-bottom:12px;font-size:40px}.empty-title{color:#fff;margin-bottom:6px;font-size:16px;font-weight:600}.empty-sub{color:#555;font-size:12px}.loading{text-align:center;color:#555;padding:40px 0;font-size:13px}.divider{align-items:center;gap:8px;margin:16px 0 12px;display:flex}.divider-line{background:#2a2a2a;flex:1;height:1px}.divider-text{color:#444;font-size:10px}.search-row{background:#222;border:1px solid #333;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-icon{font-size:14px}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-input::placeholder{color:#555}.lot-arrow{color:#444;font-size:20px;transition:color .15s,transform .15s}.lot-card:hover .lot-arrow{color:gold;transform:translate(3px)}.lot-card:hover{border-color:gold}.lot-card--loading{opacity:.5}.lot-card--loading .lot-code:after{content:" …";color:#888}.session-card{background:#1a1a1a;border:1.5px solid gold;border-radius:14px;margin:20px 0;padding:20px 18px;position:relative}.session-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;position:absolute;top:16px;right:16px;box-shadow:0 0 6px #22c55e}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.session-lot-code{color:gold;margin-bottom:4px;font-size:22px;font-weight:700}.session-lot-desc{color:#aaa;margin-bottom:12px;font-size:13px}.session-meta{color:#555;gap:14px;margin-bottom:8px;font-size:11px;display:flex}.session-id{color:#444;font-size:10px}.session-id code{color:#666}.session-actions{flex-direction:column;gap:10px;display:flex}.btn-primary{color:#111;cursor:pointer;background:gold;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.btn-primary:active{background:#e6c200;transform:scale(.98)}.btn-secondary{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:10px;width:100%;padding:12px;font-size:13px;transition:color .15s,border-color .15s}.btn-secondary:hover{color:#fff;border-color:#666}.btn-retry{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;margin-top:16px;padding:10px 20px;font-size:13px}.scanner-container{background:#000;border-radius:14px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.scanner-container.hidden{display:none}#scanner-video{object-fit:cover;width:100%;max-height:260px;display:block}.scan-reticle{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-reticle:before,.scan-reticle:after{content:"";border:2px solid gold;border-radius:4px;width:70%;height:40%;position:absolute}.scan-line{opacity:.8;background:gold;width:65%;height:2px;animation:2s ease-in-out infinite scan-sweep;position:absolute}@keyframes scan-sweep{0%,to{opacity:.3;transform:translateY(-40px)}50%{opacity:1;transform:translateY(40px)}}.scan-cancel{z-index:10;width:calc(100% - 24px);position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.manual-row{align-items:center;gap:8px;margin-top:4px;display:flex}.ean-input{color:#fff;background:#222;border:1px solid #333;border-radius:10px;outline:none;flex:1;padding:12px 14px;font-size:16px}.ean-input:focus{border-color:gold}.ean-input::placeholder{color:#555}.btn-icon{color:#111;cursor:pointer;background:gold;border:none;border-radius:10px;flex-shrink:0;width:46px;height:46px;font-size:18px;font-weight:700}.scan-feedback{text-align:center;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13px}.scan-feedback.hidden{display:none}.scan-feedback.error{color:#f87171;background:#2a0a0a;border:1px solid #7f1d1d}.scan-feedback.info{color:#86efac;background:#0a1f0a;border:1px solid #14532d}.session-bar{color:gold;background:#1a1a1a;border-radius:8px;margin-bottom:16px;padding:7px 16px;font-size:12px}.scan-area{text-align:center;background:#1a1a1a;border:1.5px dashed #333;border-radius:12px;margin-bottom:14px;padding:20px 16px}.scan-icon{color:#444;margin-bottom:8px;font-size:32px}.product-card{background:#1a1a1a;border:1px solid #2e2e2e;border-radius:12px;margin-bottom:16px;padding:14px 16px}.p-brand{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.p-model{color:#fff;margin:4px 0 10px;font-size:16px;font-weight:600}.p-pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:20px;padding:3px 8px;font-size:11px;font-weight:500}.pill--bulk{color:#86efac;background:#1a2e1a}.pill--stock{color:#4ade80;background:#1a2a1a}.pill--item{color:gold;background:#2a1f00}.field-label{color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px}.qty-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.qty-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#222;border:1px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;transition:background .1s;display:flex}.qty-btn:active{background:#2e2e2e}.qty-input{text-align:center;color:#fff;appearance:textfield;background:#222;border:1px solid #333;border-radius:10px;outline:none;flex:1;padding:10px;font-size:26px;font-weight:600}.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{border-color:gold}.casse-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.casse-label{color:#888;flex:1;font-size:13px}.casse-input{text-align:center;color:#fff;appearance:textfield;background:#222;border:1px solid #333;border-radius:8px;outline:none;width:52px;height:32px;padding:0 6px;font-size:13px}.casse-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.casse-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.photo-trigger{cursor:pointer;color:gold;background:#2a1f00;border:1px solid gold;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.toast-ok{color:#86efac;background:#0a2a0a;border:1px solid #14532d;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.toast-ok--error{color:#f87171;background:#2a0a0a;border-color:#7f1d1d}.msg-box{color:#888;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.5}.msg-box--warn{color:gold;background:#2a1f00;border-color:gold}.msg-box--error{color:#f87171;background:#2a0a0a;border-color:#7f1d1d}.msg-icon{margin-bottom:8px;font-size:28px}.msg-title{color:#fff;margin-bottom:4px;font-size:15px;font-weight:600}.msg-sub{color:#666;font-size:12px}.btn-last{color:gold;cursor:pointer;background:#2a1f00;border:1px solid gold;border-radius:10px;width:100%;margin-bottom:10px;padding:12px;font-size:13px;font-weight:600;transition:background .15s}.btn-last:active{background:#3a2a00}.login-card{background:#1a1a1a;border:1.5px solid #2e2e2e;border-radius:14px;margin-top:8px;padding:24px 20px}.field-group{margin-bottom:16px}.field-input{color:#fff;background:#222;border:1px solid #333;border-radius:10px;outline:none;width:100%;margin-top:6px;padding:12px 14px;font-size:15px;transition:border-color .15s}.field-input:focus{border-color:gold}.field-input::placeholder{color:#555}.hidden{display:none!important}