.scanner-wrapper[data-v-f466edf6]{background:linear-gradient(135deg,#eef2f7,#f7f9fc)}.scanner-card[data-v-f466edf6]{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 12px 40px #0000001f;padding:32px;text-align:center;width:720px}.scanner-title[data-v-f466edf6]{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:6px}.scanner-subtitle[data-v-f466edf6]{color:#6b7280;font-size:1rem;margin-bottom:22px}.scan-window[data-v-f466edf6]{aspect-ratio:4/3;background:#000;border:3px solid #d1d5db;border-radius:16px;box-shadow:0 4px 18px #0003;margin:0 auto;overflow:hidden;position:relative;width:460px}#code-reader[data-v-f466edf6]{height:100%!important;-o-object-fit:cover;object-fit:cover;width:100%!important}.corner[data-v-f466edf6]{border:4px solid #22c55e;border-radius:4px;height:38px;position:absolute;width:38px}.corner.tl[data-v-f466edf6]{border-right:none;left:8px}.corner.tl[data-v-f466edf6],.corner.tr[data-v-f466edf6]{border-bottom:none;top:8px}.corner.tr[data-v-f466edf6]{border-left:none;right:8px}.corner.bl[data-v-f466edf6]{border-right:none;left:8px}.corner.bl[data-v-f466edf6],.corner.br[data-v-f466edf6]{border-top:none;bottom:8px}.corner.br[data-v-f466edf6]{border-left:none;right:8px}.scan-wave[data-v-f466edf6]{align-items:center;color:#374151;display:flex;font-size:1.35rem;font-weight:700;gap:2px;justify-content:center;letter-spacing:1px}.scan-wave span[data-v-f466edf6]{animation:wave-f466edf6 1.4s ease-in-out infinite;display:inline-block}.scan-wave span[data-v-f466edf6]:first-child{animation-delay:0s}.scan-wave span[data-v-f466edf6]:nth-child(2){animation-delay:.05s}.scan-wave span[data-v-f466edf6]:nth-child(3){animation-delay:.1s}.scan-wave span[data-v-f466edf6]:nth-child(4){animation-delay:.15s}.scan-wave span[data-v-f466edf6]:nth-child(5){animation-delay:.2s}.scan-wave span[data-v-f466edf6]:nth-child(6){animation-delay:.25s}.scan-wave span[data-v-f466edf6]:nth-child(7){animation-delay:.3s}.scan-wave span[data-v-f466edf6]:nth-child(8){animation-delay:.35s}.scan-wave .dot[data-v-f466edf6]:nth-child(9){animation-delay:.45s}.scan-wave .dot[data-v-f466edf6]:nth-child(10){animation-delay:.55s}.scan-wave .dot[data-v-f466edf6]:nth-child(11){animation-delay:.65s}@keyframes wave-f466edf6{0%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}to{opacity:.35;transform:translateY(0)}}@media screen and (max-width:768px){.scanner-card[data-v-f466edf6]{width:95%}.scan-window[data-v-f466edf6]{width:100%}}@media screen and (max-width:600px){.scanner-card[data-v-f466edf6]{width:93%}}