*{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--success-50: #f0fdfa;--success-100: #ccfbf1;--success-200: #99f6e4;--success-300: #5eead4;--success-400: #2dd4bf;--success-500: #14b8a6;--success-600: #0d9488;--success-700: #0f766e;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fff1f2;--error-100: #ffe4e6;--error-200: #fecdd3;--error-300: #fda4af;--error-400: #fb7185;--error-500: #f43f5e;--error-600: #e11d48;--error-700: #be123c;--info-50: #f5f3ff;--info-100: #ede9fe;--info-200: #ddd6fe;--info-300: #c4b5fd;--info-400: #a78bfa;--info-500: #8b5cf6;--info-600: #7c3aed;--info-700: #6d28d9;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-overlay: rgba(15, 23, 42, .5);--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-light: #e2e8f0;--border-default: #cbd5e1;--border-dark: #94a3b8;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2;color:var(--text-primary);font-weight:600}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-600)}button{font-family:inherit;border:none;cursor:pointer;transition:all var(--transition-fast)}input,select,textarea{font-family:inherit;font-size:1rem;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:.9375rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-500);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-primary:active:not(:disabled){background:var(--primary-700)}.btn-secondary{background:var(--secondary-100);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--secondary-200)}.btn-success{background:var(--success-500);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:var(--success-600)}.btn-warning{background:var(--warning-500);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background:var(--warning-600)}.btn-danger{background:var(--error-500);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:var(--error-600)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--secondary-100)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:.875rem}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:1rem}.btn-icon{padding:var(--space-md);width:40px;height:40px}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card-padded{padding:var(--space-xl)}.card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-light)}.card-body{padding:var(--space-xl)}.card-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-light);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-error{background:var(--error-100);color:var(--error-700)}.badge-info{background:var(--info-100);color:var(--info-700)}.badge-neutral{background:var(--secondary-100);color:var(--secondary-600)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot-success{background:var(--success-500)}.status-dot-warning{background:var(--warning-500)}.status-dot-error{background:var(--error-500)}.status-dot-info{background:var(--info-500)}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.875rem}.alert-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.alert-warning{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.alert-error{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}.alert-info{background:var(--info-50);color:var(--info-700);border:1px solid var(--info-200)}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-error{color:var(--error-600)}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mt-4{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.mb-4{margin-bottom:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-sm)}.gap-2{gap:var(--space-md)}.gap-3{gap:var(--space-lg)}.w-full{width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--secondary-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-400)}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}.layout{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.header{background:var(--secondary-800);color:var(--text-inverse);padding:var(--space-md) var(--space-xl);box-shadow:var(--shadow-md);transition:background var(--transition-normal)}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-500)}.header.theme-USA:after{background:var(--primary-500)}.header.theme-TUR:after{background:var(--error-500)}.header.theme-FAB:after{background:var(--info-500)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;position:relative}.header-content .logo{position:absolute;left:50%;transform:translate(-50%)}.logo{margin:0;font-size:1.375rem;font-weight:700;letter-spacing:1px;color:var(--text-inverse)}.user-info{display:flex;gap:var(--space-sm);align-items:center}.logout-btn{background:#ffffff1a;color:var(--text-inverse);border:1px solid rgba(255,255,255,.2);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover:not(:disabled){background:#fff3}.logout-btn:disabled{opacity:.5;cursor:not-allowed}.language-select,.warehouse-select{background:#ffffff1a;color:var(--text-inverse);border:1px solid rgba(255,255,255,.2);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.language-select:hover,.warehouse-select:hover{background:#fff3}.language-select:focus,.warehouse-select:focus{outline:none;background:#fff3;border-color:#fff6}.language-select option,.warehouse-select option{background:var(--secondary-800);color:var(--text-inverse)}.home-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-inverse);width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-right:var(--space-sm)}.home-btn:hover{background:#fff3}.home-icon{font-size:1.125rem}.main{flex:1;padding:0;max-width:100%;width:100%}.layout-minimal{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.header-minimal{padding:var(--space-md) var(--space-lg);position:relative}.header-minimal .header-content{max-width:100%}.main-full{flex:1;overflow-y:auto}@media(max-width:768px){.header{padding:var(--space-sm) var(--space-md)}.logo{font-size:1.125rem;letter-spacing:.5px}.user-info{gap:var(--space-xs)}.language-select,.warehouse-select{padding:var(--space-xs) var(--space-sm);font-size:.8rem}.logout-btn{padding:var(--space-xs) var(--space-sm);font-size:.9rem}.home-btn{width:32px;height:32px}}.home-dashboard{display:flex;flex-direction:column;min-height:calc(100vh - 120px);background:#f1f5f9;padding:1rem;gap:1rem;max-width:800px;margin:0 auto}.dashboard-status{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.status-left{display:flex;align-items:center;gap:var(--space-md)}.warehouse-badge-large{background:var(--primary-500);color:var(--text-inverse);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;letter-spacing:.5px}.user-greeting{color:var(--text-secondary);font-size:.9375rem}.status-right{display:flex;align-items:center}.connection-status{font-size:1.375rem;line-height:1}.connection-status.loading{color:var(--warning-500);animation:pulse 1s infinite}.connection-status.connected{color:var(--success-500)}.connection-status.disconnected{color:var(--error-500)}.module-grid{display:flex;flex-direction:column;gap:var(--space-md);flex:1}.module-card{display:flex;align-items:center;background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-fast);border-left:4px solid var(--card-color, var(--primary-500))}.module-card:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--border-default)}.module-card:active{transform:scale(.98)}.module-icon{font-size:1.75rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);flex-shrink:0}.module-info{flex:1;margin-left:var(--space-lg);min-width:0}.module-title{margin:0;font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.module-desc{margin:var(--space-xs) 0 0;font-size:.8125rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-arrow{font-size:1.125rem;color:var(--text-muted);margin-left:var(--space-sm);transition:all var(--transition-fast)}.module-card:hover .module-arrow{transform:translate(4px);color:var(--card-color, var(--primary-500))}.dashboard-footer{display:flex;justify-content:center;align-items:center;background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);gap:var(--space-xl)}.dashboard-footer.enhanced{flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.footer-status-row{display:flex;justify-content:center;gap:var(--space-xl);width:100%;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.footer-status-item{display:flex;align-items:center;gap:var(--space-sm)}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse-glow 2s infinite}.status-indicator.online{background:var(--success-500);box-shadow:0 0 8px var(--success-400)}.status-indicator.offline{background:var(--error-500);box-shadow:0 0 8px var(--error-400);animation:none}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 8px var(--success-400)}50%{opacity:.7;box-shadow:0 0 4px var(--success-400)}}.status-icon{font-size:.875rem}.status-text{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.footer-info-row{display:flex;justify-content:center;align-items:center;gap:var(--space-xl)}.footer-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.footer-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.footer-value{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.footer-divider{width:1px;height:28px;background:var(--border-light)}@media(min-width:600px){.home-dashboard{padding:1rem;max-width:800px;margin:0 auto}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.module-card{flex-direction:column;text-align:center;padding:var(--space-xl);border-left:none;border-top:4px solid var(--card-color, var(--primary-500))}.module-card:hover{transform:translateY(-4px)}.module-icon{margin:0 auto var(--space-md);width:60px;height:60px;font-size:2rem}.module-info{margin-left:0}.module-arrow{display:none}.module-desc{white-space:normal}}.home{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:800px;margin:0 auto;padding:var(--space-lg)}.welcome-card{background:var(--bg-secondary);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border-light)}.welcome-card h2{margin:0 0 var(--space-md) 0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.welcome-card p{margin:0 0 var(--space-xl) 0;color:var(--text-secondary);font-size:1rem}.status{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:500}.status small{font-size:.8rem;font-weight:400;opacity:.8}.status.loading{background:var(--warning-100);color:var(--warning-700)}.status.success{background:var(--success-100);color:var(--success-700)}.status.error{background:var(--error-100);color:var(--error-700)}.quick-actions h3{margin:0 0 var(--space-xl) 0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg)}.action-card{background:var(--bg-secondary);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--transition-normal);border:1px solid var(--border-light)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.action-card.featured{border:2px solid var(--primary-300);background:var(--primary-50)}.action-card.featured:hover{border-color:var(--primary-400)}.action-icon{font-size:2.5rem;margin-bottom:var(--space-md);transition:transform var(--transition-normal)}.action-card:hover .action-icon{transform:scale(1.1)}.action-card h4{margin:0 0 var(--space-xs) 0;color:var(--primary-600);font-size:1rem;font-weight:600}.action-card p{margin:0;color:var(--text-tertiary);font-size:.8125rem}@media(max-width:768px){.home{gap:var(--space-lg);padding:var(--space-md)}.welcome-card{padding:var(--space-xl)}.action-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.action-card{padding:var(--space-lg)}.action-icon{font-size:2rem}.action-card h4{font-size:.9375rem}.action-card p{font-size:.75rem}}.inventory-page{min-height:calc(100vh - 120px);background:#f1f5f9;padding:1rem}.inventory-card{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.inventory-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important}.inventory-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#fff;flex:1;line-height:36px;height:36px;display:flex;align-items:center}.workflow-status{padding:.75rem 1rem;color:#fff!important;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.workflow-status.sku-mode,.workflow-status.loc-mode,.workflow-status.serial-mode,.workflow-status.container-mode{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.mode-buttons.query-modes{grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.mode-btn{padding:var(--space-lg) var(--space-md);border:none;border-radius:var(--radius-lg);background:var(--secondary-200);color:var(--text-secondary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.mode-buttons.query-modes .mode-btn{padding:var(--space-md) var(--space-sm);font-size:.8125rem}.mode-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--secondary-300)}.mode-btn.active{color:var(--text-inverse)}.mode-btn.active.sku{background:var(--success-500)}.mode-btn.active.location{background:var(--info-500)}.mode-btn.active.serial{background:var(--warning-500)}.mode-btn.active.container{background:var(--error-400)}.hid-input{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;border:2px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;font-family:SF Mono,Monaco,monospace;background:var(--bg-tertiary);color:var(--text-primary);transition:all var(--transition-fast);box-sizing:border-box}.action-btn{flex:1;min-width:80px;padding:var(--space-md);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.action-btn.complete:disabled{opacity:.5;cursor:not-allowed}.results-section{padding:var(--space-md) var(--space-lg) var(--space-lg)}.product-header,.location-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--primary-50);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.product-header h3,.location-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--primary-700)}.sku-badge{font-family:monospace;font-size:.8125rem;background:var(--primary-100);color:var(--primary-700);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-weight:600}.totals-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.total-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--success-50);border-radius:var(--radius-md);border:1px solid var(--success-200)}.total-value{font-size:1.375rem;font-weight:800;color:var(--success-600);font-family:monospace}.total-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.items-list{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.item-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.item-qty{font-weight:700;color:var(--success-600);font-size:1rem;font-family:monospace}.zone-tag{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase}.zone-tag.picking{background:var(--primary-100);color:var(--primary-700)}.zone-tag.storage{background:var(--success-100);color:var(--success-700)}.zone-tag.receiving{background:var(--warning-100);color:var(--warning-700)}.zone-tag.shipping{background:var(--info-100);color:var(--info-700)}.initial-state{text-align:center;padding:var(--space-2xl) var(--space-xl)}.hint-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.initial-state h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:1rem;font-weight:600}.initial-state p{margin:0 0 var(--space-lg) 0;color:var(--text-tertiary);font-size:.875rem;line-height:1.5}.example-code{display:inline-block;padding:var(--space-sm) var(--space-lg);background:var(--secondary-100);border-radius:var(--radius-md);font-family:monospace;font-size:.8125rem;color:var(--text-secondary)}.product-header.serial-header{background:var(--warning-50);border:1px solid var(--warning-200)}.product-header.serial-header h3{color:var(--warning-700)}.serial-barcode{font-size:.85rem;color:var(--text-tertiary);margin-top:var(--space-xs);font-family:SF Mono,Monaco,monospace}.total-item.serial-total{background:var(--warning-50);border:1px solid var(--warning-200)}.total-item.serial-total .total-value{color:var(--warning-700)}.product-header.container-header{border:1px solid}.product-header.container-header.box{background:var(--error-50);border-color:var(--error-200)}.product-header.container-header.box h3{color:var(--error-700)}.product-header.container-header.pallet{background:var(--success-50);border-color:var(--success-200)}.product-header.container-header.pallet h3{color:var(--success-700)}.container-barcode{font-size:1.1rem;font-weight:700;font-family:SF Mono,Monaco,monospace;margin-top:var(--space-xs);color:var(--text-primary)}.container-status-badge{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-inverse)}.container-status-badge.active{background:var(--success-500)}.container-status-badge.opened{background:var(--primary-500)}.container-status-badge.closed{background:var(--secondary-500)}.total-item.container-total{border:1px solid}.total-item.container-total.box{background:var(--error-50);border-color:var(--error-200)}.total-item.container-total.box .total-value{color:var(--error-700)}.total-item.container-total.pallet{background:var(--success-50);border-color:var(--success-200)}.total-item.container-total.pallet .total-value{color:var(--success-700)}.serial-status-badge{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.75rem;font-weight:700;text-transform:uppercase}.serial-status-badge.status-available{background:var(--primary-100);color:var(--primary-700)}.serial-status-badge.status-instock{background:var(--success-100);color:var(--success-700)}.serial-status-badge.status-shipped{background:var(--info-100);color:var(--info-700)}.serial-status-badge.status-used{background:var(--error-100);color:var(--error-700)}.serial-info-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--border-light)}.serial-info-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.serial-info-row:last-child{border-bottom:none}.serial-info-label{font-size:.8125rem;color:var(--text-tertiary)}.serial-info-value{font-size:.8125rem;font-weight:600;color:var(--text-primary);font-family:SF Mono,Monaco,monospace}.history-event-row{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.history-event-row:last-child{border-bottom:none}.history-event-icon{font-size:1.125rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--secondary-100);border-radius:var(--radius-md)}.history-event-info{flex:1;min-width:0}.history-event-type{font-weight:600;color:var(--text-primary);font-size:.9375rem;margin-bottom:var(--space-xs)}.history-event-details{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:.75rem;color:var(--text-tertiary)}.history-event-user{background:var(--info-100);color:var(--info-700);padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.6875rem}.history-event-date{font-size:.6875rem;color:var(--text-muted);margin-top:var(--space-xs)}@media(max-width:480px){.inventory-page{padding:var(--space-sm)}.inventory-card{border-radius:var(--radius-lg)}.mode-buttons{gap:var(--space-sm)}.mode-btn{padding:var(--space-md) var(--space-sm);font-size:.875rem}.action-buttons{gap:var(--space-xs)}.action-btn{padding:var(--space-md) var(--space-sm);font-size:.8125rem}.action-btn.cancel{flex:.4}.status-mode{font-size:.9375rem}}.transactions-page{min-height:calc(100vh - 120px);background:#f1f5f9;padding:1rem}.transactions-card{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.transactions-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.transactions-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#fff;flex:1}.refresh-btn{padding:.5rem 1rem;background:#fff3;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.refresh-btn:hover{background:#ffffff4d}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.filters-section{padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.filter-group{margin-bottom:.75rem}.filter-group label{display:block;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-btn.type-in.active{background:#10b981;border-color:#10b981}.filter-btn.type-out.active{background:#ef4444;border-color:#ef4444}.filter-btn.type-transfer.active{background:#3b82f6;border-color:#3b82f6}.filter-btn.type-adjust.active{background:#f59e0b;border-color:#f59e0b}.text-filters{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.filter-input-group{display:flex;flex-direction:column}.filter-input-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.filter-input{padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;transition:all .2s}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-input::placeholder{color:#94a3b8}.filter-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.filter-summary{font-size:.85rem;color:#64748b}.loading-indicator{display:inline-block;margin-right:.5rem;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.clear-filters-btn{padding:.4rem .75rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.clear-filters-btn:hover{background:#dc2626}.transactions-list{max-height:60vh;overflow-y:auto}.transaction-item{padding:1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s}.transaction-item:hover{background:#f8fafc}.transaction-item.expanded{background:#eff6ff}.txn-main{display:flex;align-items:center;gap:.75rem}.type-badge{display:inline-block;padding:.35rem .65rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;min-width:70px;text-align:center}.type-in{background:#dcfce7;color:#166534}.type-out{background:#fee2e2;color:#991b1b}.type-adjust{background:#fef3c7;color:#92400e}.type-transfer{background:#dbeafe;color:#1e40af}.txn-info{flex:1;min-width:0}.txn-location{font-family:Courier New,monospace;font-weight:600;color:#0d9488;font-size:.95rem}.txn-meta{display:flex;gap:.75rem;margin-top:.25rem}.txn-date{font-size:.8rem;color:#64748b}.txn-user{font-size:.8rem;color:#94a3b8}.txn-count{font-weight:700;color:#3b82f6;font-size:.95rem;white-space:nowrap}.txn-notes{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #e2e8f0;font-size:.85rem;color:#64748b;font-style:italic}.expanded-content{padding:.75rem 1rem 1rem;background:#f8fafc}.loading-items,.no-items{text-align:center;padding:1rem;color:#6b7280;font-size:.9rem}.items-detail{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #0000001a}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.detail-title{font-weight:600;color:#1f2937;font-size:.95rem}.detail-id{font-size:.8rem;color:#6b7280;font-family:monospace}.items-list{display:flex;flex-direction:column;gap:.5rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f9fafb;border-radius:6px}.item-info{display:flex;flex-direction:column;gap:.15rem}.item-name{font-weight:500;color:#1f2937;font-size:.9rem}.item-sku{font-family:monospace;font-size:.75rem;color:#6b7280}.item-qty{font-weight:700;color:#059669;font-size:.95rem}.detail-ref{font-size:.85rem;color:#6b7280;padding-top:.75rem;margin-top:.75rem;border-top:1px solid #e5e7eb}.loading,.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.error{background:#fee2e2;color:#991b1b;padding:1rem;margin:1rem;border-radius:8px;text-align:center}@media(max-width:480px){.transactions-page{padding:.5rem}.transactions-card{border-radius:12px}.transactions-header{padding:1rem}.transactions-header h2{font-size:1.1rem}.filters-section{padding:.75rem}.filter-btn{padding:.4rem .6rem;font-size:.75rem}.text-filters{grid-template-columns:1fr;gap:.5rem}.filter-input{padding:.5rem .65rem;font-size:.8rem}.filter-footer{flex-direction:column;gap:.5rem;align-items:stretch}.filter-summary{text-align:center}.clear-filters-btn{width:100%;padding:.5rem}.transaction-item{padding:.75rem}.type-badge{font-size:.65rem;padding:.25rem .5rem;min-width:60px}.txn-location{font-size:.85rem}.txn-meta{flex-direction:column;gap:.15rem}.expanded-content{padding:.5rem}.items-detail{padding:.75rem}}.products-page{min-height:calc(100vh - 120px);background:#f1f5f9;padding:1rem}.products-card{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.products-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.products-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#fff;flex:1}.products-header .warehouse-badge{padding:.35rem .75rem;background:#fff3;border-radius:6px;font-weight:600;font-size:.9rem}.products-content{padding:1rem}.header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.header-actions:last-child{margin-bottom:0}.products-stats{text-align:center;padding:.75rem;background:#f0f9ff;border-radius:8px;margin-bottom:.75rem;font-weight:600;color:#1e40af}.search-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;flex:1;min-width:200px}.search-input:focus{outline:none;border-color:#2563eb}.filter-select{padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s;min-width:150px}.btn-secondary{padding:.75rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-secondary:hover{background:#059669}.btn-delete{padding:.75rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-delete:hover{background:#dc2626}.btn-delete-all{padding:.75rem 1.25rem;background:#991b1b;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-delete-all:hover{background:#7f1d1d}input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:#2563eb}.add-form h3{margin:0 0 1.5rem;color:#1f2937}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb}.bulk-import-container{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem}.bulk-import-container h3{margin:0 0 1rem;color:#1f2937}.import-instructions{background:#fef3c7;color:#92400e;padding:1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;line-height:1.6}.import-instructions code{background:#0000001a;padding:.2rem .4rem;border-radius:3px;font-size:.85rem}.file-input{display:block;margin-bottom:1rem;padding:.75rem;border:2px dashed #e5e7eb;border-radius:6px;cursor:pointer;width:100%}.file-input:hover{border-color:#2563eb}.products-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.cards-select-all{grid-column:1 / -1;background:#fff;padding:.75rem 1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.cards-select-all label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:#374151}.product-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #00000014;overflow:hidden;border:2px solid transparent;transition:border-color .2s,box-shadow .2s}.product-card:hover{box-shadow:0 4px 8px #0000001f}.product-card.selected{border-color:#3b82f6;background:#eff6ff}.card-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.card-header input[type=checkbox]{width:18px;height:18px}.card-sku{font-family:monospace;font-size:.8rem;color:#2563eb;font-weight:600;flex:1}.card-category{font-size:.7rem;background:#dcfce7;color:#166534;padding:.2rem .5rem;border-radius:4px;font-weight:500}.card-body{padding:1rem}.card-name{font-weight:600;font-size:.95rem;color:#1f2937;line-height:1.4;margin-bottom:.5rem}.card-details{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:#6b7280}.card-details span{background:#f3f4f6;padding:.2rem .5rem;border-radius:4px}.card-actions{display:flex;border-top:1px solid #e5e7eb}.card-btn{flex:1;padding:.75rem;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.card-btn.print{background:#eff6ff;color:#2563eb;border-right:1px solid #e5e7eb}.card-btn.print:hover{background:#dbeafe}.card-btn.delete{background:#fef2f2;color:#dc2626}.card-btn.delete:hover{background:#fee2e2}.table-footer{padding:1rem;background:#fff;border-radius:8px;margin-top:1rem;font-size:.875rem;color:#6b7280;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 1px 3px #0000001a}.pagination{display:flex;gap:.5rem;align-items:center}.btn-page{padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-page:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-info{padding:0 .5rem;font-weight:600;color:#374151}@media(max-width:768px){.products-page{padding:.5rem}.products-header{margin-bottom:1rem}.products-header h2{font-size:1.1rem;margin-bottom:.75rem}.header-actions{flex-direction:column;align-items:stretch;gap:.5rem}.search-input,.filter-select{width:100%;min-width:0;padding:.65rem;font-size:.9rem}.btn-primary,.btn-secondary,.btn-delete,.btn-delete-all{width:100%;padding:.65rem 1rem;font-size:.9rem}.products-cards,.form-row{grid-template-columns:1fr}.add-form-container,.bulk-import-container{padding:1rem;margin-bottom:1rem}.table-footer{flex-direction:row;justify-content:space-between;padding:.75rem}.footer-info{font-size:.8rem}.pagination{gap:.25rem}.btn-page{padding:.5rem .75rem;font-size:.85rem}.page-info{font-size:.85rem;padding:0 .25rem}.success,.error{font-size:.9rem;padding:.75rem}}.locations-page{min-height:calc(100vh - 120px);background:#f1f5f9;padding:1rem}.locations-card{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.locations-header{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;padding:1.25rem}.locations-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:700;flex:1;line-height:1}.locations-content{padding:1rem}.tabs-nav{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.tab-btn{padding:.75rem 1.5rem;border:none;background:transparent;font-size:1rem;font-weight:600;color:#64748b;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;position:relative}.tab-btn:hover{color:#3b82f6;background:#f1f5f9}.tab-btn.active{color:#3b82f6;background:#eff6ff}.tab-btn.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:#3b82f6}.search-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;min-width:200px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3b82f6}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filter-select{padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s;min-width:200px}.filter-select:focus{outline:none;border-color:#2563eb}.filter-select:hover{border-color:#9ca3af}.btn-primary{padding:.75rem 1.25rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-primary:hover{background:#1d4ed8}.btn-cancel{padding:.75rem 1.25rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.btn-cancel:hover{background:#4b5563}.btn-icon{background:transparent;border:none;padding:.25rem;cursor:pointer;font-size:1.25rem;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.success{background:#d1fae5;color:#065f46;padding:1rem;border-radius:6px;margin-bottom:1rem;font-weight:500}.error{background:#fee2e2;color:#991b1b;padding:1rem;border-radius:6px;margin-bottom:1rem}.loading,.empty-state{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}.add-form-container{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem}.add-form-container h3{margin:0 0 1.5rem;color:#1f2937}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.section{padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid #e5e7eb}.section:last-child{border-bottom:none;margin-bottom:0}.section h3{margin:0 0 1rem;color:#1f2937}.section-description{margin:0 0 1.5rem;color:#6b7280;font-size:.95rem}.modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mode-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s;box-shadow:0 2px 4px #0000000d}.mode-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.mode-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.mode-name{font-size:1.1rem;font-weight:700;color:#1f2937;line-height:1.3}.mode-code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8rem;color:#64748b;background:#f1f5f9;padding:.35rem .6rem;border-radius:6px;display:inline-block;width:fit-content}.mode-description{font-size:.85rem;color:#6b7280;line-height:1.4}.mode-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.mode-type-badge.receiving{background:#d1fae5;color:#065f46}.mode-type-badge.picking{background:#fef3c7;color:#92400e}.mode-type-badge.transfer{background:#dbeafe;color:#1e40af}.mode-type-badge.count{background:#ede9fe;color:#5b21b6}.btn-print-small{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;font-size:.9rem}.btn-print-small:hover{background:#1d4ed8}.containers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.container-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s;box-shadow:0 2px 4px #0000000d}.container-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.container-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}.container-barcode{font-family:SF Mono,Monaco,Courier New,monospace;font-weight:700;color:#fff;font-size:1rem}.container-status-badge{font-size:.65rem;padding:.25rem .5rem;border-radius:4px;color:#fff;font-weight:600}.container-card-body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.container-detail{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.container-card-footer{padding:.75rem 1rem;background:#f8fafc;border-top:1px solid #e5e7eb}.container-card-footer .btn-print-small{width:100%;justify-content:center}.locations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.location-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s;box-shadow:0 2px 4px #0000000d}.location-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.location-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#475569}.location-card-header .location-code{font-family:SF Mono,Monaco,Courier New,monospace;font-weight:700;color:#fff;font-size:1rem}.location-card-header .status-badge{font-size:.65rem;padding:.2rem .5rem}.location-card-body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.location-detail{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.location-detail.full-width{flex-direction:column;align-items:flex-start}.detail-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase}.detail-value{font-size:.85rem;color:#1e293b;font-weight:600}.location-card-footer{padding:.75rem 1rem;background:#f8fafc;border-top:1px solid #e5e7eb}.location-card-footer .btn-print-small{width:100%;justify-content:center}.location-code{font-family:Monaco,Courier New,monospace;font-weight:600;color:#2563eb;font-size:.95rem}.hierarchy{font-family:Courier New,monospace;color:#6b7280;font-size:.85rem}.zone-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.zone-badge.receiving{background:#d1fae5;color:#065f46}.zone-badge.storage{background:#dbeafe;color:#1e40af}.zone-badge.picking{background:#fef3c7;color:#92400e}.zone-badge.shipping{background:#fed7aa;color:#9a3412}.zone-badge.category{background:#ede9fe;color:#5b21b6}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.text-center{text-align:center}@media(max-width:768px){.locations-header{margin-bottom:1rem}.header-actions{flex-direction:column;align-items:stretch}.filter-select,.btn-primary{width:100%;min-width:0}.modes-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.mode-card{padding:1rem}.mode-name{font-size:.95rem}.mode-code{font-size:.7rem;padding:.25rem .5rem;word-break:break-all}.mode-description{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-print-small{padding:.4rem .75rem;font-size:.8rem;width:100%;justify-content:center}.mode-type-badge{font-size:.65rem;padding:.2rem .5rem}.containers-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.container-card-header{padding:.5rem .75rem}.container-barcode{font-size:.85rem}.container-card-body{padding:.5rem .75rem;gap:.35rem}.container-card-footer{padding:.5rem .75rem}.locations-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.location-card-header{padding:.5rem .75rem}.location-card-header .location-code{font-size:.85rem}.location-card-body{padding:.5rem .75rem;gap:.35rem}.detail-label{font-size:.65rem}.detail-value{font-size:.75rem}.location-card-footer{padding:.5rem .75rem}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.modes-grid{grid-template-columns:1fr}.mode-card{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.mode-info{flex:1;min-width:0}.mode-code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-print-small{width:auto;flex-shrink:0}.containers-grid,.locations-grid{grid-template-columns:1fr}.location-card-header .location-code{font-size:.9rem}.location-detail{flex-wrap:wrap}}.operations-page{min-height:calc(100vh - 120px);background:var(--bg-primary);padding:var(--space-lg)}.operations-card{max-width:800px;margin:0 auto;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);overflow:hidden}.operations-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.operations-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#fff;flex:1}.header-right{display:flex;align-items:center;gap:var(--space-md)}.backend-status{cursor:pointer;font-size:.875rem;transition:transform var(--transition-fast)}.backend-status:hover{transform:scale(1.2)}.backend-status.checking{animation:pulse 1s ease-in-out infinite}.warehouse-badge{padding:var(--space-sm) var(--space-md);background:#fff3;color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.875rem}.workflow-status{padding:var(--space-md) var(--space-lg);background:var(--primary-500);color:var(--text-inverse);display:flex;justify-content:space-between;align-items:center}.status-row{display:flex;align-items:center;gap:var(--space-md)}.status-mode{font-weight:600;font-size:1rem}.status-location{font-size:.875rem;opacity:.95;background:#fff3;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md)}.status-count{font-weight:700;font-size:1.125rem;background:#ffffff40;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md)}.scan-instruction{text-align:center;padding:var(--space-xl) var(--space-lg) var(--space-md);font-size:1rem;color:var(--text-secondary);font-weight:500}.last-action{text-align:center;padding:var(--space-sm) var(--space-lg) var(--space-lg);font-size:1.125rem;color:var(--text-primary);font-weight:600}.mode-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-sm) var(--space-lg) var(--space-lg)}.mode-btn{padding:var(--space-lg) var(--space-md);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.mode-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mode-btn:active{transform:translateY(0)}.container-mode-section{padding:0 var(--space-lg) var(--space-lg);border-top:1px dashed var(--border-light);margin-top:var(--space-sm);padding-top:var(--space-lg)}.section-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);font-weight:600;text-align:center}.container-mode-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.container-mode-btn{padding:var(--space-md);border:2px dashed;border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.container-mode-btn.box{border-color:var(--warning-500);color:var(--warning-700)}.container-mode-btn.box:hover{background:var(--warning-50);border-style:solid;transform:translateY(-2px)}.container-mode-btn.pallet{border-color:var(--info-500);color:var(--info-700)}.container-mode-btn.pallet:hover{background:var(--info-50);border-style:solid;transform:translateY(-2px)}.hid-input-section{padding:var(--space-sm) var(--space-lg) var(--space-lg)}.hid-input{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;border:2px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;font-family:SF Mono,Monaco,monospace;background:var(--bg-tertiary);transition:all var(--transition-fast);box-sizing:border-box}.hid-input:focus{outline:none;border-color:var(--primary-400);background:var(--bg-secondary);box-shadow:0 0 0 4px var(--primary-100)}.action-buttons{display:flex;gap:var(--space-sm);padding:0 var(--space-lg) var(--space-lg);flex-wrap:wrap}.action-btn{flex:1;min-width:80px;padding:var(--space-md) var(--space-md);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.action-btn.camera{background:var(--primary-500);color:var(--text-inverse)}.action-btn.camera:hover{background:var(--primary-600)}.action-btn.camera.active{background:var(--error-500)}.action-btn.camera.active:hover{background:var(--error-600)}.action-btn.complete{background:var(--success-500);color:var(--text-inverse)}.action-btn.complete:hover{background:var(--success-600)}.action-btn.cancel{background:var(--secondary-500);color:var(--text-inverse);flex:.5}.action-btn.cancel:hover{background:var(--secondary-600)}.action-btn.help{background:var(--secondary-100);color:var(--text-tertiary);flex:0;padding:var(--space-md);min-width:auto}.action-btn.help:hover{background:var(--secondary-200);color:var(--text-secondary)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{background:var(--primary-500);color:var(--text-inverse);flex:1}.action-btn.primary:hover{background:var(--primary-600)}.action-btn.secondary{background:var(--secondary-500);color:var(--text-inverse);flex:1}.action-btn.secondary:hover{background:var(--secondary-600)}.container-actions{display:flex;gap:var(--space-md);padding:0 var(--space-lg) var(--space-lg)}.container-btn{flex:1;padding:var(--space-md) var(--space-lg);border:2px dashed;border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--bg-secondary)}.container-btn.box{border-color:var(--warning-500);color:var(--warning-700)}.container-btn.box:hover{background:var(--warning-50);border-style:solid}.container-btn.pallet{border-color:var(--info-500);color:var(--info-700)}.container-btn.pallet:hover{background:var(--info-50);border-style:solid}.container-btn:disabled{opacity:.5;cursor:not-allowed}.camera-section{padding:0 var(--space-lg) var(--space-lg)}.qr-reader{border-radius:var(--radius-lg);overflow:hidden}.qr-reader video{border-radius:var(--radius-lg)}.native-scanning{background:var(--secondary-900);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--text-inverse)}.scanning-animation{width:80px;height:80px;margin:0 auto var(--space-lg);border:4px solid var(--primary-200);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.native-scanning p{margin:0;font-size:.9375rem;opacity:.8}.scan-loading{text-align:center;padding:var(--space-lg);font-size:2rem;animation:pulse 1s ease-in-out infinite}.scan-error{margin:0 var(--space-lg) var(--space-lg);padding:var(--space-md);background:var(--error-50);color:var(--error-600);border-radius:var(--radius-md);text-align:center;font-weight:500;border:1px solid var(--error-200)}.scan-success{margin:0 var(--space-lg) var(--space-lg);padding:var(--space-md);background:var(--success-50);color:var(--success-600);border-radius:var(--radius-md);text-align:center;font-weight:500;border:1px solid var(--success-200)}.items-list{margin:0 var(--space-lg) var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.items-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--secondary-100);border-bottom:1px solid var(--border-light);font-weight:600;color:var(--text-secondary)}.items-total{background:var(--primary-500);color:var(--text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.8125rem}.item-row{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.item-row:last-of-type{border-bottom:none}.item-row.container-item{background:var(--warning-50)}.item-name{display:flex;align-items:center;gap:var(--space-sm);font-weight:500;color:var(--text-primary);font-size:.9375rem;margin-bottom:var(--space-xs)}.serial-badge{font-family:SF Mono,Monaco,monospace;font-size:.6875rem;background:var(--primary-100);color:var(--primary-700);padding:2px var(--space-sm);border-radius:var(--radius-sm);font-weight:600}.container-badge{font-size:.8125rem}.item-sku{font-family:SF Mono,Monaco,monospace;font-size:.75rem;color:var(--text-tertiary)}.item-remove{background:none;border:none;color:var(--secondary-300);font-size:1rem;cursor:pointer;padding:var(--space-sm);margin:calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm)) 0;transition:color var(--transition-fast)}.item-remove:hover{color:var(--error-500)}.scan-action-hint{padding:var(--space-md) var(--space-lg);text-align:center;font-size:.8125rem;color:var(--text-tertiary);background:var(--secondary-100);font-style:italic}.help-panel{margin:0 var(--space-lg) var(--space-lg);background:var(--warning-50);border:1px solid var(--warning-300);border-radius:var(--radius-lg);padding:var(--space-lg)}.help-panel h3{margin:0 0 var(--space-md) 0;font-size:.9375rem;color:var(--warning-700)}.help-content p{margin:0 0 var(--space-sm) 0;font-size:.875rem;color:var(--warning-700);font-weight:600}.help-content ol,.help-content ul{margin:0 0 var(--space-md) 0;padding-left:var(--space-xl);color:var(--warning-700);font-size:.8125rem;line-height:1.7}.help-content li{margin-bottom:var(--space-xs)}.help-content code{background:#00000014;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-family:SF Mono,Monaco,monospace}.manual-input-section{padding:var(--space-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.manual-input-group{margin-bottom:var(--space-md)}.manual-input-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.input-with-button{display:flex;gap:var(--space-sm)}.manual-input{flex:1;padding:var(--space-md) var(--space-lg);border:2px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;transition:all var(--transition-fast)}.manual-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.manual-input::placeholder{color:var(--text-muted)}.submit-btn{padding:var(--space-md) var(--space-lg);background:var(--success-500);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.submit-btn:hover:not(:disabled){background:var(--success-600);transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-step-btn{width:100%;padding:var(--space-md);background:var(--secondary-100);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-sm)}.cancel-step-btn:hover:not(:disabled){background:var(--error-50);color:var(--error-600);border-color:var(--error-200)}.cancel-step-btn:disabled{opacity:.5;cursor:not-allowed}.count-inventory-list{padding:var(--space-lg);background:var(--warning-50);border-radius:var(--radius-lg);margin:0 var(--space-lg) var(--space-lg)}.count-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--warning-200)}.count-header span:first-child{font-weight:700;color:var(--warning-700);font-size:1rem}.count-location{font-size:.875rem;color:var(--warning-700);background:var(--warning-200);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.count-items{display:flex;flex-direction:column;gap:var(--space-md)}.count-item-row{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-xs)}.count-item-info{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.count-item-name{font-weight:600;color:var(--text-primary);font-size:.9375rem}.count-item-sku{font-size:.75rem;color:var(--text-tertiary)}.count-item-values{display:flex;gap:var(--space-sm);align-items:center}.count-expected,.count-actual,.count-variance{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);min-width:70px}.count-expected{background:var(--secondary-100)}.count-actual{background:var(--primary-100);flex:1}.count-variance.positive{background:var(--success-100)}.count-variance.negative{background:var(--error-100)}.count-variance.zero{background:var(--success-50)}.count-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.count-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.count-variance.positive .count-value{color:var(--success-600)}.count-variance.negative .count-value{color:var(--error-600)}.count-input{width:100%;padding:var(--space-sm);border:2px solid var(--primary-300);border-radius:var(--radius-md);font-size:1rem;font-weight:700;text-align:center;color:var(--primary-700);background:var(--bg-secondary)}.count-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.count-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--warning-200)}.count-empty-location{padding:var(--space-2xl) var(--space-lg);text-align:center;background:var(--warning-50);border-radius:var(--radius-lg);margin:0 var(--space-lg) var(--space-lg)}.count-empty-location p{color:var(--warning-700);margin-bottom:var(--space-lg)}.count-progress{padding:var(--space-md) var(--space-lg);background:var(--success-100);margin:0 var(--space-lg) var(--space-lg);border-radius:var(--radius-md)}.count-progress-info{display:flex;justify-content:space-between;align-items:center}.count-progress-info span{font-weight:600;color:var(--success-700)}.summary-btn{background:var(--success-600);color:var(--text-inverse);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:.875rem}.summary-btn:hover{background:var(--success-700)}.count-summary-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}.count-summary-modal{background:var(--bg-secondary);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.count-summary-modal h3{padding:var(--space-lg);margin:0;background:var(--info-600);color:var(--text-inverse);font-size:1.125rem}.summary-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);padding:var(--space-lg);background:var(--info-50)}.summary-stat{text-align:center;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.stat-label{display:block;font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-xs)}.stat-value{font-size:1.375rem;font-weight:800;color:var(--text-primary)}.stat-value.has-variance{color:var(--error-600)}.summary-locations{padding:var(--space-md) var(--space-lg)}.summary-locations h4{margin:0 0 var(--space-md);color:var(--text-secondary);font-size:.875rem}.summary-location{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.summary-location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.summary-location-header span:first-child{font-weight:600;color:var(--text-primary)}.variance-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.8125rem;font-weight:700}.variance-badge.positive{background:var(--success-100);color:var(--success-600)}.variance-badge.negative{background:var(--error-100);color:var(--error-600)}.variance-badge.zero{background:var(--success-50);color:var(--success-700)}.summary-item{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:var(--space-sm);font-size:.875rem}.summary-item .positive{color:var(--success-600);font-weight:600}.summary-item .negative{color:var(--error-600);font-weight:600}.summary-item.unexpected{background:var(--warning-100)}.summary-item.unexpected span:first-child{color:var(--warning-700)}.summary-actions{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-light)}.count-scan-hint{font-size:.75rem;color:var(--warning-700);background:var(--warning-200);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.count-section{margin-bottom:var(--space-lg)}.count-section-title{font-size:.8125rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);padding-left:var(--space-xs)}.count-section-title.warning{color:var(--warning-700)}.count-section.unexpected{background:var(--warning-100);padding:var(--space-md);border-radius:var(--radius-md);border:2px dashed var(--warning-500)}.count-item-row.complete{background:var(--success-50);border-left:3px solid var(--success-500)}.count-item-row.over{background:var(--warning-100);border-left:3px solid var(--warning-500)}.count-item-row.unexpected{background:var(--warning-50);border-left:3px solid var(--warning-500)}.count-item-progress{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-end}.count-progress-text{font-size:1.125rem;font-weight:700;color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.count-progress-text.complete{color:var(--success-600)}.count-progress-text.over{color:var(--warning-600)}.count-progress-text.unexpected{color:var(--warning-700)}.count-variance-badge{font-size:.75rem;font-weight:700;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.count-variance-badge.positive{background:var(--success-100);color:var(--success-600)}.count-variance-badge.negative{background:var(--error-100);color:var(--error-600)}.count-empty-hint{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--warning-700);font-style:italic}.count-location-summary{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-lg)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0;font-size:.875rem}.summary-row.variance{border-top:1px solid var(--border-light);padding-top:var(--space-sm);margin-top:var(--space-xs);font-weight:700}.summary-row span.positive{color:var(--success-600)}.summary-row span.negative{color:var(--error-600)}@media(max-width:480px){.operations-page{padding:var(--space-sm)}.operations-card{border-radius:var(--radius-lg)}.mode-buttons{gap:var(--space-sm)}.mode-btn{padding:var(--space-md) var(--space-sm);font-size:.875rem}.action-buttons{gap:var(--space-xs)}.action-btn{padding:var(--space-md) var(--space-sm);font-size:.8125rem}.action-btn.cancel{flex:.4}.status-mode{font-size:.9375rem}.status-location{font-size:.8125rem;padding:2px var(--space-sm)}.manual-input-section{padding:var(--space-md)}.manual-input{padding:var(--space-sm) var(--space-md);font-size:.9375rem}.submit-btn{padding:var(--space-sm) var(--space-md);font-size:.875rem}}.reports-page{min-height:calc(100vh - 120px);background:#f1f5f9;padding:1rem}.reports-card{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.reports-header{display:flex;align-items:center;gap:var(--space-md);padding:1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.reports-header h2{margin:0;font-size:1.25rem;font-weight:700;flex:1;color:#fff}.back-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:var(--radius-md);font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.warehouse-badge{background:#fff3;color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600}.report-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-tertiary)}.type-btn{padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:var(--secondary-200);color:var(--text-secondary)}.type-btn.active{background:var(--primary-500);color:var(--text-inverse)}.type-btn:hover:not(.active){background:var(--secondary-300)}.reports-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-2xl)}.loading-icon{font-size:2rem;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.reports-list{max-height:60vh;overflow-y:auto}.list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--secondary-100);font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.list-count{background:var(--primary-500);color:var(--text-inverse);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem}.empty-state{padding:var(--space-2xl);text-align:center;color:var(--text-muted);font-size:.875rem}.report-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--transition-fast)}.report-item:hover{background:var(--bg-tertiary)}.report-item-info{flex:1;min-width:0}.report-number{font-family:monospace;font-weight:600;color:var(--text-primary);font-size:.9375rem}.report-meta{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-xs)}.report-extra{font-size:.6875rem;color:var(--text-muted);margin-top:var(--space-xs)}.report-variance{text-align:right}.variance-value{display:block;font-weight:700;font-size:1rem}.variance-value.zero{color:var(--success-500)}.variance-value.positive{color:var(--primary-500)}.variance-value.negative{color:var(--error-500)}.variance-percent{font-size:.6875rem;color:var(--text-muted)}.report-detail{padding:1rem}.back-btn-inline{background:var(--secondary-100);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary);cursor:pointer;width:100%;text-align:left;margin-bottom:var(--space-lg);transition:background var(--transition-fast)}.back-btn-inline:hover{background:var(--secondary-200)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;background:var(--success-50);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);border:1px solid var(--success-200)}.detail-title h3{margin:0;color:var(--success-700);font-size:1rem}.detail-warehouse,.detail-date{font-size:.8125rem;color:var(--text-secondary)}.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.summary-item{background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md);text-align:center}.summary-item.zero{background:var(--success-50);border:1px solid var(--success-200)}.summary-item.positive{background:var(--primary-50);border:1px solid var(--primary-200)}.summary-item.negative{background:var(--error-50);border:1px solid var(--error-200)}.summary-value{display:block;font-size:1.375rem;font-weight:700;color:var(--text-primary)}.summary-item.zero .summary-value{color:var(--success-600)}.summary-item.positive .summary-value{color:var(--primary-600)}.summary-item.negative .summary-value{color:var(--error-600)}.summary-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase}.detail-locations{background:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.locations-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--secondary-200);font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.locations-count{background:var(--primary-500);color:var(--text-inverse);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem}.location-block{border-bottom:1px solid var(--border-default);padding-bottom:var(--space-sm)}.location-block:last-child{border-bottom:none}.location-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary)}.location-code{font-family:monospace;font-weight:600;color:var(--text-primary)}.location-stats{font-size:.75rem;color:var(--text-tertiary)}.loc-variance{margin-left:var(--space-sm);font-weight:600}.loc-variance.zero{color:var(--success-500)}.loc-variance.positive{color:var(--primary-500)}.loc-variance.negative{color:var(--error-500)}.item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-xl);font-size:.8125rem}.item-info{flex:1;min-width:0}.item-name{display:block;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-sku{display:block;font-size:.6875rem;color:var(--text-muted)}.item-stats{text-align:right;font-size:.75rem;color:var(--text-tertiary)}.item-variance{margin-left:var(--space-xs)}.item-variance.positive{color:var(--primary-500)}.item-variance.negative{color:var(--error-500)}.unexpected-header{padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-xl);font-size:.6875rem;color:var(--warning-600);font-weight:600}.item-row.unexpected{background:var(--warning-50)}.item-unexpected-qty{color:var(--warning-600);font-weight:600}.inventory-report{padding:1rem}.inventory-header{display:flex;justify-content:space-between;align-items:flex-start;background:var(--info-50);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);border:1px solid var(--info-200)}.inv-title h3{margin:0;color:var(--info-700);font-size:1rem}.inv-warehouse,.inv-date{font-size:.8125rem;color:var(--info-600)}.inventory-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.inv-stat{background:var(--info-50);padding:var(--space-lg);border-radius:var(--radius-md);text-align:center;border:1px solid var(--info-200)}.inv-stat-value{display:block;font-size:1.375rem;font-weight:700;color:var(--info-700)}.inv-stat-label{font-size:.6875rem;color:var(--info-600);text-transform:uppercase}.inventory-list{background:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.inventory-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.inventory-item:last-child{border-bottom:none}.inv-item-info{flex:1;min-width:0}.inv-item-name{display:block;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-item-sku{display:block;font-size:.75rem;color:var(--text-tertiary)}.inv-item-locs{display:block;font-size:.6875rem;color:var(--text-muted)}.inv-item-qty{font-size:1rem;font-weight:700;color:var(--info-600)}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:var(--space-lg)}.empty-state-large h3{margin:0 0 var(--space-sm);color:var(--text-secondary);font-size:1rem}.empty-state-large p{margin:0 0 var(--space-xl);color:var(--text-tertiary);font-size:.875rem}.load-btn{background:var(--primary-500);color:var(--text-inverse);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.load-btn:hover{background:var(--primary-600)}@media(max-width:480px){.reports-page{padding:var(--space-sm)}.reports-card{border-radius:var(--radius-lg)}.detail-summary{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.summary-item{padding:var(--space-md)}.summary-value{font-size:1.125rem}}.admin-page{min-height:calc(100vh - 120px);background:#f1f5f9;padding:1rem}.admin-card{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.admin-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1.25rem;display:flex;align-items:center;gap:.75rem}.admin-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:700;flex:1;line-height:1}.admin-content{padding:1rem}.add-user-btn{padding:.625rem 1rem;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.add-user-btn:hover{background:#ffffff4d;border-color:#ffffff80}.access-denied{text-align:center;padding:3rem;background:#fef2f2;border-radius:12px;color:#dc2626}.access-denied h2{margin:0 0 .5rem}.error-message{padding:1rem;background:#fef2f2;color:#dc2626;border-radius:8px;margin:1rem}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f8fafc;padding:.75rem .625rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;font-size:.75rem;white-space:nowrap}.users-table td{padding:.75rem .625rem;border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background:#f8fafc}.users-table .inactive-row{background:#f1f5f9;opacity:.7}.username-cell{font-weight:600;color:#1e293b}.date-cell{font-size:.75rem;color:#64748b}.role-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:600}.role-badge.admin{background:#fef3c7;color:#b45309}.role-badge.manager{background:#dbeafe;color:#1d4ed8}.role-badge.operator{background:#dcfce7;color:#16a34a}.role-badge.viewer{background:#f1f5f9;color:#64748b}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.actions-cell{display:flex;gap:.375rem}.action-btn{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.875rem;display:flex;align-items:center;justify-content:center;padding:0}.action-btn.edit{background:#dbeafe}.action-btn.edit:hover{background:#bfdbfe}.action-btn.password{background:#fef3c7}.action-btn.password:hover{background:#fde68a}.action-btn.delete{background:#fee2e2}.action-btn.delete:hover{background:#fecaca}.no-users{text-align:center;padding:2rem;color:#64748b}.modal{background:#fff;border-radius:12px;padding:1.25rem;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal.small{max-width:320px}.form-group{margin-bottom:.875rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select{width:100%;padding:.625rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;gap:.75rem;margin-top:1.25rem;justify-content:flex-end}.cancel-btn{padding:.625rem 1rem;background:#f1f5f9;color:#64748b;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#e2e8f0}.save-btn{padding:.625rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.password-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1rem}.password-display p{margin:.5rem 0;color:#334155}.password-code{background:#1e293b;color:#10b981;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:1rem;font-weight:600}.password-note{font-size:.875rem;color:#64748b;margin:0}@media(max-width:768px){.admin-header{flex-direction:column;gap:.75rem;align-items:stretch;text-align:center}.add-user-btn{width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:700px}.users-table th,.users-table td{padding:.625rem .5rem}}.shipments-page{min-height:calc(100vh - 120px);background:#f1f5f9;padding:1rem}.shipments-card{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.shipments-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff;padding:1.25rem;display:flex;align-items:center;gap:.75rem}.shipments-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:700;flex:1;line-height:36px;height:36px;display:flex;align-items:center}.back-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn:hover{background:#ffffff4d}.add-btn{padding:.5rem 1rem;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.add-btn:hover{background:#ffffff4d;border-color:#ffffff80}.shipments-content{padding:1rem}.success-message{padding:.75rem 1rem;background:#dcfce7;color:#16a34a;border-radius:8px;margin-bottom:1rem;font-weight:500}.error-message{padding:.75rem 1rem;background:#fee2e2;color:#dc2626;border-radius:8px;margin-bottom:1rem;font-weight:500}.filter-bar{margin-bottom:1rem}.filter-select{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6}.loading{text-align:center;padding:2rem;color:#64748b}.empty-state{text-align:center;padding:2rem;color:#94a3b8;font-size:.875rem}.shipments-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.shipments-layout{grid-template-columns:1fr}}.shipments-list h3,.boxes-panel h3{margin:0 0 1rem;font-size:1rem;color:#1e293b}.shipment-cards{display:flex;flex-direction:column;gap:.75rem}.shipment-card{padding:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.shipment-card:hover{border-color:#3b82f6;background:#f0f9ff}.shipment-card.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.shipment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.shipment-prefix{font-size:1.125rem;font-weight:700;color:#1e293b;font-family:monospace}.shipment-name{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.shipment-stats{font-size:.75rem;color:#94a3b8}.shipment-stats .separator{margin:0 .5rem}.shipment-destinations{display:flex;gap:.5rem;margin-top:.5rem}.dest-count{font-size:.7rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.dest-count.usa{background:#dbeafe;color:#1d4ed8}.dest-count.fba{background:#fef3c7;color:#b45309}.shipment-actions{margin-top:.75rem;display:flex;gap:.5rem}.btn-close-shipment{flex:1;padding:.5rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.btn-close-shipment:hover{background:#e2e8f0}.btn-ship{flex:1;padding:.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-ship:hover{opacity:.9}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.65rem;font-weight:600;text-transform:uppercase}.status-badge.status-open{background:#dcfce7;color:#16a34a}.status-badge.status-closed{background:#f1f5f9;color:#64748b}.status-badge.status-shipped{background:#dbeafe;color:#1d4ed8}.status-badge.status-cancelled{background:#fee2e2;color:#dc2626}.destination-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700}.destination-badge.usa{background:#3b82f6;color:#fff}.destination-badge.fba{background:#f59e0b;color:#fff}.boxes-panel{background:#f8fafc;border-radius:12px;padding:1rem;border:1px solid #e2e8f0}.boxes-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.create-box-buttons{display:flex;gap:.5rem}.btn-create-box{padding:.5rem .75rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-create-box.usa{background:#3b82f6}.btn-create-box.usa:hover{background:#2563eb}.btn-create-box.fba{background:#f59e0b}.btn-create-box.fba:hover{background:#d97706}.boxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.box-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:.75rem;transition:all .2s}.box-card.open{border-color:#10b981}.box-card.closed{border-color:#64748b;opacity:.8}.box-card.shipped{border-color:#3b82f6;opacity:.7}.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.box-barcode{font-size:.75rem;font-weight:600;font-family:monospace;color:#1e293b}.box-stats{font-size:.7rem;color:#64748b;display:flex;justify-content:space-between}.box-actions{margin-top:.5rem}.destination-select{width:100%;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.75rem;background:#fff;cursor:pointer}.box-contents{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #e2e8f0}.content-item{display:flex;justify-content:space-between;font-size:.7rem;color:#64748b;padding:.125rem 0}.content-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:.5rem}.content-qty{font-weight:600;color:#1e293b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 1.25rem;color:#1e293b;font-size:1.125rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:#475569;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group small{display:block;margin-top:.25rem;font-size:.75rem;color:#94a3b8}.form-group textarea{resize:vertical;min-height:60px}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.btn-cancel{padding:.625rem 1rem;background:#f1f5f9;color:#64748b;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e2e8f0}.btn-save{padding:.625rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-save:hover{opacity:.9}@media(max-width:600px){.shipments-header{flex-wrap:wrap}.boxes-grid{grid-template-columns:repeat(2,1fr)}.create-box-buttons{flex-direction:column;width:100%}.btn-create-box{width:100%}}