.scanner-page{padding:var(--space-xl) 0 var(--space-4xl)}.scanner-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.scanner-camera-section{position:sticky;top:80px}.scanner-camera-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.scanner-camera-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.scanner-camera-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600}.scanner-camera-title .live-dot{width:8px;height:8px;border-radius:50%;background:var(--error);animation:pulse 1.5s infinite}.scanner-camera-title .live-dot.active{background:var(--success)}.scanner-camera-controls{display:flex;align-items:center;gap:var(--space-sm)}.scanner-viewfinder{position:relative;width:100%;aspect-ratio:4/3;background:#000;overflow:hidden;display:flex;flex-direction:column}.scanner-viewfinder video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.scan-region{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;max-width:320px;max-height:320px;aspect-ratio:1;border:2px solid rgba(124,106,246,.5);border-radius:var(--radius-md)}.scan-region:before,.scan-region:after{content:"";position:absolute;width:24px;height:24px;border-color:var(--accent-primary);border-style:solid}.scan-region:before{top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:4px 0 0}.scan-region:after{top:-2px;right:-2px;border-width:3px 3px 0 0;border-radius:0 4px 0 0}.scan-corner-bl,.scan-corner-br{position:absolute;width:24px;height:24px;border-color:var(--accent-primary);border-style:solid}.scan-corner-bl{bottom:-2px;left:-2px;border-width:0 0 3px 3px;border-radius:0 0 0 4px}.scan-corner-br{bottom:-2px;right:-2px;border-width:0 3px 3px 0;border-radius:0 0 4px}.scan-line{position:absolute;left:10%;right:10%;height:2px;background:var(--accent-gradient);box-shadow:0 0 8px #7c6af680;animation:scanLine 2.5s ease-in-out infinite;opacity:0}.scanning .scan-line{opacity:1}.scan-flash{position:absolute;inset:0;background:var(--accent-primary);opacity:0;pointer-events:none;z-index:2}.scan-flash.flash{animation:scanFlash .3s ease}@keyframes scanFlash{0%{opacity:.3}to{opacity:0}}.scanner-no-camera{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;background:var(--bg-tertiary);height:100%;min-height:300px}.scanner-no-camera svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:var(--space-md)}.scanner-no-camera h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.scanner-no-camera p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:300px}.scanner-camera-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.scanner-option{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.manual-entry{margin-top:var(--space-md)}.manual-entry-form{display:flex;gap:var(--space-sm)}.manual-entry-form .input{flex:1}.scanner-results-section{min-height:400px}.results-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.results-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:var(--space-sm)}.results-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600}.results-count{background:var(--accent-gradient-subtle);color:var(--accent-primary);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.results-actions{display:flex;align-items:center;gap:var(--space-sm)}.results-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.results-table{width:100%;min-width:600px;border-collapse:collapse}.results-table th{background:var(--bg-tertiary);padding:10px 16px;text-align:left;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);white-space:nowrap;border-bottom:1px solid var(--border-subtle)}.results-table td{padding:12px 16px;font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.results-table tr:last-child td{border-bottom:none}.results-table tr{transition:background var(--transition-fast)}.results-table tr:hover td{background:var(--bg-tertiary)}.results-table .barcode-value{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-table .barcode-type{display:inline-flex;padding:3px 8px;background:#7c6af61a;color:var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.results-table .barcode-time{font-size:var(--text-xs);color:var(--text-tertiary)}.results-table .row-actions{display:flex;gap:4px}.results-table .row-actions button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast)}.results-table .row-actions button:hover{background:var(--bg-elevated);color:var(--text-primary)}.results-table .row-actions button.delete-btn:hover{color:var(--error);background:var(--error-bg)}.export-dropdown{position:relative}.export-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);padding:var(--space-xs);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast)}.export-dropdown.open .export-menu{opacity:1;visibility:visible;transform:translateY(0)}.export-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.export-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.export-item svg{width:16px;height:16px;flex-shrink:0}.export-item .export-format{font-weight:600;font-size:var(--text-xs);color:var(--accent-primary);margin-left:auto;padding:2px 6px;background:#7c6af61a;border-radius:var(--radius-sm)}@media(max-width:1024px){.scanner-layout{grid-template-columns:1fr}.scanner-camera-section{position:static}.scanner-camera-card.is-active{position:fixed;inset:0;z-index:9999;border-radius:0;display:flex;flex-direction:column;background:var(--bg-primary)}.scanner-camera-card.is-active .scanner-viewfinder{flex:1;aspect-ratio:auto;height:auto}}@media(max-width:768px){.results-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.results-actions{flex-wrap:wrap;gap:var(--space-xs)}.results-actions .btn{flex:1;min-width:0;justify-content:center}.export-menu{right:0;left:auto;min-width:180px;max-width:calc(100vw - 32px)}.manual-entry-form{flex-direction:column;gap:var(--space-sm)}.manual-entry-form .input{width:100%}.manual-entry-form select.input{width:100%!important}.manual-entry-form .btn{width:100%}.results-table-wrapper{overflow-x:visible}.results-table{min-width:0;width:100%}.results-table thead{display:none}.results-table tbody{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.results-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle)}.results-table tr:hover td{background:transparent}.results-table td{padding:0;border-bottom:none;font-size:var(--text-sm)}.results-table td:nth-child(1){order:1;font-size:var(--text-xs);color:var(--text-tertiary);min-width:20px}.results-table td:nth-child(2){order:2;flex:1;min-width:0}.results-table td:nth-child(2) .barcode-value{max-width:100%;display:block;word-break:break-all;white-space:normal}.results-table td:nth-child(5){order:3;margin-left:auto}.results-table td:nth-child(3){order:4}.results-table td:nth-child(4){order:5;margin-left:auto}.scanner-camera-footer{flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.scanner-option{font-size:var(--text-xs)}}.mobile-camera-close{display:none;position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:10000;width:40px;height:40px;border-radius:50%;background:#0009;color:#fff;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);transition:all var(--transition-fast)}.mobile-camera-close:hover{background:#000c}.mobile-camera-close svg{width:20px;height:20px}@media(max-width:1024px){.scanner-camera-card.is-active .mobile-camera-close{display:flex}}