:root{--bg: #0b1120;--surface: #131d33;--surface2: #1e293b;--surface3: #334155;--border: #293548;--border-light: #3e4f68;--text: #f8fafc;--text-secondary: #94a3b8;--muted: #64748b;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .25);--success: #10b981;--success-glow: rgba(16, 185, 129, .2);--danger: #ef4444;--warning: #f59e0b;--exceeded: #ea580c;--duplicate: #8b5cf6;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.4;width:100%;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none}#root{width:100%;height:100%;display:flex;flex-direction:column}.mobile-app{display:flex;flex-direction:column;width:100%;height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden;position:relative}.mobile-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.85rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.mobile-header{height:3.6rem;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:20;flex-shrink:0}.header-left{display:flex;align-items:center;gap:.6rem}.header-logo-badge{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.3rem}.header-titles{display:flex;flex-direction:column}.app-title{font-size:1.05rem;font-weight:800;letter-spacing:-.3px;color:#fff;line-height:1.15}.app-subtitle{font-size:.65rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:.5rem}.ws-status-badge{display:flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:999px;font-size:.65rem;font-weight:700}.ws-status-badge.online{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.ws-status-badge.offline{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.pulse-icon{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.4}}.header-progress-chip{background:var(--surface2);border:1px solid var(--border);padding:.2rem .5rem;border-radius:6px;font-size:.7rem;color:var(--text-secondary);display:none}@media(min-width:380px){.header-progress-chip{display:block}}.header-progress-chip strong{color:#fff;margin-left:.2rem}.header-icon-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);width:2.2rem;height:2.2rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-icon-btn:active{background:var(--surface3)}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(3.8rem + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#131d33f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:30}.nav-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;background:transparent;border:none;color:var(--muted);cursor:pointer;transition:all .15s ease}.nav-item.active{color:var(--primary)}.nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-4px;right:-8px;background:var(--primary);color:#fff;font-size:.6rem;font-weight:800;min-width:15px;height:15px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px}.nav-badge.badge-done{background:var(--success)}.nav-label{font-size:.7rem;font-weight:600}.mobile-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:inherit;font-size:.9rem;font-weight:700;border-radius:8px;border:none;padding:.65rem 1.1rem;cursor:pointer;transition:all .15s ease}.mobile-btn:active{transform:scale(.98)}.mobile-btn.primary{background:var(--primary);color:#fff}.mobile-btn.primary:active{background:#2563eb}.mobile-btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.mobile-btn.danger{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.mobile-btn.small{padding:.35rem .65rem;font-size:.75rem}.mobile-btn.large{padding:.9rem 1.4rem;font-size:1rem}.mobile-btn.full{width:100%}.mobile-input{width:100%;background:var(--surface2);border:1px solid var(--border);color:#fff;border-radius:8px;padding:.65rem .85rem;font-size:.9rem;outline:none}.mobile-input:focus{border-color:var(--primary)}.mobile-alert{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;margin-bottom:.85rem}.mobile-alert.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.mobile-alert.success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.scan-page{display:flex;flex-direction:column;gap:.75rem}.scan-summary-bar{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem .85rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.summary-bar-info{display:flex;flex-direction:column;gap:.1rem}.summary-tag{font-size:.65rem;font-weight:700;color:var(--primary);text-transform:uppercase}.summary-qty{font-size:.85rem;color:#fff}.summary-bar-action{font-size:.75rem;font-weight:700;color:var(--muted)}.scan-empty-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);padding:.6rem .85rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#fcd34d}.scan-input-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.input-with-actions{display:flex;align-items:center;gap:.4rem;background:var(--surface2);border:1px solid var(--border-light);border-radius:10px;padding:.25rem .4rem}.mobile-scan-input{flex:1;background:transparent;border:none;color:#fff;font-size:1.05rem;font-weight:700;padding:.5rem;outline:none}.mobile-scan-input::placeholder{color:var(--muted);font-weight:400;font-size:.9rem}.input-clear-btn{background:transparent;border:none;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:.4rem;cursor:pointer}.scan-submit-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.scan-submit-btn:disabled{opacity:.4}.camera-launch-btn{width:100%;background:#3b82f61f;border:1px dashed rgba(59,130,246,.4);color:#93c5fd;border-radius:8px;padding:.6rem;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.camera-launch-btn:active{background:#3b82f633}.scan-result-container{min-height:120px}.scan-waiting-card{background:var(--surface);border:1px dashed var(--border);border-radius:12px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--muted);font-size:.85rem;font-weight:600}.waiting-pulse-dot{width:12px;height:12px;border-radius:50%;background:var(--primary);animation:pulse-dot 1.5s infinite ease-in-out}@keyframes pulse-dot{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.3);opacity:1}}.scan-result-card{border-radius:12px;padding:1rem;color:#fff;display:flex;flex-direction:column;gap:.75rem;animation:flash-appear .2s ease-out}@keyframes flash-appear{0%{transform:scale(.97);opacity:.5}to{transform:scale(1);opacity:1}}.scan-result-card.res-success{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #05966959}.scan-result-card.res-exceeded{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 8px 24px #ea580c59}.scan-result-card.res-duplicate{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 24px #7c3aed59}.scan-result-card.res-notfound{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 24px #d9770659}.scan-result-card.res-failure{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #dc262659}.result-card-header{display:flex;align-items:center;gap:.6rem}.result-card-icon{display:flex;align-items:center;justify-content:center}.result-card-title{font-size:1.2rem;font-weight:900;letter-spacing:.5px}.result-card-meta{background:#00000040;border-radius:8px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.4rem}.result-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.result-meta-row.main .meta-val{font-size:1rem;letter-spacing:.5px}.meta-key{font-size:.7rem;font-weight:700;opacity:.8}.result-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.2rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.15)}.meta-grid-item{display:flex;flex-direction:column}.meta-grid-item span{font-size:.65rem;font-weight:700;opacity:.8}.meta-grid-item strong{font-size:.85rem}.recent-scans-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.recent-header h3{font-size:.85rem;font-weight:700;color:var(--text-secondary)}.recent-empty{text-align:center;padding:1rem;font-size:.8rem;color:var(--muted)}.recent-scans-list{display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto}.recent-scan-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;border-radius:6px;background:var(--surface2);font-size:.8rem}.recent-scan-item.is-ok{border-left:3px solid var(--success)}.recent-scan-item.is-exceeded{border-left:3px solid var(--exceeded)}.recent-scan-item.is-dup{border-left:3px solid var(--duplicate)}.recent-scan-item.is-err{border-left:3px solid var(--danger)}.item-left{display:flex;align-items:center;gap:.5rem}.item-icon-box{font-weight:900;font-size:.9rem}.recent-scan-item.is-ok .item-icon-box{color:var(--success)}.recent-scan-item.is-exceeded .item-icon-box{color:var(--exceeded)}.recent-scan-item.is-dup .item-icon-box{color:var(--duplicate)}.recent-scan-item.is-err .item-icon-box{color:var(--danger)}.item-text{display:flex;flex-direction:column}.item-label{font-size:.85rem;color:#fff}.item-ref{font-size:.65rem;color:var(--muted)}.item-right{display:flex;flex-direction:column;align-items:flex-end}.item-qty{font-size:.75rem;font-weight:700;color:#fff}.item-time{font-size:.65rem;color:var(--muted)}.page-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.page-section-header h2{font-size:1.15rem;font-weight:800;color:#fff}.page-section-desc{font-size:.75rem;color:var(--muted)}.shipments-list{display:flex;flex-direction:column;gap:.6rem}.shipment-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.shipment-card.is-complete{border-color:#10b98166}.shipment-card-main{padding:.75rem .85rem;cursor:pointer}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}.ref-name-wrap{display:flex;flex-direction:column;gap:.25rem}.ref-title{font-size:.95rem;font-weight:800;color:#fff;font-family:var(--font-mono)}.status-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:4px;width:fit-content}.status-pill.pill-done{background:#10b98126;color:var(--success)}.status-pill.pill-active{background:#3b82f626;color:var(--primary)}.card-expand-icon{color:var(--muted)}.card-progress-section{display:flex;flex-direction:column;gap:.3rem}.progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.progress-labels strong{color:#fff}.mobile-progress-track{width:100%;height:6px;background:var(--surface2);border-radius:999px;overflow:hidden}.mobile-progress-fill{height:100%;border-radius:999px;transition:width .3s ease}.mobile-progress-fill.fill-done{background:var(--success)}.mobile-progress-fill.fill-active{background:var(--primary)}.scanned-items-drawer{background:#0f172a99;border-top:1px solid var(--border);padding:.65rem .85rem}.drawer-header h4{font-size:.75rem;font-weight:700;color:var(--muted);margin-bottom:.5rem}.scanned-tags-list{display:flex;flex-direction:column;gap:.35rem}.scanned-tag-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface2);padding:.4rem .6rem;border-radius:6px}.tag-label{font-size:.85rem;font-weight:700;color:#fff}.tag-meta{display:flex;gap:.5rem;font-size:.65rem;color:var(--muted)}.undo-btn{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3);padding:.25rem .5rem;border-radius:5px;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:.25rem;cursor:pointer}.empty-state-card{background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:2rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary)}.empty-icon{font-size:2rem}.empty-state-card h3{color:#fff;font-size:1rem}.empty-state-card p{font-size:.8rem;max-width:280px}.setup-grid{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem}.setup-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem .85rem}.card-header-compact{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.card-header-compact h4{font-size:.85rem;font-weight:800;color:#fff}.card-sub{font-size:.65rem;color:var(--muted)}.mobile-file-btn{width:100%;background:var(--surface2);border:1px dashed var(--border-light);color:var(--text);padding:.6rem;border-radius:8px;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer}.mobile-file-btn:active{background:var(--surface3)}.loaded-badge-row{margin-bottom:.4rem}.stock-badge{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3);font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.unloaded-hint{display:block;font-size:.7rem;color:var(--muted);margin-bottom:.4rem}.manual-target-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem .85rem;margin-bottom:.75rem}.manual-target-card h4{font-size:.85rem;font-weight:800;color:#fff;margin-bottom:.5rem}.form-row{display:flex;gap:.5rem;margin-bottom:.5rem}.form-field{display:flex;flex-direction:column;gap:.2rem}.form-field.flex-2{flex:2}.form-field.flex-1{flex:1}.form-field label{font-size:.65rem;font-weight:700;color:var(--muted);text-transform:uppercase}.defined-targets-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem .85rem;margin-bottom:.75rem}.section-title-row h4{font-size:.8rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem}.targets-chip-list{display:flex;flex-wrap:wrap;gap:.35rem}.target-chip{background:var(--surface2);border:1px solid var(--border);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;display:flex;align-items:center;gap:.4rem}.target-ref{font-weight:700;color:#fff}.target-qty{color:var(--primary);font-weight:600}.fifo-toggle-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:1rem}.toggle-info{display:flex;align-items:center;gap:.6rem}.toggle-icon-wrap{width:2.2rem;height:2.2rem;border-radius:8px;background:var(--surface2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-title{font-size:.85rem;color:#fff;display:block}.toggle-desc{font-size:.65rem;color:var(--muted);line-height:1.2}.mobile-switch{width:44px;height:26px;background:var(--surface3);border-radius:999px;border:none;padding:2px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-switch.active{background:var(--primary)}.switch-knob{width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;color:#000}.mobile-switch.active .switch-knob{transform:translate(18px)}.pulse-glow{box-shadow:0 0 16px var(--primary-glow)}.find-hint{display:block;text-align:center;font-size:.7rem;color:var(--muted);margin-top:.35rem}.manifest-stats-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem;display:flex;align-items:center;justify-content:space-around;margin-bottom:.75rem}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.1rem}.stat-key{font-size:.65rem;color:var(--muted);text-transform:uppercase;font-weight:700}.stat-val{font-size:.85rem;color:#fff}.stat-divider{width:1px;height:24px;background:var(--border)}.stat-legend{display:flex;gap:.4rem;font-size:.65rem;color:var(--text-secondary)}.compact-dot{font-size:1rem;line-height:1;vertical-align:middle}.compact-dot.filled{color:var(--success)}.compact-dot.empty{color:var(--muted)}.manifest-toolbar{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.search-bar{display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem}.search-icon{color:var(--muted)}.search-input{flex:1;background:transparent;border:none;color:#fff;font-size:.85rem;outline:none}.search-clear{background:transparent;border:none;color:var(--muted);font-size:.8rem;cursor:pointer}.filter-pills-row{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.2rem}.filter-pill{background:var(--surface2);border:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;display:flex;align-items:center;gap:.3rem;cursor:pointer;white-space:nowrap}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.ref-filter-select{background:var(--surface2);border:1px solid var(--border);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:999px;outline:none}.manifest-blocks-list{display:flex;flex-direction:column;gap:.6rem}.manifest-block-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.manifest-block-card.is-complete{border-color:#10b98166}.block-header{background:#1e293bb3;padding:.4rem .65rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.block-ref{font-size:.85rem;color:#fff;margin-right:.4rem}.block-mode{font-size:.6rem;font-weight:700;background:#3b82f626;color:#93c5fd;padding:.1rem .3rem;border-radius:3px}.block-progress-badge{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;color:var(--text-secondary)}.mobile-manifest-table{width:100%;border-collapse:collapse;font-size:.75rem}.mobile-manifest-table th{background:#0f172a80;color:var(--muted);font-size:.65rem;padding:.3rem .5rem;text-align:left;border-bottom:1px solid var(--border)}.mobile-manifest-table td{padding:.35rem .5rem;border-bottom:1px solid rgba(51,65,85,.3);color:var(--text)}.mobile-manifest-table tr:last-child td{border-bottom:none}.mobile-manifest-table tr.row-scanned{background:#10b9810d}.bottom-sheet-overlay,.camera-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bottom-sheet-content{width:100%;max-height:85vh;background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,1rem);animation:slide-up .2s cubic-bezier(.16,1,.3,1)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{width:36px;height:4px;background:var(--border-light);border-radius:999px;margin:.6rem auto .2rem}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.sheet-title-wrap{display:flex;align-items:center;gap:.5rem}.sheet-title-wrap h3{font-size:1rem;font-weight:800;color:#fff}.sheet-close-btn{background:transparent;border:none;color:var(--muted);padding:.3rem;cursor:pointer}.bottom-sheet-body{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.settings-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-info{display:flex;flex-direction:column}.setting-label{font-size:.85rem;font-weight:700;color:#fff}.setting-desc{font-size:.65rem;color:var(--muted)}.setting-slider-row{display:flex;flex-direction:column;gap:.3rem;padding-top:.5rem;border-top:1px solid var(--border)}.slider-label-wrap{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.mobile-range-slider{width:100%;accent-color:var(--primary)}.section-subtitle{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;margin-bottom:.4rem}.options-list{display:flex;flex-direction:column;gap:.35rem}.option-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.option-card.selected{border-color:var(--primary);background:#3b82f61a}.option-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#fff}.radio-dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--primary)}.option-card.selected .radio-dot{border-color:var(--primary);background:#3b82f633}.preview-btn{background:var(--surface3);border:none;color:#fff;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer}.special-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.special-btn{border:none;padding:.6rem;border-radius:8px;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.special-btn.orange{background:#ea580c26;border:1px solid rgba(234,88,12,.3);color:#fb923c}.special-btn.green{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.camera-modal-content{width:100%;height:100%;background:#000;display:flex;flex-direction:column}.camera-modal-header{height:3.5rem;background:#0f172ae6;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:10}.camera-header-title{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;font-weight:700}.camera-header-actions{display:flex;align-items:center;gap:.5rem}.camera-icon-btn{background:#ffffff26;border:none;color:#fff;width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.camera-viewport-wrap{flex:1;position:relative;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.camera-scanner-viewport{width:100%!important;height:100%!important}.camera-scanner-viewport video{width:100%!important;height:100%!important;object-fit:cover!important}.camera-loading-overlay,.camera-error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem;text-align:center;z-index:5}.scanner-crosshair-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:4}.crosshair-box{width:260px;height:180px;position:relative}.corner{position:absolute;width:24px;height:24px;border-color:#3b82f6;border-style:solid}.corner.top-left{top:0;left:0;border-width:3px 0 0 3px;border-top-left-radius:8px}.corner.top-right{top:0;right:0;border-width:3px 3px 0 0;border-top-right-radius:8px}.corner.bottom-left{bottom:0;left:0;border-width:0 0 3px 3px;border-bottom-left-radius:8px}.corner.bottom-right{bottom:0;right:0;border-width:0 3px 3px 0;border-bottom-right-radius:8px}.laser-line{position:absolute;top:0;left:0;right:0;height:2px;background:#ef4444;box-shadow:0 0 12px #ef4444;animation:scan-laser 2s infinite ease-in-out}@keyframes scan-laser{0%,to{top:5%}50%{top:95%}}.scanner-instruction{margin-top:1rem;font-size:.75rem;color:#fff;background:#0009;padding:.3rem .7rem;border-radius:999px}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-muted{color:var(--muted)}.spin-anim{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}