.icon-button{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:50%;transition:all .2s ease;position:relative;overflow:hidden}.icon-button:hover{background-color:rgba(0,0,0,.04)}.icon-button:active{background-color:rgba(0,0,0,.1)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button:disabled:hover{background-color:transparent}.icon-button-small{width:32px;height:32px;padding:6px}.icon-button-medium{width:40px;height:40px;padding:8px}.icon-button-large{width:48px;height:48px;padding:12px}.icon-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(0,0,0,.1);transform:translate(-50%,-50%);transition:width .3s,height .3s}.icon-button:active:before{width:100%;height:100%}.icon-button:focus{outline:2px solid #4a90e2;outline-offset:2px}.icon-button:focus:not(:focus-visible){outline:none}.icon-button.primary{color:#4a90e2}.icon-button.primary:hover{background-color:rgba(74,144,226,.1)}.icon-button.secondary{color:#6c757d}.icon-button.secondary:hover{background-color:rgba(108,117,125,.1)}.icon-button.danger{color:#dc3545}.icon-button.danger:hover{background-color:rgba(220,53,69,.1)}.icon-button.success{color:#28a745}.icon-button.success:hover{background-color:rgba(40,167,69,.1)}.icon-button.white{color:white}.icon-button.white:hover{background-color:rgba(255,255,255,.1)}@media (prefers-color-scheme:dark){.icon-button:hover{background-color:rgba(255,255,255,.08)}.icon-button:active{background-color:rgba(255,255,255,.16)}}@media (max-width:768px){.icon-button{min-width:44px;min-height:44px}.icon-button-small{width:44px;height:44px;padding:10px}}.barcode-container{position:fixed;z-index:1600;height:100vh;width:100vw;background-color:rgba(0,0,0,.7);flex-direction:column;justify-content:center}.barcode-container,.scanner-controls{top:0;left:0;display:flex;align-items:center}.scanner-controls{position:absolute;right:0;padding:16px;z-index:1601;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}.scanner-controls .icon-button.white{color:white}.scanner-controls .icon-button.white:hover{background-color:rgba(255,255,255,.1)}.barcode-container video{width:100%;height:100%;object-fit:cover}@media (max-width:768px){.scanner-controls{padding:12px}}