.scanner-page{padding:var(--space-xl) 0 var(--space-4xl)}.scanner-layout{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.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{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.scanner-camera-title{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;display:flex}.scanner-camera-title .live-dot{background:var(--error);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}.scanner-camera-title .live-dot.active{background:var(--success)}.scanner-camera-controls{align-items:center;gap:var(--space-sm);display:flex}.scanner-viewfinder{aspect-ratio:4/3;background:#000;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.scanner-viewfinder video{object-fit:cover;width:100%;height:100%}.scan-overlay{pointer-events:none;z-index:1;position:absolute;inset:0}.scan-region{aspect-ratio:1;border-radius:var(--radius-md);border:2px solid #7c6af680;width:80%;max-width:320px;height:80%;max-height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-region:before,.scan-region:after{content:"";border-color:var(--accent-primary);border-style:solid;width:24px;height:24px;position:absolute}.scan-region:before{border-width:3px 0 0 3px;border-radius:4px 0 0;top:-2px;left:-2px}.scan-region:after{border-width:3px 3px 0 0;border-radius:0 4px 0 0;top:-2px;right:-2px}.scan-corner-bl,.scan-corner-br{border-color:var(--accent-primary);border-style:solid;width:24px;height:24px;position:absolute}.scan-corner-bl{border-width:0 0 3px 3px;border-radius:0 0 0 4px;bottom:-2px;left:-2px}.scan-corner-br{border-width:0 3px 3px 0;border-radius:0 0 4px;bottom:-2px;right:-2px}.scan-line{background:var(--accent-gradient);opacity:0;height:2px;animation:2.5s ease-in-out infinite scanLine;position:absolute;left:10%;right:10%;box-shadow:0 0 8px #7c6af680}.scanning .scan-line{opacity:1}.scan-flash{background:var(--accent-primary);opacity:0;pointer-events:none;z-index:2;position:absolute;inset:0}.scan-flash.flash{animation:.3s scanFlash}@keyframes scanFlash{0%{opacity:.3}to{opacity:0}}.scanner-no-camera{padding:var(--space-3xl);text-align:center;background:var(--bg-tertiary);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:300px;display:flex}.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);justify-content:space-between;align-items:center;display:flex}.scanner-option{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.manual-entry{margin-top:var(--space-md)}.manual-entry-form{gap:var(--space-sm);display:flex}.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{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.results-title{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;display:flex}.results-count{background:var(--accent-gradient-subtle);color:var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-xs);padding:2px 8px;font-weight:700}.results-actions{align-items:center;gap:var(--space-sm);display:flex}.results-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.results-table{border-collapse:collapse;width:100%;min-width:600px}.results-table th{background:var(--bg-tertiary);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);white-space:nowrap;border-bottom:1px solid var(--border-subtle);padding:10px 16px;font-weight:700}.results-table td{font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 16px}.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);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.results-table .barcode-type{color:var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-xs);background:#7c6af61a;padding:3px 8px;font-weight:600;display:inline-flex}.results-table .barcode-time{font-size:var(--text-xs);color:var(--text-tertiary)}.results-table .row-actions{gap:4px;display:flex}.results-table .row-actions button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.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{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);padding:var(--space-xs);opacity:0;visibility:hidden;transition:all var(--transition-fast);position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-4px)}.export-dropdown.open .export-menu{opacity:1;visibility:visible;transform:translateY(0)}.export-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;padding:10px 12px;display:flex}.export-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.export-item svg{flex-shrink:0;width:16px;height:16px}.export-item .export-format{font-weight:600;font-size:var(--text-xs);color:var(--accent-primary);border-radius:var(--radius-sm);background:#7c6af61a;margin-left:auto;padding:2px 6px}@media (width<=1024px){.scanner-layout{grid-template-columns:1fr}.scanner-camera-section{position:static}.scanner-camera-card.is-active{z-index:9999;background:var(--bg-primary);border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.scanner-camera-card.is-active .scanner-viewfinder{aspect-ratio:auto;flex:1;height:auto}}@media (width<=480px){.results-header{flex-direction:column;align-items:flex-start}}