:root{--color-primary-900:#0f1a2e;--color-primary-800:#1b2a4a;--color-primary-700:#243660;--color-primary-600:#2e4376;--color-primary-500:#3a5490;--color-primary-400:#5b7ab5;--color-primary-300:#8aa0cc;--color-primary-200:#b8c9e2;--color-primary-100:#e2e9f3;--color-primary-50:#f0f3f9;--color-accent-700:#b45309;--color-accent-600:#d97706;--color-accent-500:#f59e0b;--color-accent-400:#fbbf24;--color-accent-300:#fcd34d;--color-accent-200:#fde68a;--color-accent-100:#fef3c7;--color-accent-50:#fffbeb;--color-success-700:#047857;--color-success-600:#059669;--color-success-500:#10b981;--color-success-400:#34d399;--color-success-200:#a7f3d0;--color-success-100:#d1fae5;--color-success-50:#ecfdf5;--color-danger-700:#b91c1c;--color-danger-600:#dc2626;--color-danger-500:#ef4444;--color-danger-400:#f87171;--color-danger-200:#fecaca;--color-danger-100:#fee2e2;--color-danger-50:#fef2f2;--color-warning-700:#b45309;--color-warning-600:#d97706;--color-warning-500:#f59e0b;--color-warning-400:#fbbf24;--color-warning-100:#fef3c7;--color-warning-50:#fffbeb;--color-neutral-950:#0a0f1a;--color-neutral-900:#111827;--color-neutral-800:#1f2937;--color-neutral-700:#374151;--color-neutral-600:#4b5563;--color-neutral-500:#6b7280;--color-neutral-400:#9ca3af;--color-neutral-300:#d1d5db;--color-neutral-200:#e5e7eb;--color-neutral-100:#f3f4f6;--color-neutral-50:#f9fafb;--color-neutral-0:#fff;--bg-page:var(--color-neutral-50);--bg-card:var(--color-neutral-0);--bg-card-hover:var(--color-neutral-50);--bg-surface:var(--color-neutral-100);--bg-header:var(--color-primary-800);--bg-table-header:var(--color-neutral-100);--bg-table-stripe:var(--color-neutral-50);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-500);--text-inverse:var(--color-neutral-0);--text-accent:var(--color-accent-600);--border-default:var(--color-neutral-200);--border-light:var(--color-neutral-100);--border-focus:var(--color-primary-500);--font-heading:"Sora",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a;--shadow-inner:inset 0 2px 4px #0000000a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%}.skeleton,.skeleton-text{border-radius:6px;border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-row{height:48px;margin-bottom:2px}.btn-press:active,button:active:not(:disabled){transform:scale(.97);transition:transform 80ms ease}.animate-fade-in{animation:fadeIn ease .2s cubic-bezier(.4,0,.2,1) forwards;animation:fadeIn var(--transition-base) ease forwards}.animate-slide-up{animation:slideUp ease .3s cubic-bezier(.4,0,.2,1) forwards;animation:slideUp var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn ease .2s cubic-bezier(.4,0,.2,1) forwards;animation:scaleIn var(--transition-base) ease forwards}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3a5490;outline:2px solid var(--color-primary-500);outline-offset:2px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:var(--font-mono)}.login-page{align-items:center;background:var(--color-primary-800);background-image:radial-gradient(ellipse at 20% 50%,#3b54904d 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#d977061a 0,#0000 40%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{animation:slideUp var(--transition-slow) ease;max-width:420px;width:100%}.login-header{color:var(--text-inverse);margin-bottom:32px;text-align:center}.login-header h1{font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-bold);letter-spacing:-.03em;margin:0 0 6px}.login-header p{font-size:var(--text-lg);font-size:var(--text-sm);font-weight:var(--font-normal);letter-spacing:.05em;margin:0;opacity:.7;text-transform:uppercase}.login-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:32px}.login-card h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 24px;text-align:center}.login-error{background-color:var(--color-danger-50);border-left:4px solid var(--color-danger-500);color:var(--color-danger-700)}.login-error,.login-success{border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:20px;padding:12px 15px}.login-success{background-color:var(--color-success-50);border-left:4px solid var(--color-success-500);color:var(--color-success-700)}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.01em;margin-bottom:6px}.form-group input{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:12px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-group input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f;outline:none}.form-group input:disabled{background-color:var(--color-neutral-100);cursor:not-allowed}.form-group input::placeholder{color:var(--color-neutral-400)}.login-button{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;padding:14px 20px;transition:all var(--transition-fast);width:100%}.login-button:hover:not(:disabled){background-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-toggle{margin-top:20px;text-align:center}.login-toggle p{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.login-toggle button{background:none;border:none;color:var(--color-primary-500);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-left:5px;transition:color var(--transition-fast)}.login-toggle button:hover{color:var(--color-primary-700);text-decoration:underline}.login-toggle button:disabled{color:var(--color-neutral-300);cursor:not-allowed}.login-footer{color:#fff6;font-size:var(--text-xs);letter-spacing:.02em;margin-top:32px;text-align:center}.login-footer p{margin:0}.loading-page{align-items:center;background-color:var(--bg-page);display:flex;justify-content:center;min-height:100vh}.loading-content{color:var(--text-secondary)}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);height:40px;margin:0 auto 16px;width:40px}.access-denied-page{align-items:center;background-color:var(--bg-page);display:flex;justify-content:center;min-height:100vh;padding:20px}.access-denied-container{animation:scaleIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:40px;text-align:center}.access-denied-icon{align-items:center;background-color:var(--color-danger-100);border-radius:var(--radius-full);color:var(--color-danger-600);display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.access-denied-container h2{color:var(--color-danger-600);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 12px}.access-denied-container p{color:var(--text-primary);font-size:var(--text-sm);margin:0 0 10px}.access-denied-hint{color:var(--text-tertiary)!important;font-size:var(--text-sm)!important}.access-denied-button{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);margin-top:20px;padding:12px 28px;transition:all var(--transition-fast)}.access-denied-button:hover{background-color:var(--color-primary-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media screen and (max-width:480px){.login-header h1{font-size:1.5rem}.login-card{border-radius:var(--radius-lg);padding:24px 20px}.login-card h2{font-size:var(--text-lg)}}.barcode-scanner{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:15px 0;padding:16px}.scanner-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.scanner-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.scanner-input-container{display:flex;gap:10px}.barcode-input{background-color:var(--bg-card);border:2px solid var(--color-primary-300);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:16px;padding:10px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.barcode-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f;outline:none}.barcode-input::placeholder{color:var(--color-neutral-400);font-family:var(--font-body)}.scan-button{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast);white-space:nowrap}.scan-button:hover{background-color:var(--color-primary-700)}.scan-button:disabled{cursor:not-allowed;opacity:.5}.scanner-instruction{color:var(--text-tertiary);font-size:var(--text-sm);margin-top:10px}.barcode-scanner.compact-layout{padding:12px}.barcode-scanner.compact-layout .scanner-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:10px}.barcode-scanner.compact-layout .scanner-header h2{font-size:var(--text-base);margin:0}.barcode-scanner.compact-layout .scanner-toggle{font-size:var(--text-xs);padding:6px 10px}.barcode-scanner.compact-layout .scanner-input-container{display:flex;flex-direction:row;gap:8px}.barcode-scanner.compact-layout .barcode-input{flex:1 1;font-size:var(--text-base);padding:10px}.barcode-scanner.compact-layout .scan-button{font-size:var(--text-sm);min-width:60px;padding:8px 12px}@media screen and (max-width:820px) and (min-width:768px){.scanner-header{align-items:flex-start;flex-direction:column;gap:10px}.scanner-input-container{flex-direction:column;gap:8px}.barcode-input{font-size:18px;padding:12px 14px}.scan-button{align-self:flex-start;padding:12px 20px}}@media screen and (max-width:767px){.barcode-scanner{padding:12px}.scanner-header{align-items:flex-start;flex-direction:column;gap:10px}.scanner-header h2{font-size:var(--text-base)}.scanner-input-container{flex-direction:column;gap:8px}.barcode-input{font-size:16px;padding:12px}.scan-button{justify-content:center;width:100%}}@media screen and (max-width:480px){.barcode-input{font-size:14px;padding:10px 12px}.barcode-scanner{padding:10px}.scanner-header h2{font-size:var(--text-base)}.scan-button{font-size:var(--text-sm);padding:10px 16px}.scanner-instruction,.scanner-toggle{font-size:var(--text-xs)}.scanner-toggle{padding:6px 12px}}@media screen and (max-height:480px) and (orientation:landscape){.barcode-scanner{margin:10px 0;padding:10px}.scanner-header,.scanner-input-container{align-items:center;flex-direction:row}.scanner-header h2{font-size:var(--text-base)}.barcode-input{font-size:14px;padding:8px 10px}.scan-button{font-size:var(--text-sm);padding:8px 12px}}.toast-container{max-width:100%;pointer-events:none;position:fixed;width:380px;z-index:9999}.toast-top-center{left:50%;top:20px;transform:translateX(-50%)}.toast-top-right{right:20px;top:20px}.toast-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.toast-bottom-right{bottom:20px;right:20px}.toast{align-items:center;animation:toast-slide-in .35s cubic-bezier(.21,1.02,.73,1) forwards;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;margin-bottom:16px;overflow:hidden;padding:14px 16px;pointer-events:auto;position:relative}.toast:before{border-radius:var(--radius-lg) 0 0 var(--radius-lg);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.toast-error{border-left:4px solid var(--color-danger-500)}.toast-error:before{background-color:var(--color-danger-500)}.toast-success{border-left:4px solid var(--color-success-500)}.toast-success:before{background-color:var(--color-success-500)}.toast-warning{border-left:4px solid var(--color-warning-500)}.toast-warning:before{background-color:var(--color-warning-500)}.toast-icon{align-items:center;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-right:12px;width:28px}.toast-error .toast-icon{background-color:var(--color-danger-500)}.toast-success .toast-icon{background-color:var(--color-success-500)}.toast-warning .toast-icon{background-color:var(--color-warning-500)}.toast-message{color:var(--text-primary);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal)}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-neutral-400);cursor:pointer;display:flex;justify-content:center;line-height:1;margin-left:10px;padding:4px;transition:all var(--transition-fast)}.toast-close:hover{background-color:var(--color-neutral-100);color:var(--text-secondary)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-120%)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.toast-container{width:calc(100% - 32px)}.toast-bottom-center,.toast-top-center{left:16px;transform:none;width:calc(100% - 32px)}.toast-bottom-right,.toast-top-right{right:16px;width:calc(100% - 32px)}}.order-detail-container{animation:fadeIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;padding:24px}.order-detail-header{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px;margin-bottom:0;padding-bottom:16px}.order-detail-header h2{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);letter-spacing:-.02em;margin:0}.header-top-row{align-items:center;display:flex;justify-content:space-between;width:100%}.print-production-btn{align-items:center;background-color:var(--color-primary-500);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast)}.print-production-btn:hover{background-color:var(--color-primary-600);transform:translateY(-1px)}.print-modal-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.print-modal{animation:scaleIn var(--transition-base) ease;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:28px;width:90%}.print-modal h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 8px}.print-modal p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 20px}.print-modal-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.print-option-btn{border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);padding:14px 20px;transition:all var(--transition-fast)}.print-option-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.print-option-btn:active{transform:translateY(0)}.frames-btn{background-color:var(--color-primary-500)}.frames-btn:hover{background-color:var(--color-primary-600)}.mounts-btn{background-color:var(--color-success-600)}.mounts-btn:hover{background-color:var(--color-success-700)}.both-btn{background-color:var(--color-accent-600)}.both-btn:hover{background-color:var(--color-accent-700)}.print-modal-cancel{background:none;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:12px;transition:all var(--transition-fast);width:100%}.print-modal-cancel:hover{background-color:var(--color-neutral-50);color:var(--text-primary)}.back-button{align-items:center;align-self:flex-start;background-color:var(--color-neutral-100);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.back-button:hover{background-color:var(--color-neutral-200);color:var(--text-primary)}.customer-info{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:20px;margin-top:10px}.customer-info p{margin:0}.customer-info strong{color:var(--text-primary);font-weight:var(--font-semibold)}.order-notes{background-color:var(--color-warning-100);border-left:4px solid var(--color-warning-500);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:10px;padding:10px 14px;width:100%}.progress-container{margin:0}.progress-bar{background-color:var(--color-neutral-200);height:24px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:6px;text-align:center}.items-list{border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:0;padding:20px}.items-list h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:16px;margin-top:0}.scanner-container{background-color:var(--bg-surface);border-radius:var(--radius-lg);border-top:3px solid var(--color-primary-500);margin-bottom:0;padding:20px}.scanner-container h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:0}.scanner-toggle{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:10px;padding:8px 16px;transition:all var(--transition-fast)}.scanner-toggle.active{background-color:var(--color-danger-600);color:#fff}.scanner-toggle.inactive{background-color:var(--color-primary-800);color:#fff}.scanner-toggle.active:hover{background-color:var(--color-danger-700)}.scanner-toggle.inactive:hover{background-color:var(--color-primary-700)}.scan-error,.scan-success{border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:12px;padding:10px 14px}.scan-error{background-color:var(--color-danger-50);border:1px solid var(--color-danger-200);color:var(--color-danger-700)}.scan-success{background-color:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-700)}.items-table{border-collapse:collapse;margin-top:10px;width:100%}.items-table th{background-color:var(--bg-table-header);border-bottom:2px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:10px 16px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);padding:12px 16px;text-align:left}.items-table tr.picked{background-color:var(--color-success-50)}.status-indicator{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 12px}.status-indicator.picked{background-color:var(--color-success-100);color:var(--color-success-700)}.status-indicator.pending{background-color:var(--color-accent-100);color:var(--color-accent-700)}.insufficient-stock{background-color:var(--color-danger-50);color:var(--color-danger-600);font-weight:var(--font-bold)}.scan-progress{color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-xs);width:100%}.scan-progress-bar{background-color:var(--color-neutral-200);border-radius:var(--radius-full);height:6px;margin-top:4px;overflow:hidden}.scan-progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));border-radius:var(--radius-full);height:100%;transition:width .3s ease}.mobile-scanner{background-color:var(--color-primary-50);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:20px;padding:14px}.mobile-scanner h3{font-size:var(--text-base);margin-bottom:10px}.highlighted-scan{animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%{background-color:var(--color-accent-50)}50%{background-color:var(--color-accent-100)}to{background-color:initial}}.scan-progress-column,.status-column{display:table-cell!important}@media screen and (max-width:820px) and (min-width:768px){.order-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.items-table{font-size:.95rem}}@media screen and (max-width:767px){.items-table td,.items-table th{padding:8px 10px}.order-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.customer-info{margin-left:0;margin-top:10px}.items-table td:nth-child(2),.items-table th:nth-child(2){display:none}.status-column{min-width:80px;width:80px}.scan-progress-column{min-width:100px}.status-indicator{font-size:.75em;padding:3px 8px}}@media screen and (max-width:480px){.order-detail-container{gap:16px;padding:16px}.back-button{font-size:var(--text-xs);padding:6px 12px}.items-table td,.items-table th{font-size:.85rem;padding:6px 8px}.items-table td:first-child,.items-table td:nth-child(2),.items-table th:first-child,.items-table th:nth-child(2){display:none}.status-indicator{font-size:.75em;padding:3px 8px}.scan-progress{font-size:.85em}}@media screen and (max-width:767px){.status-column{min-width:80px;width:80px}.scan-progress-column{min-width:100px}.status-indicator{font-size:.75em;padding:3px 8px}}.order-list-container{animation:fadeIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.order-list-header{border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:16px}.order-list-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.02em;margin:0}.order-list-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.toggle-view-button{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.toggle-view-button.view-active{background-color:var(--color-danger-600)}.toggle-view-button:hover{opacity:.9;transform:translateY(-1px)}.header-buttons{align-items:center;display:flex;gap:10px}.refresh-balance-button{align-items:center;background-color:var(--color-success-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.refresh-balance-button:hover:not(:disabled){background-color:var(--color-success-700);transform:translateY(-1px)}.refresh-balance-button:disabled{background-color:var(--color-neutral-400);cursor:not-allowed}.refresh-result{animation:slideDown var(--transition-base) ease;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:12px;padding:10px 16px}.refresh-success{background-color:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-700)}.refresh-partial{background-color:var(--color-warning-50);border:1px solid var(--color-accent-200);color:var(--color-warning-700)}.filters-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.search-container{flex:1 1;min-width:250px;position:relative}.search-input{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:10px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901a;outline:none}.search-input::placeholder{color:var(--color-neutral-400)}.customer-filter{width:200px}.customer-select{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:10px 14px;transition:border-color var(--transition-fast);width:100%}.customer-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901a;outline:none}.clear-filters-button{align-items:center;background-color:var(--color-neutral-200);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);padding:10px 16px;transition:all var(--transition-fast)}.clear-filters-button:hover{background-color:var(--color-neutral-300);color:var(--text-primary)}.clear-filters-button:disabled{cursor:not-allowed;opacity:.5}.no-orders{color:var(--text-tertiary);font-size:var(--text-sm);padding:40px 0;text-align:center}.orders-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:10px;width:100%}.orders-table{border-collapse:collapse;width:100%}.orders-table th{background-color:var(--bg-table-header);border-bottom:2px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:10px 16px;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);padding:12px 16px;text-align:left}.orders-table tr:last-child td{border-bottom:none}.order-row{cursor:pointer;transition:all var(--transition-fast)}.order-row:hover{background-color:var(--bg-card-hover)}.order-status{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.01em;padding:4px 12px}.status-ready{background-color:var(--color-primary-100);color:var(--color-primary-800)}.status-in-progress{background-color:var(--color-accent-100);color:var(--color-accent-700)}.status-complete,.status-picked-complete{background-color:var(--color-success-100);color:var(--color-success-700)}.status-ready-to-pick{background-color:var(--color-primary-100);color:var(--color-primary-800)}.overdue-order{background-color:var(--color-danger-50)}.overdue-order:hover{background-color:var(--color-danger-100)!important}.overdue-date{color:var(--color-danger-600);font-weight:var(--font-semibold)}.overdue-indicator{align-items:center;color:var(--color-danger-600);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-bold);gap:4px}.action-buttons{display:flex;gap:8px}.view-order-button{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:6px 14px;transition:all var(--transition-fast)}.view-order-button:hover{background-color:var(--color-primary-700);transform:translateY(-1px)}.delete-order-button{align-items:center;background-color:initial;border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-danger-600);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:6px 14px;transition:all var(--transition-fast)}.delete-order-button:hover{background-color:var(--color-danger-50);border-color:var(--color-danger-400)}.delete-modal-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:scaleIn var(--transition-base) ease;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;padding:28px;width:90%}.delete-modal h3{color:var(--color-danger-600);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:12px;margin-top:0}.delete-modal p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.delete-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-delete-button{background-color:var(--color-neutral-100);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:10px 20px;transition:all var(--transition-fast)}.cancel-delete-button:hover{background-color:var(--color-neutral-200);color:var(--text-primary)}.confirm-delete-button{align-items:center;background-color:var(--color-danger-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast)}.confirm-delete-button:hover{background-color:var(--color-danger-700)}.cancel-delete-button:disabled,.confirm-delete-button:disabled{cursor:not-allowed;opacity:.6}.delete-error{background-color:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-danger-700);font-size:var(--text-sm);margin:12px 0;padding:10px 14px}.stale-warning-banner{animation:slideDown var(--transition-base) ease;margin-bottom:12px}.stale-warning-dismiss-btn{align-items:center;border:1px solid var(--color-warning-500);border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:4px 10px;transition:all var(--transition-fast)}.stale-warning-dismiss-btn:hover{background:var(--color-warning-500);color:#fff}.skeleton-table{width:100%}.skeleton-table-row{animation:fadeIn var(--transition-slow) ease;border-bottom:1px solid var(--border-light);display:flex;gap:16px;padding:14px 16px}.skeleton-table-row:first-child{animation-delay:0ms}.skeleton-table-row:nth-child(2){animation-delay:50ms}.skeleton-table-row:nth-child(3){animation-delay:.1s}.skeleton-table-row:nth-child(4){animation-delay:.15s}.skeleton-table-row:nth-child(5){animation-delay:.2s}.skeleton-table-cell{border-radius:var(--radius-sm);height:16px}.skeleton-table-cell:first-child{flex:2 1}.skeleton-table-cell:nth-child(2){flex:3 1}.skeleton-table-cell:nth-child(3){flex:2 1}.skeleton-table-cell:nth-child(4){flex:1 1}.filters-container.mobile-layout{flex-direction:column;gap:10px}.filters-container.mobile-layout .customer-filter,.filters-container.mobile-layout .search-container{width:100%}@media screen and (min-width:1201px){.order-list-container{padding:28px}}@media screen and (max-width:991px) and (min-width:769px){.order-list-container{padding:20px}.filters-container{flex-direction:row;flex-wrap:wrap}.customer-filter,.search-container{min-width:200px}}@media screen and (max-width:820px) and (min-width:768px){.order-list-title{flex-direction:row;gap:10px}.filters-container{gap:10px}}@media screen and (max-width:767px){.order-list-container{border-radius:var(--radius-md);padding:16px}.order-list-title{align-items:flex-start;flex-direction:column;gap:10px}.header-buttons{flex-wrap:wrap;width:100%}.filters-container{flex-direction:column;gap:10px;margin-top:10px}.customer-filter,.search-container{min-width:auto;width:100%}.orders-table{font-size:.9rem}.orders-table td,.orders-table th{padding:8px 10px}.orders-table td:nth-child(2),.orders-table th:nth-child(2){display:none}.delete-modal{padding:20px;width:95%}.delete-actions{flex-direction:column;gap:8px}.delete-actions button{width:100%}.order-status{font-size:.75em;padding:3px 8px}}@media screen and (max-width:480px){.order-list-container{border-radius:var(--radius-sm);padding:12px}.clear-filters-button,.toggle-view-button{font-size:var(--text-xs);padding:8px 12px}.order-status{font-size:.7em;padding:3px 8px}.orders-table td,.orders-table th{font-size:.85rem;padding:6px 8px}.orders-table td:first-child,.orders-table th:first-child{display:none}.delete-modal{padding:16px}.delete-modal h3{font-size:var(--text-base)}}.stock-take-container{animation:fadeIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.stock-take-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.stock-take-header h2{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);letter-spacing:-.02em;margin:0}.clear-all-button{align-items:center;background-color:var(--color-neutral-400);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 15px;transition:all var(--transition-fast)}.clear-all-button:hover:not(:disabled){background-color:var(--color-neutral-500)}.clear-all-button:disabled{cursor:not-allowed;opacity:.5}.stock-take-scanner{margin-bottom:20px}.stock-take-summary{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:8px;margin-bottom:20px;padding:12px 15px}.summary-label{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.summary-value{color:var(--text-secondary);font-size:var(--text-sm)}.scanned-items-wrapper{border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:20px;overflow-x:auto}.scanned-items-table{border-collapse:collapse;width:100%}.scanned-items-table td,.scanned-items-table th{border-bottom:1px solid var(--border-light);padding:12px 15px;text-align:left}.scanned-items-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.scanned-items-table tbody tr:hover{background-color:var(--bg-surface)}.barcode-cell{font-family:var(--font-mono);font-size:var(--text-sm)}.count-cell{color:var(--text-primary);font-weight:var(--font-semibold)}.time-cell{color:var(--text-tertiary);font-size:var(--text-sm)}.actions-cell{white-space:nowrap}.count-controls{gap:6px}.count-button,.count-controls{align-items:center;display:flex}.count-button{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:1.1rem;font-weight:var(--font-bold);height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.count-button.increment{border-color:var(--color-success-600);color:var(--color-success-600)}.count-button.increment:hover{background-color:var(--color-success-600);color:#fff}.count-button.decrement{border-color:var(--color-danger-600);color:var(--color-danger-600)}.count-button.decrement:hover{background-color:var(--color-danger-600);color:#fff}.remove-button{align-items:center;background-color:initial;border:1px solid var(--color-danger-600);border-radius:var(--radius-md);color:var(--color-danger-600);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:6px 12px;transition:all var(--transition-fast)}.remove-button:hover{background-color:var(--color-danger-600);color:#fff}.stock-take-empty{color:var(--text-tertiary);padding:40px 20px;text-align:center}.stock-take-empty p{font-size:var(--text-base);margin:0}.stock-take-footer{border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;padding-top:20px}.submit-stock-take-button{align-items:center;background-color:var(--color-success-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);padding:12px 24px;transition:all var(--transition-fast)}.submit-stock-take-button:hover:not(:disabled){background-color:var(--color-success-700);transform:translateY(-1px)}.submit-stock-take-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.scan-mode-toggle{border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;gap:0;margin-bottom:20px;overflow:hidden;width:fit-content}.scan-mode-btn{background-color:var(--bg-surface);border:none;color:var(--text-tertiary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:10px 20px;transition:all var(--transition-fast)}.scan-mode-btn:first-child{border-right:1px solid var(--border-default)}.scan-mode-btn.active{background-color:var(--color-primary-800);color:var(--text-inverse)}.scan-mode-btn:hover:not(.active){background-color:var(--color-neutral-100)}.ic-doc-input-section{background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.warehouse-selector{align-items:center;display:flex;gap:10px;margin-bottom:15px}.warehouse-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.warehouse-select{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);min-width:120px;padding:8px 12px}.warehouse-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f;outline:none}.ic-doc-input-section h3{color:var(--color-primary-700);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 8px}.ic-doc-hint{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 15px}.ic-doc-input-row{align-items:center;display:flex;gap:10px}.ic-doc-input{background-color:var(--bg-card);border:2px solid var(--color-primary-300);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:var(--text-base);padding:12px 15px;text-transform:uppercase;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ic-doc-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f;outline:none}.ic-doc-load-btn{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:12px 24px;transition:all var(--transition-fast);white-space:nowrap}.ic-doc-load-btn:hover:not(:disabled){background-color:var(--color-primary-700)}.ic-doc-load-btn:disabled{cursor:not-allowed;opacity:.6}.ic-doc-info{background-color:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--radius-lg);margin-bottom:20px;padding:15px 20px}.ic-doc-info-header{align-items:center;display:flex;justify-content:space-between}.ic-doc-details h3{color:var(--color-success-700);font-family:var(--font-heading);font-weight:var(--font-semibold);margin:0 0 5px}.ic-doc-details p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.ic-doc-clear-btn{align-items:center;background-color:initial;border:1px solid var(--color-danger-600);border-radius:var(--radius-md);color:var(--color-danger-600);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.ic-doc-clear-btn:hover{background-color:var(--color-danger-600);color:#fff}.ic-doc-summary{flex-direction:column;gap:8px}.ic-doc-summary .summary-row{display:flex;justify-content:space-between;width:100%}.ic-doc-summary .summary-value.warning{color:var(--color-danger-600);font-weight:var(--font-semibold)}.ic-doc-table .status-cell{width:80px}.ic-status{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em;padding:4px 10px;text-transform:uppercase}.ic-status.not_scanned{background-color:var(--color-danger-50);color:var(--color-danger-700)}.ic-status.partial{background-color:var(--color-warning-100);color:var(--color-warning-700)}.ic-status.complete{background-color:var(--color-success-50);color:var(--color-success-700)}.ic-status.over{background-color:var(--color-primary-50);color:var(--color-primary-700)}.ic-row-not_scanned{background-color:var(--color-danger-50)}.ic-row-partial{background-color:var(--color-warning-50)}.ic-row-complete{background-color:var(--color-success-50)}.ic-row-over{background-color:var(--color-primary-50)}.desc-cell{word-wrap:break-word;white-space:normal}.diff-cell{font-family:var(--font-mono);font-weight:var(--font-semibold)}.diff-cell.negative{color:var(--color-danger-600)}.diff-cell.positive{color:var(--color-success-600)}.submit-stock-take-button.ic-submit{background-color:var(--color-primary-800)}.submit-stock-take-button.ic-submit:hover:not(:disabled){background-color:var(--color-primary-700)}.confirm-modal-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{animation:scaleIn var(--transition-base) ease;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:450px;padding:28px;width:100%}.confirm-modal h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 16px}.confirm-question{color:var(--text-primary);font-size:var(--text-base);margin-bottom:16px}.confirm-summary{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:16px;padding:12px 15px}.confirm-summary p{margin:0 0 8px}.confirm-summary ul{color:var(--text-secondary);margin:0;padding-left:20px}.confirm-summary li{margin-bottom:4px}.confirm-warning{color:var(--color-danger-600);font-size:var(--text-sm);margin-bottom:20px}.confirm-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-button{background-color:var(--color-neutral-200);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:10px 20px;transition:all var(--transition-fast)}.cancel-button:hover{background-color:var(--color-neutral-300);color:var(--text-primary)}.confirm-submit-button{background-color:var(--color-success-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:10px 20px;transition:all var(--transition-fast)}.confirm-submit-button:hover:not(:disabled){background-color:var(--color-success-700)}.confirm-submit-button:disabled{cursor:not-allowed;opacity:.5}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.loading-content{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px 50px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-neutral-200);border:4px solid var(--color-neutral-200);border-radius:50%;border-top-color:var(--color-accent-600);height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content p{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.loading-subtext{color:var(--text-tertiary)!important;font-size:var(--text-sm)!important;font-weight:var(--font-normal)!important;margin-top:8px!important}.success-modal{animation:scaleIn var(--transition-base) ease;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:32px;text-align:center;width:100%}.success-icon{align-items:center;background-color:var(--color-success-600);border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:var(--font-bold);height:70px;justify-content:center;margin:0 auto 20px;width:70px}.success-modal h3{color:var(--color-success-700);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 12px}.success-message{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:20px}.success-summary{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:24px;padding:15px;text-align:left}.success-summary p{color:var(--text-primary);margin:0 0 8px}.success-summary ul{color:var(--text-secondary);margin:0;padding-left:20px}.success-summary li{margin-bottom:4px}.success-close-button{background-color:var(--color-success-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);padding:12px 40px;transition:all var(--transition-fast)}.success-close-button:hover{background-color:var(--color-success-700)}.error-modal{animation:scaleIn var(--transition-base) ease;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;padding:32px;text-align:center;width:100%}.error-icon{align-items:center;background-color:var(--color-danger-600);border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:var(--font-bold);height:70px;justify-content:center;margin:0 auto 20px;width:70px}.error-modal h3{color:var(--color-danger-600);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 12px}.error-message{background-color:var(--color-danger-50);border-left:4px solid var(--color-danger-600);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);margin-bottom:20px;padding:12px;text-align:left;white-space:pre-line}.error-details{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:16px;padding:15px;text-align:left}.error-details p{color:var(--text-primary);margin:0 0 10px}.error-items-list{max-height:200px;overflow-y:auto}.error-item{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 10px}.error-barcode{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm)}.error-count{color:var(--text-secondary);font-weight:var(--font-semibold)}.error-hint{color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic;margin-bottom:20px}.error-status{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:12px}.error-close-button{background-color:var(--color-danger-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);padding:12px 40px;transition:all var(--transition-fast)}.error-close-button:hover{background-color:var(--color-danger-700)}.quantity-popup{animation:scaleIn var(--transition-base) ease;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:28px;text-align:center;width:90%}.quantity-popup h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 16px}.quantity-item-info{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:16px;padding:12px}.quantity-item-name{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 4px}.quantity-item-barcode{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.quantity-status-row{display:flex;gap:24px;justify-content:center;margin-bottom:20px}.quantity-stat{align-items:center;display:flex;flex-direction:column}.quantity-stat-label{color:var(--text-tertiary);font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.quantity-stat-value{color:var(--text-primary);font-family:var(--font-mono);font-size:1.5rem;font-weight:var(--font-bold)}.quantity-input-section{margin-bottom:16px}.quantity-label{color:var(--text-primary);display:block;font-family:var(--font-heading);font-weight:var(--font-semibold);margin-bottom:8px}.quantity-controls{gap:8px}.quantity-btn,.quantity-controls{align-items:center;display:flex;justify-content:center}.quantity-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:1.5rem;font-weight:var(--font-semibold);height:48px;transition:all var(--transition-fast);width:48px}.quantity-btn.increment{background-color:var(--color-success-600);color:#fff}.quantity-btn.increment:hover{background-color:var(--color-success-700)}.quantity-btn.decrement{background-color:var(--color-danger-600);color:#fff}.quantity-btn.decrement:hover:not(:disabled){background-color:var(--color-danger-700)}.quantity-btn:disabled{background-color:var(--color-neutral-300);cursor:not-allowed}.quantity-input{background-color:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-mono);font-size:1.5rem;font-weight:var(--font-semibold);height:48px;outline:none;text-align:center;transition:border-color var(--transition-fast);width:80px}.quantity-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f}.quantity-quick-btn{background-color:var(--color-primary-800);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:16px;padding:12px;transition:all var(--transition-fast);width:100%}.quantity-quick-btn:hover{background-color:var(--color-primary-700)}.quantity-new-total{background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-lg);margin-bottom:20px;padding:12px}.quantity-new-total strong{color:var(--color-success-600);font-family:var(--font-mono);font-size:1.3rem}.quantity-over-warning{color:var(--color-danger-600);font-size:var(--text-sm)}.quantity-popup-buttons{display:flex;gap:12px;justify-content:center}.quantity-popup-buttons .cancel-button,.quantity-popup-buttons .confirm-submit-button{border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-size:var(--text-base);font-weight:var(--font-semibold);padding:12px 24px;transition:all var(--transition-fast)}.stock-take-header-actions{align-items:center;display:flex;gap:15px}.view-toggle-buttons{border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-toggle-btn{align-items:center;background-color:var(--bg-surface);border:none;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.view-toggle-btn:first-child{border-right:1px solid var(--border-default)}.view-toggle-btn.active{background-color:var(--color-accent-600);color:#fff}.view-toggle-btn:hover:not(.active){background-color:var(--color-neutral-100)}.scan-mode-btn.has-session:not(.active){background-color:var(--color-warning-100);border-color:var(--color-warning-500)}.ic-session-notice{align-items:center;background-color:var(--color-warning-100);border:1px solid var(--color-warning-500);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 16px;transition:all var(--transition-fast)}.ic-session-notice:hover{background-color:var(--color-warning-200)}.ic-session-notice strong{color:var(--color-warning-700)}.notice-action{align-items:center;color:var(--color-warning-600);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-1)}.document-number-display{background-color:var(--color-success-50);border:2px solid var(--color-success-600);border-radius:var(--radius-lg);margin-bottom:20px;padding:15px;text-align:center}.doc-label{color:var(--text-tertiary);display:block;font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.doc-value{color:var(--color-success-700);display:block;font-family:var(--font-mono);font-size:1.5rem;font-weight:var(--font-bold)}.stock-take-history{padding:10px 0}.history-loading{padding:40px 20px;text-align:center}.history-loading p{color:var(--text-secondary);margin-top:15px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.history-header h3{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);margin:0}.refresh-history-btn{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.refresh-history-btn:hover{background-color:var(--color-primary-700)}.history-search{margin-bottom:20px;position:relative}.history-search-input{background-color:var(--bg-card);border:2px solid var(--color-primary-300);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:12px 40px 12px 16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.history-search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f;outline:none}.history-search-input::placeholder{color:var(--color-neutral-400)}.history-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.4rem;height:24px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:24px}.history-search-clear:hover{background-color:var(--color-neutral-100);color:var(--text-primary)}.history-empty{color:var(--text-tertiary);padding:40px 20px;text-align:center}.history-list{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid var(--border-light);padding:12px 15px;text-align:left}.history-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.history-table tbody tr:hover{background-color:var(--bg-surface)}.doc-number{color:var(--color-accent-600);font-family:var(--font-mono);font-weight:var(--font-semibold)}.view-doc-btn{align-items:center;background-color:var(--color-accent-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:6px 14px;transition:all var(--transition-fast)}.view-doc-btn:hover{background-color:var(--color-accent-700)}.document-detail{padding:10px 0}.back-to-history-btn{align-items:center;background-color:var(--color-neutral-100);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);margin-bottom:20px;padding:8px 16px;transition:all var(--transition-fast)}.back-to-history-btn:hover{background-color:var(--color-neutral-200);color:var(--text-primary)}.document-header{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:20px;padding:15px 20px}.document-header h3{color:var(--color-accent-600);font-family:var(--font-heading);font-weight:var(--font-semibold);margin:0 0 5px}.document-date{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.document-items h4{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);margin:0 0 15px}.history-items-table{border-collapse:collapse;width:100%}.history-items-table td,.history-items-table th{border-bottom:1px solid var(--border-light);padding:10px 12px;text-align:left}.history-items-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.discrepancy-summary,.history-items-table tbody tr:hover{background-color:var(--bg-surface)}.discrepancy-summary{border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.discrepancy-summary h4{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 15px}.discrepancy-stats{display:flex;flex-wrap:wrap;gap:15px}.stat-box{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex:1 1;min-width:120px;padding:15px;text-align:center}.stat-box .stat-value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:2rem;font-weight:var(--font-bold);line-height:1.2}.stat-box .stat-label{color:var(--text-tertiary);display:block;font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;margin-top:5px;text-transform:uppercase}.stat-box.increase .stat-value{color:var(--color-success-600)}.stat-box.decrease .stat-value{color:var(--color-danger-600)}.stat-box.total .stat-value{color:var(--color-accent-600)}.stat-box.no-change .stat-value{color:var(--text-tertiary)}.number-col{font-weight:var(--font-semibold);text-align:right}.adjustment,.number-col{font-family:var(--font-mono)}.adjustment{font-weight:var(--font-bold)}.adjustment.positive{color:var(--color-success-600)}.adjustment.negative{color:var(--color-danger-600)}.adjustment.zero{color:var(--text-tertiary)}.row-increase{background-color:var(--color-success-50)}.row-increase:hover{background-color:#0596691f!important}.row-decrease{background-color:var(--color-danger-50)}.row-decrease:hover{background-color:#dc26261f!important}.discrepancy-table{border-collapse:collapse;margin-top:15px;width:100%}.discrepancy-table td,.discrepancy-table th{border-bottom:1px solid var(--border-light);padding:12px 15px;text-align:left}.discrepancy-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.discrepancy-table td.number-col,.discrepancy-table th.number-col{text-align:right}.discrepancy-table tbody tr:hover{background-color:var(--bg-surface)}.item-info{display:flex;flex-direction:column;gap:2px}.item-desc{color:var(--text-primary);font-weight:var(--font-medium)}.item-barcode{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.number-col.after{color:var(--text-primary);font-weight:var(--font-bold)}.history-items-table.detailed td,.history-items-table.detailed th{vertical-align:middle}.history-items-table.detailed .number-col{font-family:var(--font-mono);text-align:right}@media screen and (max-width:768px){.scanned-items-table td,.scanned-items-table th{padding:10px 8px}.barcode-cell{font-size:var(--text-xs);max-width:120px;overflow:hidden;text-overflow:ellipsis}.count-button{font-size:1rem;height:28px;width:28px}.remove-button{font-size:var(--text-xs);padding:4px 8px}.confirm-modal{margin:0 10px;padding:20px}.confirm-buttons{flex-direction:column-reverse}.cancel-button,.confirm-submit-button{width:100%}.stock-take-header-actions{flex-direction:column;gap:10px;width:100%}.view-toggle-buttons{width:100%}.view-toggle-btn{flex:1 1;padding:10px 12px}.history-header{align-items:flex-start;flex-direction:column;gap:10px}.refresh-history-btn{justify-content:center;width:100%}.history-table td,.history-table th{font-size:var(--text-sm);padding:10px 8px}.history-search-input{font-size:var(--text-sm);padding:10px 36px 10px 12px}.discrepancy-stats{flex-direction:column}.stat-box{min-width:auto;padding:12px}.stat-box .stat-value{font-size:1.5rem}.discrepancy-table td,.discrepancy-table th{font-size:var(--text-sm);padding:10px 8px}.adjustment{font-size:var(--text-xs);min-width:40px;padding:2px 6px}.item-desc{font-size:var(--text-sm)}.item-barcode{font-size:var(--text-xs)}}@media screen and (max-width:480px){.stock-take-header h2{font-size:var(--text-lg)}.stock-take-summary{align-items:flex-start;flex-direction:column;gap:4px}.submit-stock-take-button{justify-content:center;width:100%}.count-controls{gap:4px}.count-button{height:26px;width:26px}.discrepancy-summary{padding:15px}.discrepancy-summary h4{font-size:var(--text-base)}.stat-box .stat-value{font-size:1.3rem}.stat-box .stat-label{font-size:.8rem}.history-items-table.detailed td,.history-items-table.detailed th{font-size:var(--text-xs);padding:8px 6px}.item-desc{font-size:var(--text-xs)}.item-barcode{font-size:.75rem}}.report-production-container{animation:fadeIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:400px;padding:20px}.report-production-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.view-toggle{border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;gap:0;overflow:hidden}.report-production-container .view-toggle-btn{align-items:center;background-color:var(--bg-surface);border:none;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast)}.report-production-container .view-toggle-btn:hover{background-color:var(--color-neutral-100)}.report-production-container .view-toggle-btn.active{background-color:var(--color-primary-800);color:var(--text-inverse)}.work-orders-header-buttons{display:flex;gap:8px}.print-work-orders-btn{align-items:center;background-color:var(--color-neutral-500);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast)}.print-work-orders-btn:hover:not(:disabled){background-color:var(--color-neutral-600)}.print-work-orders-btn:disabled{cursor:not-allowed;opacity:.6}.fetch-work-orders-btn{align-items:center;background-color:var(--color-success-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast)}.fetch-work-orders-btn:hover:not(:disabled){background-color:var(--color-success-700)}.fetch-work-orders-btn:disabled{cursor:not-allowed;opacity:.6}.stale-warning-banner{align-items:center;background:var(--color-warning-100);border:1px solid var(--color-warning-500);border-radius:var(--radius-lg);color:var(--color-warning-700);display:flex;font-size:var(--text-sm);gap:12px;margin-bottom:15px;padding:12px 16px}.stale-warning-banner span{flex:1 1}.stale-warning-fetch-btn{align-items:center;background:var(--color-success-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-2);padding:6px 16px;transition:all var(--transition-fast);white-space:nowrap}.stale-warning-fetch-btn:hover{background:var(--color-success-700)}.stale-warning-fetch-btn:disabled{cursor:not-allowed;opacity:.6}.stale-warning-dismiss-btn{background:none;border:none;color:var(--color-warning-700);cursor:pointer;font-size:1.1rem;opacity:.7;padding:2px 6px;transition:opacity var(--transition-fast)}.stale-warning-dismiss-btn:hover{opacity:1}.last-fetch-time{color:var(--text-tertiary);font-size:var(--text-xs);margin-bottom:15px}.empty-state{color:var(--text-tertiary);padding:60px 20px;text-align:center}.empty-state p{margin:10px 0}.loading-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.production-action-bar{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px;padding:15px}.select-all-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px}.select-all-label input[type=checkbox]{accent-color:var(--color-primary-800);cursor:pointer;height:18px;width:18px}.selected-count{color:var(--text-secondary);font-size:var(--text-sm)}.submit-production-btn{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);margin-left:auto;padding:12px 24px;transition:all var(--transition-fast)}.submit-production-btn:hover:not(:disabled){background-color:var(--color-primary-700)}.submit-production-btn:disabled{cursor:not-allowed;opacity:.5}.activity-filter-tabs{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px}.activity-tab{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:8px 16px;transition:all var(--transition-fast)}.activity-tab:hover{border-color:var(--color-primary-500);color:var(--color-primary-700)}.activity-tab.active{background-color:var(--color-primary-800);border-color:var(--color-primary-800);color:#fff}.work-orders-table-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow-x:hidden}.work-orders-table{border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed;width:100%}.work-orders-table td,.work-orders-table th{border-bottom:1px solid var(--border-light);padding:14px 12px;text-align:left}.work-orders-table th{background-color:var(--color-primary-800);color:var(--text-inverse);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;position:sticky;text-transform:uppercase;top:0;white-space:nowrap}.work-orders-table th:first-child{border-radius:var(--radius-lg) 0 0 0}.work-orders-table th:last-child{border-radius:0 var(--radius-lg) 0 0}.work-orders-table tbody tr{transition:background-color var(--transition-fast)}.work-orders-table tbody tr:hover{background-color:var(--color-primary-50)}.work-orders-table tbody tr:nth-child(2n){background-color:var(--bg-surface)}.work-orders-table tbody tr:nth-child(2n):hover{background-color:var(--color-primary-50)}.work-order-row.selected{background-color:var(--color-primary-100)!important;border-left:3px solid var(--color-primary-500)}.work-order-row input[type=checkbox]{accent-color:var(--color-primary-800);cursor:pointer;height:20px;width:20px}.col-checkbox{text-align:center;width:50px}.col-serial{color:var(--text-primary);font-family:var(--font-mono);font-weight:var(--font-semibold);width:110px}.col-part{text-overflow:ellipsis;white-space:nowrap}.col-customer,.col-part{color:var(--text-secondary);overflow:hidden}.col-customer{width:160px}.report-production-container .customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-order{color:var(--color-primary-500);font-size:var(--text-xs);font-weight:var(--font-medium)}.col-date{color:var(--text-secondary);width:100px}.col-qty{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);width:80px}.col-qty .qty-badge{background-color:var(--color-neutral-100);border-radius:var(--radius-full);display:inline-block;padding:6px 12px}.col-reported{color:var(--color-success-600);font-family:var(--font-mono);font-weight:var(--font-semibold);width:95px}.work-orders-table .col-qty,.work-orders-table .col-report,.work-orders-table .col-reported{text-align:center}.partial-report{background-color:var(--color-warning-50)!important}.partial-report:hover{background-color:var(--color-warning-100)!important}.partial-badge{background-color:var(--color-warning-500);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.65rem;font-weight:var(--font-semibold);letter-spacing:.02em;margin-left:6px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}.partial-badge.priority-partial{background-color:var(--color-accent-600)}.col-report{text-align:center;width:100px}.report-qty-input{background-color:var(--bg-card);border:2px solid var(--color-primary-300);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);padding:10px 8px;text-align:center;transition:all var(--transition-fast);width:80px}.report-qty-input:focus{background-color:var(--bg-card);box-shadow:0 0 0 3px #3b54901f;outline:none}.report-qty-input:focus,.report-qty-input:hover{border-color:var(--color-primary-500)}.missing-activity{color:var(--color-danger-600);font-size:var(--text-xs);font-style:italic}.history-table-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.report-production-container .history-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.report-production-container .history-table td,.report-production-container .history-table th{border-bottom:1px solid var(--border-light);padding:12px 15px;text-align:left}.report-production-container .history-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.report-production-container .history-table tbody tr:hover{background-color:var(--bg-surface)}.status-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 12px}.status-badge.success{background-color:var(--color-success-100);color:var(--color-success-700)}.status-badge.error{background-color:var(--color-danger-50);color:var(--color-danger-700)}.view-details-btn{align-items:center;background-color:initial;border:1px solid var(--color-primary-500);border-radius:var(--radius-md);color:var(--color-primary-700);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:6px 14px;transition:all var(--transition-fast)}.view-details-btn:hover{background-color:var(--color-primary-800);border-color:var(--color-primary-800);color:var(--text-inverse)}.history-detail-modal{animation:scaleIn var(--transition-base) ease;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:80vh;max-width:500px;overflow-y:auto;padding:28px;width:90%}.history-detail-modal h3{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);margin-bottom:20px;margin-top:0}.detail-row{border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:10px 0}.detail-label{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium)}.detail-value{color:var(--text-primary);font-size:var(--text-sm)}.detail-value.error-text{color:var(--color-danger-600)}.detail-items{margin-top:20px}.detail-items h4{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);margin-bottom:10px}.detail-items-list{border:1px solid var(--border-light);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.detail-item{border-bottom:1px solid var(--border-light);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:8px 12px}.detail-item:last-child{border-bottom:none}.item-serial{font-family:var(--font-mono);font-weight:var(--font-medium)}.item-activity{color:var(--text-tertiary)}.item-qty{font-family:var(--font-mono);font-weight:var(--font-medium)}.close-modal-btn{background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:20px;padding:12px;transition:all var(--transition-fast);width:100%}.close-modal-btn:hover{background-color:var(--color-primary-700)}.confirm-items-preview{border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:15px;max-height:150px;overflow-y:auto}.confirm-item{border-bottom:1px solid var(--border-light);display:flex;font-family:var(--font-mono);font-size:var(--text-sm);justify-content:space-between;padding:8px 12px}.confirm-item:last-child{border-bottom:none}.confirm-item.more{color:var(--text-tertiary);font-family:var(--font-body);font-style:italic;justify-content:center}.error-report-no{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:15px}.error-item.success{color:var(--color-success-600)}.error-item.failed{color:var(--color-danger-600)}.history-view-toggle{display:flex;gap:10px;margin-bottom:20px}.history-toggle-btn{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.history-toggle-btn:hover{background-color:var(--color-neutral-100)}.history-toggle-btn.active{background-color:var(--color-primary-800);border-color:var(--color-primary-800);color:var(--text-inverse)}.work-orders-history td{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-orders-history td:nth-child(2){max-width:300px}.report-no-cell{color:var(--color-primary-500);font-family:var(--font-mono);font-weight:var(--font-semibold)}@media screen and (max-width:768px){.report-production-header{align-items:stretch;flex-direction:column}.view-toggle{width:100%}.report-production-container .view-toggle-btn{flex:1 1;justify-content:center}.fetch-work-orders-btn{justify-content:center;width:100%}.production-action-bar{align-items:stretch;flex-direction:column}.submit-production-btn{justify-content:center;margin-left:0;width:100%}.work-orders-table{font-size:var(--text-xs)}.work-orders-table td,.work-orders-table th{padding:10px 6px}.work-orders-table th{font-size:.7rem}.col-customer{display:none}.col-serial{width:90px}.col-date{width:80px}.col-qty{font-size:var(--text-base);width:60px}.col-report{width:80px}.report-qty-input{font-size:var(--text-base);padding:8px 4px;width:65px}}@media print{@page{size:landscape;margin:10mm}.activity-filter-tabs,.app-header,.col-checkbox,.confirm-modal-overlay,.last-fetch-time,.loading-overlay,.partial-badge,.production-action-bar,.production-history-view,.report-production-header,.stale-warning-banner,.toast-container{display:none!important}body,html{margin:0!important;padding:0!important}.report-production-container,.work-orders-table-container,.work-orders-view{background:none!important;border:none!important;box-shadow:none!important;margin:0!important;max-height:none!important;overflow:visible!important;padding:0!important}.work-orders-table{border-collapse:collapse;font-size:10pt;table-layout:auto!important;width:100%}.work-orders-table td,.work-orders-table th{border:1px solid #999;padding:6px 8px;white-space:nowrap}.work-orders-table th{background-color:var(--color-primary-800)!important;color:#fff!important;font-size:9pt;position:static;-webkit-print-color-adjust:exact;print-color-adjust:exact}.work-orders-table tbody tr{background:none!important}.work-orders-table tbody tr:nth-child(2n){background-color:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.work-orders-table tr{page-break-inside:avoid}.col-part{max-width:none!important;min-width:200px;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.col-customer,.col-part,.col-serial{width:auto!important}.col-customer{display:table-cell!important}.col-date,.col-qty,.col-report,.col-reported{width:auto!important}.report-qty-input{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;border:2px solid #333!important;color:#0000!important;display:block!important;font-size:0!important;height:25px!important;margin:0 auto!important;padding:0!important;width:45px!important}.report-qty-input::-webkit-inner-spin-button,.report-qty-input::-webkit-outer-spin-button{-webkit-appearance:none!important;display:none!important}.work-order-row.selected{background-color:initial!important;border-left:none!important}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--bg-header);box-shadow:var(--shadow-md);color:var(--text-inverse);padding:1rem 1.5rem;position:relative;z-index:10}.app-main{animation:fadeIn var(--transition-slow) ease;flex:1 1;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.app-footer{background-color:var(--color-primary-900);color:var(--color-neutral-400);font-size:var(--text-sm);letter-spacing:.02em;margin-top:auto;padding:.75rem 1rem;text-align:center}.app-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.app-header-text{text-align:left}.app-header-text h1{font-family:var(--font-heading);font-size:1.5rem;font-weight:var(--font-bold);letter-spacing:-.03em;margin:0}.app-header-text p{font-size:var(--text-sm);margin:.25rem 0 0;opacity:.7}.header-actions{gap:var(--space-3)}.header-actions,.header-nav{align-items:center;display:flex}.header-nav,.nav-link{gap:var(--space-2)}.nav-link{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:8px 16px;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover{background:#ffffff2e;border-color:#ffffff40;transform:translateY(-1px)}.nav-link.active{background:var(--color-accent-600);border-color:var(--color-accent-500)}.nav-link.active:hover{background:var(--color-accent-700)}.sign-out-button{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:var(--radius-md);color:var(--color-neutral-300);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 14px;transition:all var(--transition-fast);white-space:nowrap}.sign-out-button:hover{background:#ffffff1a;border-color:#ffffff40;color:var(--text-inverse)}.stock-take-mode-button{align-items:center;background-color:var(--color-accent-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast);white-space:nowrap}.stock-take-mode-button:hover{background-color:var(--color-accent-700);transform:translateY(-1px)}.stock-take-mode-button.active{background-color:var(--color-danger-600)}.stock-take-mode-button.active:hover{background-color:var(--color-danger-700)}.report-production-mode-button{align-items:center;background-color:var(--color-primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast);white-space:nowrap}.report-production-mode-button:hover{background-color:var(--color-primary-600);transform:translateY(-1px)}.report-production-mode-button.active{background-color:var(--color-danger-600)}.report-production-mode-button.active:hover{background-color:var(--color-danger-700)}@supports (-webkit-touch-callout:none){.back-button,.cancel-delete-button,.clear-filters-button,.confirm-delete-button,.delete-order-button,.scan-button,.scanner-toggle,.toggle-view-button,.view-order-button,button{min-height:44px;padding-bottom:10px;padding-top:10px}.barcode-input,.customer-select,.search-input{font-size:16px;min-height:44px}.app-header{padding-top:env(safe-area-inset-top,1rem)}.app-footer{padding-bottom:env(safe-area-inset-bottom,.75rem)}.app-main{padding-left:env(safe-area-inset-left,1.5rem);padding-right:env(safe-area-inset-right,1.5rem)}body,html{overscroll-behavior-y:none}button:active{opacity:.7}.back-button,.order-row,.toggle-view-button{touch-action:manipulation}}@media screen and (min-width:1201px){.app-main{padding:2rem}}@media screen and (max-width:1200px) and (min-width:992px){.app-main{max-width:960px}}@media screen and (max-width:991px) and (min-width:769px){.app-main{max-width:90%;padding:1.5rem}}@media screen and (max-width:820px) and (min-width:768px){.app-header h1{font-size:1.8rem}.app-main{padding:1.25rem}}@media screen and (max-width:767px){.app-header h1{font-size:1.5rem}.app-header p{font-size:var(--text-sm)}.app-main{padding:1rem}.app-header-content{flex-direction:column;gap:12px}.app-header-text{text-align:center}.header-actions{gap:var(--space-2)}.header-actions,.header-nav{flex-wrap:wrap;justify-content:center}.report-production-mode-button,.stock-take-mode-button{justify-content:center;max-width:200px;width:100%}}@media screen and (max-width:480px){.app-header h1{font-size:1.3rem}.app-main{padding:.75rem}.nav-link{font-size:var(--text-xs);padding:6px 12px}}@media screen and (max-height:480px) and (orientation:landscape){.app-header{padding:.5rem}.app-header h1{font-size:1.2rem}.app-header p{font-size:.8rem}.app-footer,.app-main{padding:.5rem}.app-footer{font-size:.8rem}}
/*# sourceMappingURL=main.0882abee.css.map*/