.barcode-scanner-component{position:relative}.scanner-interface{max-width:100%;margin:0 auto}.scanner-container{position:relative;background-color:#000;border-radius:.5rem;overflow:hidden;width:100%;max-width:400px;margin:0 auto}@media(max-width:640px){.scanner-interface{border-radius:.25rem}.scanner-container{min-height:250px;max-width:100%}.scanner-body{padding:1rem}}.scanner-container video{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.scanner-loading{display:flex;align-items:center;justify-content:center;min-height:200px;background-color:#f3f4f6;border-radius:.5rem}.scanner-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background-color:#fef2f2;color:#dc2626;border-radius:.5rem;padding:1rem;text-align:center}.scan-success-animation{animation:scanSuccess .5s ease-out}@keyframes scanSuccess{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.pos-toast{position:fixed;top:1rem;right:1rem;z-index:9999;max-width:24rem}.pos-layout .barcode-scanner-component{z-index:10}@media(max-height:500px)and (orientation:landscape){.scanner-interface{max-height:200px}.scanner-container{min-height:150px}}html.fi[data-panel=companies]{--nav-bar-from: #3f3f46;--nav-bar-to: #71717a;--nav-bar-glow: rgb(63 63 70 / .45)}html.fi[data-panel=pos]{--nav-bar-from: #2563eb;--nav-bar-to: #60a5fa;--nav-bar-glow: rgb(37 99 235 / .4)}html.fi.dark[data-panel=companies]{--nav-bar-from: #a1a1aa;--nav-bar-to: #d4d4d8;--nav-bar-glow: rgb(161 161 170 / .35)}html.fi.dark[data-panel=pos]{--nav-bar-from: #60a5fa;--nav-bar-to: #93c5fd;--nav-bar-glow: rgb(96 165 250 / .4)}html.is-navigating:before{content:"";position:fixed;inset:0 auto auto 0;width:100%;height:2px;z-index:99999;background:linear-gradient(90deg,var(--nav-bar-from, #52525b),var(--nav-bar-to, #71717a),var(--nav-bar-from, #52525b));background-size:200% 100%;animation:nav-shimmer 1.2s ease-in-out infinite;box-shadow:0 0 12px var(--nav-bar-glow, rgb(82 82 91 / .45));pointer-events:none}#nprogress .bar{height:2px!important;background:linear-gradient(90deg,var(--nav-bar-from, #52525b),var(--nav-bar-to, #71717a))!important;box-shadow:0 0 10px var(--nav-bar-glow, rgb(82 82 91 / .45))!important}#nprogress .peg{box-shadow:0 0 10px var(--nav-bar-glow, rgb(82 82 91 / .45)),0 0 5px var(--nav-bar-glow, rgb(82 82 91 / .45))!important}@keyframes nav-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){html.is-navigating:before{animation:none}}html.is-navigating .fi-main{opacity:.94;transition:opacity .2s ease}html.is-navigating.is-loading-screen-visible .fi-main{opacity:.88}html.is-navigating.is-navigating-fade-out .fi-main{opacity:1}html.is-navigating a.is-nav-active{opacity:.7;transition:opacity .1s ease}.nav-loading-screen{position:fixed;inset:0;z-index:99997;display:flex;align-items:center;justify-content:center;background:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}html.dark .nav-loading-screen{background:#09090bb8}.nav-loading-screen.is-visible{opacity:1;visibility:visible;pointer-events:auto}.nav-loading-screen__panel{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:1rem;border:1px solid rgb(255 255 255 / .65);background:#ffffffeb;box-shadow:0 10px 25px -5px #0000001f,0 4px 10px -6px #00000014}html.dark .nav-loading-screen__panel{border-color:#ffffff14;background:#18181beb;box-shadow:0 10px 25px -5px #00000073,0 4px 10px -6px #0000004d}.nav-loading-screen__spinner{width:1.5rem;height:1.5rem;border-radius:9999px;border:2px solid rgb(113 113 122 / .2);border-top-color:var(--nav-bar-from, #52525b);border-right-color:var(--nav-bar-to, #71717a);animation:nav-spin .65s linear infinite}html.dark .nav-loading-screen__spinner{border-color:#ffffff1f;border-top-color:var(--nav-bar-from, #a1a1aa);border-right-color:var(--nav-bar-to, #d4d4d8)}@keyframes nav-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nav-loading-screen__spinner{animation:none;border-top-color:var(--nav-bar-from, #52525b);border-right-color:var(--nav-bar-to, #71717a);opacity:.85}}