.barcode-scanner-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000f2;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.barcode-scanner-modal{background:#1a1a2e;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.barcode-scanner-header{background:linear-gradient(135deg,#16213e 0%,#0f3460 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.barcode-scanner-title{color:#fff;align-items:center;margin:0;font-size:1.1rem;font-weight:600;display:flex}.barcode-scanner-body{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.barcode-scanner-viewport{aspect-ratio:4/3;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.barcode-scanner-video{object-fit:contain;background:#000;width:100%;height:100%}.barcode-scanner-overlay-ui{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.barcode-scanner-frame{border:2px solid #ffffff4d;border-radius:8px;width:85%;height:35%;position:relative}.barcode-scanner-frame-corner{border:3px solid #e94560;width:20px;height:20px;position:absolute}.barcode-scanner-frame-corner.top-left{border-bottom:none;border-right:none;border-radius:8px 0 0;top:-3px;left:-3px}.barcode-scanner-frame-corner.top-right{border-bottom:none;border-left:none;border-radius:0 8px 0 0;top:-3px;right:-3px}.barcode-scanner-frame-corner.bottom-left{border-top:none;border-right:none;border-radius:0 0 0 8px;bottom:-3px;left:-3px}.barcode-scanner-frame-corner.bottom-right{border-top:none;border-left:none;border-radius:0 0 8px;bottom:-3px;right:-3px}.barcode-scanner-laser{background:linear-gradient(90deg,#0000 0%,#e94560 20%,#ff6b6b 50%,#e94560 80%,#0000 100%);height:2px;animation:2s ease-in-out infinite laser-scan;position:absolute;top:50%;left:5%;right:5%;box-shadow:0 0 8px #e94560,0 0 16px #e94560}@keyframes laser-scan{0%,to{opacity:.6;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.barcode-scanner-instruction{color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;position:absolute;bottom:15%}.barcode-scanner-status{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:.75rem;display:flex}.barcode-scanner-success{color:#fff;background:#28a74526;border:1px solid #28a7454d;border-radius:8px;justify-content:center;align-items:center;padding:.75rem;font-size:.95rem;display:flex}.barcode-scanner-error{color:#ff6b6b;text-align:center;background:#dc354526;border:1px solid #dc35454d;border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.barcode-scanner-retry-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.barcode-scanner-retry-btn:hover{background:#dc354533}.barcode-scanner-footer{background:#16213e;border-top:1px solid #ffffff1a;gap:.75rem;padding:1rem 1.25rem;display:flex}.barcode-scanner-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:.875rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.barcode-scanner-btn--secondary{color:#fff;background:#ffffff1a}.barcode-scanner-btn--secondary:hover{background:#fff3}.barcode-scanner-btn--primary{color:#fff;background:linear-gradient(135deg,#e94560 0%,#c73e54 100%);box-shadow:0 4px 15px #e945604d}.barcode-scanner-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#f05a70 0%,#d94a61 100%);transform:translateY(-1px);box-shadow:0 6px 20px #e9456066}.barcode-scanner-btn--primary:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.barcode-scanner-modal{border-radius:0;max-width:100%;max-height:100vh}.barcode-scanner-header{padding:.875rem 1rem}.barcode-scanner-title{font-size:1rem}.barcode-scanner-body{padding:.875rem}.barcode-scanner-instruction{padding:.4rem .75rem;font-size:.8rem}.barcode-scanner-footer{padding:.875rem 1rem}.barcode-scanner-btn{padding:.75rem;font-size:.9rem}}@keyframes pulse-detected{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 20px #28a74500}to{box-shadow:0 0 #28a74500}}.barcode-scanner-success{animation:1s ease-out pulse-detected}.barcode-scanner-viewport:before{content:"";pointer-events:none;background:radial-gradient(#0000 30%,#0006 70%);position:absolute;inset:0}.barcode-scanner-frame:before{content:"";pointer-events:none;background:linear-gradient(#e945601a 0%,#0000 40% 60%,#e945601a 100%);position:absolute;inset:0}@media (width>=768px) and (orientation:landscape){.barcode-scanner-modal{max-width:600px}.barcode-scanner-viewport{aspect-ratio:16/9}}@supports (padding-top:env(safe-area-inset-top)){.barcode-scanner-overlay{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion:reduce){.barcode-scanner-laser,.barcode-scanner-success{animation:none}}@media (prefers-contrast:high){.barcode-scanner-frame{border-color:#fff}.barcode-scanner-frame-corner{border-color:#ff0}.barcode-scanner-laser{background:#ff0;box-shadow:0 0 8px #ff0}}.barcode-scanner-input{opacity:0;pointer-events:none;position:absolute}.barcode-scanner-help{color:#fff;cursor:help;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:.5rem;font-size:1rem;display:flex;position:absolute;top:10px;right:10px}@keyframes flash-success{0%,to{opacity:0}50%{opacity:.3}}.barcode-scanner-viewport.flash{animation:.3s ease-out flash-success}.barcode-scanner-loading{color:#fff;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.barcode-scanner-loading-spinner{border:3px solid #ffffff1a;border-top-color:#e94560;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@supports (-webkit-touch-callout:none){.barcode-scanner-video{transform:translateZ(0)}}@supports (-webkit-overflow-scrolling:touch){.barcode-scanner-modal{-webkit-overflow-scrolling:touch}}.barcode-scanner-debug-grid{pointer-events:none;opacity:.3;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.barcode-scanner-debug-grid>div{color:#ffffff80;border:1px dashed #ffffff4d;justify-content:center;align-items:center;font-size:.6rem;display:flex}.barcode-scanner-debug-grid>div:nth-child(5){background:#e945601a;border-style:solid;border-color:#e94560}.barcode-scanner-format-badge{color:#fff;text-transform:uppercase;background:#e94560e6;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:10px;left:10px}.barcode-scanner-overlay{transition:opacity .3s}.barcode-scanner-modal{transition:transform .3s,opacity .3s}.barcode-scanner-btn:focus-visible{outline-offset:2px;outline:2px solid #e94560}.barcode-scanner-retry-btn:focus-visible{outline-offset:2px;outline:2px solid}@media screen and (orientation:portrait){.barcode-scanner-frame{width:90%;height:30%}}@media screen and (orientation:landscape){.barcode-scanner-frame{width:70%;height:40%}}@media (width<=320px){.barcode-scanner-title{font-size:.9rem}.barcode-scanner-instruction{font-size:.75rem;bottom:10%}.barcode-scanner-frame-corner{width:15px;height:15px}}@media (width>=768px){.barcode-scanner-modal{max-width:550px}.barcode-scanner-frame{width:80%;height:40%}.barcode-scanner-instruction{font-size:1rem}}.barcode-scanner-overlay{z-index:2147483647}body:has(.barcode-scanner-overlay){touch-action:none;overflow:hidden}.barcode-scanner-video,.barcode-scanner-frame,.barcode-scanner-laser{will-change:transform;transform:translateZ(0)}.barcode-scanner-modal *{box-sizing:border-box}.barcode-scanner-result-popup{color:#fff;white-space:nowrap;background:#28a745f2;border-radius:8px;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;animation:.3s ease-out slide-up;position:absolute;bottom:20%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}@keyframes slide-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.barcode-scanner-stability{gap:4px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.barcode-scanner-stability-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:background .2s}.barcode-scanner-stability-dot.active{background:#e94560}.barcode-scanner-timeout{text-align:center;color:#ffc107;padding:1rem;font-size:.9rem}.barcode-scanner-switch-camera{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:background .2s;display:flex;position:absolute;top:10px;right:50px}.barcode-scanner-switch-camera:hover{background:#000c}.barcode-scanner-scanning-overlay{pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#e945601a 2px 4px);transition:opacity .3s;animation:2s linear infinite scan-lines;position:absolute;inset:0}.barcode-scanner-scanning-overlay.active{opacity:1}@keyframes scan-lines{0%{background-position:0 0}to{background-position:0 100%}}.barcode-scanner-alignment-guide{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.barcode-scanner-alignment-guide:before,.barcode-scanner-alignment-guide:after{content:"";background:#fff3;position:absolute}.barcode-scanner-alignment-guide:before{width:1px;height:100%}.barcode-scanner-alignment-guide:after{width:100%;height:1px}.BarcodeScanner-module__laser__kdXwu{background-color:var(--laser-color,red)}.BarcodeScanner-module__hiddenCanvas__B9VMW{display:none}.BarcodeScanner-module__scannerInfo__ZtLJ2{max-height:80px;font-size:11px;overflow:auto}