.settings-modal{min-width:600px;max-height:80vh;overflow-y:auto}.settings-modal h1{margin-bottom:24px;font-size:1.8rem}.settings-section{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border-color)}.settings-section:last-of-type{border-bottom:none}.settings-section h2{font-size:1.3rem;margin-bottom:16px;color:var(--text-primary)}.theme-groups{display:grid;gap:20px}.theme-group{background-color:var(--bg-primary);border:1px solid var(--border-color);padding:16px;border-radius:8px}.theme-group h3{margin-bottom:12px;font-size:1rem;color:var(--text-secondary)}.theme-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-btn{padding:12px;border:2px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all var(--animation-speed);font-size:.9rem;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px}.theme-btn:hover{border-color:var(--accent);background-color:var(--accent-light)}.theme-btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.language-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.lang-btn{padding:12px;border:2px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all var(--animation-speed);font-weight:600;min-height:48px}.lang-btn:hover{border-color:var(--accent);background-color:var(--accent-light)}.lang-btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.speed-label{font-size:1rem;margin-bottom:12px;color:var(--text-secondary)}.speed-slider{width:100%;margin-bottom:16px}.speed-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.preset-btn{padding:10px;border:2px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all var(--animation-speed);font-weight:500;min-height:44px}.preset-btn:hover{border-color:var(--accent);background-color:var(--accent-light)}.preset-btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.close-settings-btn{width:100%;margin-top:24px;padding:14px;background-color:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--animation-speed);min-height:48px}.close-settings-btn:hover{opacity:.9;box-shadow:var(--shadow)}@media (max-width: 768px){.settings-modal{min-width:auto;width:95vw;max-height:90vh}.theme-buttons{grid-template-columns:1fr}.speed-presets{grid-template-columns:repeat(3,1fr)}.language-buttons{grid-template-columns:1fr}}@media (max-width: 480px){.settings-modal{padding:16px}.settings-modal h1{font-size:1.4rem}.settings-section h2{font-size:1.1rem}.speed-presets{grid-template-columns:repeat(2,1fr)}.theme-group h3{font-size:.9rem}}.debug-section{border-top:1px solid var(--border-color);border-bottom:none!important;margin-top:16px;margin-bottom:0;padding-top:12px;padding-bottom:0}.debug-toggle{display:flex;align-items:center}.debug-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:var(--text-secondary)}.debug-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent)}.debug-label{-webkit-user-select:none;user-select:none}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;border-left:4px solid}.toast.toast-success{border-left-color:#4caf50}.toast.toast-error{border-left-color:#f44336}.toast.toast-warning{border-left-color:#ff9800}.toast.toast-info{border-left-color:#2196f3}.toast-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.toast-message{flex:1;font-size:14px;color:#333;word-break:break-word}.toast-close{flex-shrink:0;background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close:hover{color:#333}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@media (max-width: 600px){.toast-container{bottom:10px;right:10px;max-width:calc(100vw - 20px)}.toast{padding:12px;font-size:12px}}.debug-keyboard{position:fixed;right:20px;top:100px;width:400px;max-height:600px;background:#1a1a1a;border:2px solid #00ff00;border-radius:8px;padding:16px;font-family:Courier New,monospace;font-size:12px;color:#0f0;z-index:9998;box-shadow:0 0 20px #00ff004d;overflow:hidden;display:flex;flex-direction:column}.debug-header{border-bottom:2px solid #00ff00;padding-bottom:8px;margin-bottom:12px}.debug-header h3{margin:0 0 4px;font-size:14px;font-weight:700}.debug-hint{margin:0;font-size:11px;opacity:.7}.debug-section{margin-bottom:12px;flex:1;display:flex;flex-direction:column;min-height:0}.debug-section h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.debug-live-input{background:#00ff001a;border:1px solid rgba(0,255,0,.3);padding:8px;border-radius:4px;word-break:break-all;word-wrap:break-word;min-height:40px;max-height:80px;overflow-y:auto;font-weight:700}.debug-buffer{flex:1;overflow-y:auto;border:1px solid rgba(0,255,0,.3);border-radius:4px;background:#00ff000d;min-height:0}.debug-empty{padding:20px;text-align:center;opacity:.5}.debug-table{width:100%;border-collapse:collapse;font-size:11px}.debug-table thead{position:sticky;top:0;background:#1a1a1a;border-bottom:1px solid rgba(0,255,0,.5)}.debug-table th{padding:6px 4px;text-align:left;font-weight:700;opacity:.8;border-right:1px solid rgba(0,255,0,.2)}.debug-table th:last-child{border-right:none}.debug-table td{padding:4px;border-bottom:1px solid rgba(0,255,0,.1);border-right:1px solid rgba(0,255,0,.1)}.debug-table td:last-child{border-right:none}.debug-table tbody tr:hover{background:#00ff001a}.debug-time{width:70px;opacity:.6;flex-shrink:0}.debug-key{width:120px;font-weight:700;color:#0f0;flex-shrink:0}.debug-code{flex:1;opacity:.7;word-break:break-all}.debug-live-input::-webkit-scrollbar,.debug-buffer::-webkit-scrollbar{width:6px}.debug-live-input::-webkit-scrollbar-track,.debug-buffer::-webkit-scrollbar-track{background:#00ff001a}.debug-live-input::-webkit-scrollbar-thumb,.debug-buffer::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:3px}.debug-live-input::-webkit-scrollbar-thumb:hover,.debug-buffer::-webkit-scrollbar-thumb:hover{background:#00ff0080}@media (max-width: 1024px){.debug-keyboard{width:300px;right:10px;top:80px;max-height:400px}.debug-table{font-size:10px}.debug-time{width:60px}.debug-key{width:80px}}@media (max-width: 600px){.debug-keyboard{width:calc(100vw - 20px);right:10px;top:auto;bottom:80px;max-height:250px}}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color);padding:0 24px;display:flex;align-items:center;gap:32px;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.navbar-brand{flex-shrink:0}.brand-logo{font-size:1.5rem;font-weight:700;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:8px;padding:16px 0;min-height:60px}.brand-logo:hover{text-decoration:none}.nav-menu{display:flex;list-style:none;gap:8px;flex:1}.nav-link{color:var(--text-primary);text-decoration:none;padding:12px 16px;border-radius:8px;transition:all var(--animation-speed);font-weight:500;display:inline-block;min-height:48px;display:flex;align-items:center;gap:8px}.nav-link:hover{background-color:var(--accent-light);color:var(--accent);text-decoration:none}.nav-link.active{background-color:var(--accent);color:#fff}.settings-btn{flex-shrink:0;background-color:var(--accent);color:#fff;padding:12px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all var(--animation-speed);min-height:48px;display:flex;align-items:center;gap:8px}.settings-btn:hover{opacity:.9;box-shadow:var(--shadow)}.main-content{flex:1;background-color:var(--bg-primary);padding:24px;overflow-y:auto}@media (max-width: 1024px){.navbar{gap:16px;padding:0 16px}.nav-menu{gap:4px}.nav-link{padding:10px 12px;font-size:.9rem}}@media (max-width: 768px){.navbar{flex-direction:column;gap:8px;padding:12px}.navbar-brand{width:100%}.brand-logo{font-size:1.2rem;padding:12px 0;justify-content:center}.nav-menu{width:100%;flex-wrap:wrap;gap:8px;justify-content:center}.nav-link{flex:0 1 calc(50% - 4px);justify-content:center;padding:12px 8px;font-size:.85rem}.settings-btn{width:100%;justify-content:center}.main-content{padding:16px}}@media (max-width: 480px){.navbar{padding:8px}.nav-link{flex:0 1 calc(50% - 4px);font-size:.75rem;padding:10px 4px;gap:4px}.brand-logo{font-size:1rem;gap:4px}.settings-btn{padding:12px 8px;font-size:.85rem}.main-content{padding:8px}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px;text-align:center}.login-box h1{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.dashboard-page{animation:slideIn .3s ease-out}.dashboard-page h1{font-size:2.5rem;margin-bottom:8px;color:var(--text-primary)}.welcome-message{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.stats-section{margin-bottom:48px}.stats-section h2{font-size:1.5rem;margin-bottom:24px;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:var(--shadow);transition:all var(--animation-speed);display:flex;flex-direction:column;gap:16px}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:var(--accent)}.stat-card h3{font-size:1rem;color:var(--text-secondary);font-weight:500}.stat-card.warning h3{color:var(--warning)}.stat-value{font-size:3rem;font-weight:700;color:var(--accent)}.stat-card.warning .stat-value{color:var(--warning)}.stat-card button{align-self:flex-start}.work-station-section{margin-bottom:48px}.work-station-section h2{font-size:1.5rem;margin-bottom:24px;color:var(--text-primary)}.station-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.station-card{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:28px;box-shadow:var(--shadow);transition:all var(--animation-speed);display:flex;flex-direction:column;gap:16px;min-height:200px}.station-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 24px #00000026}.station-card h3{font-size:1.3rem;color:var(--text-primary);font-weight:600}.station-card p{color:var(--text-secondary);flex:1;font-size:.95rem;line-height:1.5}.station-card button{align-self:flex-start;margin-top:auto}.quick-actions-section{margin-bottom:48px}.quick-actions-section h2{font-size:1.5rem;margin-bottom:24px;color:var(--text-primary)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action{background-color:var(--accent);color:#fff;padding:20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:1rem;transition:all var(--animation-speed);min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.quick-action:hover{opacity:.9;box-shadow:var(--shadow);transform:translateY(-2px)}@media (max-width: 768px){.dashboard-page h1{font-size:1.8rem}.welcome-message{font-size:1rem}.stats-grid,.station-grid,.quick-actions-grid{grid-template-columns:1fr}.stat-value{font-size:2.5rem}.station-card{min-height:auto}}@media (max-width: 480px){.dashboard-page h1{font-size:1.5rem}.stats-section h2,.work-station-section h2,.quick-actions-section h2{font-size:1.2rem}.stat-card,.station-card{padding:16px}.stat-value{font-size:2rem}}.kit-assembly-page{animation:slideIn .3s ease-out}.kit-assembly-page h1{font-size:2.5rem;margin-bottom:24px;color:var(--text-primary)}.kit-selection h2{font-size:1.5rem;margin-bottom:24px}.kits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.kit-card{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:16px;text-align:center;transition:all var(--animation-speed);cursor:pointer;display:flex;flex-direction:column;gap:12px}.kit-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 16px #00000026}.kit-image{width:100%;height:200px;object-fit:cover;border-radius:8px}.kit-card h3{font-size:1.2rem;color:var(--text-primary)}.kit-card p{color:var(--text-secondary);font-size:.9rem;flex:1}.item-count{font-weight:600;color:var(--accent)!important}.assembly-interface{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:24px}.assembly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.assembly-header h2{font-size:1.8rem;color:var(--text-primary)}.two-column-layout{display:grid;grid-template-columns:320px 1fr;gap:24px}.info-section{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.info-section h3{margin:0 0 16px;color:var(--text-primary);font-size:1.1rem}.kit-image-container{width:100%}.kit-image-large{width:100%;height:280px;object-fit:cover;border-radius:12px;border:2px solid var(--border-color)}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-field label{font-weight:600;color:var(--text-primary);font-size:.95rem}.form-field input{padding:12px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:border-color var(--animation-speed)}.form-field input:focus{outline:none;border-color:var(--accent)}.info-section>button{width:100%;margin-top:8px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.item-thumbnail{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:12px;cursor:pointer;transition:all var(--animation-speed);display:flex;flex-direction:column;gap:8px;overflow:hidden}.item-thumbnail:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 12px #00000026}.thumbnail-image{width:100%;height:120px;object-fit:cover;border-radius:6px;transition:transform var(--animation-speed)}.item-thumbnail:hover .thumbnail-image{transform:scale(1.05)}.item-label{font-weight:600;color:var(--text-primary);font-size:.9rem;margin:0}.item-sku{color:var(--text-secondary);font-size:.8rem;margin:0}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.zoom-modal{background-color:var(--bg-primary);border-radius:12px;padding:24px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease-out}.zoomed-image{max-width:90vw;max-height:60vh;object-fit:contain;border-radius:8px}.zoom-info{text-align:center}.zoom-info h3{margin:0 0 8px;color:var(--text-primary)}.zoom-info p{margin:0;color:var(--text-secondary);font-size:.9rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.two-column-layout{grid-template-columns:1fr}.kit-image-large{height:250px}}@media (max-width: 768px){.kits-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.assembly-header{flex-direction:column;align-items:flex-start}.items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.kit-image-large{height:200px}}@media (max-width: 480px){.kit-assembly-page h1{font-size:1.8rem}.assembly-interface,.info-section{padding:16px}.two-column-layout{gap:16px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.zoom-modal{padding:16px;max-width:95vw}}.warehouse-page{animation:slideIn .3s ease-out}.warehouse-page h1{font-size:2.5rem;margin-bottom:24px;color:var(--text-primary)}.search-filter-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.filter-options{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;background-color:var(--bg-secondary);border-radius:6px;border:2px solid var(--border-color);transition:all var(--animation-speed)}.checkbox-label:hover{border-color:var(--accent);background-color:var(--accent-light)}.checkbox-label input{width:18px;height:18px;cursor:pointer}.inventory-container{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow)}.inventory-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:120px 1fr 150px 200px 180px;gap:16px;padding:16px;background-color:var(--bg-primary);border-bottom:2px solid var(--border-color);font-weight:600;color:var(--text-secondary);position:sticky;top:0}.col-sku{grid-column:1}.col-name{grid-column:2}.col-quantity{grid-column:3}.col-location{grid-column:4}.col-actions{grid-column:5;text-align:right}.table-row{display:grid;grid-template-columns:120px 1fr 150px 200px 180px;gap:16px;padding:16px;border-bottom:1px solid var(--border-color);align-items:center;transition:all var(--animation-speed);cursor:pointer}.table-row:hover{background-color:var(--accent-light);border-left:4px solid var(--accent);padding-left:12px}.table-row.low-stock{background-color:#ffaa000d}.table-row.selected{background-color:var(--accent-light);border:2px solid var(--accent)}.quantity-display{display:flex;align-items:center;gap:8px}.qty-value{font-weight:600;color:var(--accent);font-size:1.1rem}.low-stock-badge{background-color:var(--error);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700}.location-tag{background-color:var(--bg-secondary);padding:6px 12px;border-radius:6px;font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.adjustment-controls{display:flex;gap:8px;align-items:center}.adjustment-controls button{padding:6px 10px;min-height:auto;font-size:.85rem}.adjustment-value{display:inline-block;min-width:50px;text-align:center;font-weight:600;color:var(--accent)}.item-details-panel{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:var(--shadow);animation:slideIn .3s ease-out}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.panel-header h2{font-size:1.5rem;color:var(--text-primary)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.detail-item{background-color:var(--bg-primary);padding:16px;border-radius:8px;border:1px solid var(--border-color)}.detail-item label{display:block;font-size:.85rem;color:var(--text-secondary);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-item p{font-size:1.1rem;color:var(--text-primary);margin:0;word-break:break-word}.detail-item .quantity-value{color:var(--accent);font-weight:700;font-size:1.4rem}.detail-item .badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:600}.badge.success{background-color:#0a03;color:var(--success)}.panel-actions{background-color:var(--bg-primary);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.panel-actions h3{margin-bottom:16px;color:var(--text-primary)}.adjustment-section{margin-bottom:24px}.adjustment-section label{display:block;margin-bottom:12px;font-weight:600;color:var(--text-primary)}.adjustment-input{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.adjustment-input button{padding:10px 12px;min-height:44px;font-weight:600;flex:0 0 auto}.qty-input{min-height:44px;width:80px;text-align:center;font-size:1rem;font-weight:600;padding:8px}.panel-actions button{width:100%;margin-bottom:8px}@media (max-width: 1200px){.table-header,.table-row{grid-template-columns:100px 1fr 120px 150px 120px}.table-header{font-size:.9rem}.table-row{font-size:.9rem;padding:12px}.qty-input{width:60px}.adjustment-input button{padding:8px 10px;min-height:40px;font-size:.85rem}}@media (max-width: 768px){.search-filter-section{flex-direction:column}.search-box{flex:1 1 100%}.table-header,.table-row{grid-template-columns:80px 1fr 100px 100px}.col-location{display:none}.adjustment-section{margin-bottom:16px}.adjustment-input{gap:4px}.adjustment-input button{padding:6px 8px;font-size:.75rem;min-width:auto}.qty-input{width:50px;font-size:.85rem;padding:4px}.location-tag{font-size:.8rem}.details-grid{grid-template-columns:1fr;gap:12px}.item-details-panel{padding:16px}}@media (max-width: 480px){.warehouse-page h1{font-size:1.8rem}.table-header,.table-row{grid-template-columns:60px 1fr 80px;gap:8px;padding:8px}.col-location,.col-quantity{display:none}.adjustment-controls{flex-direction:column;gap:4px;width:100%}.adjustment-controls button{padding:4px 8px;font-size:.75rem;flex:1}.qty-input{width:100%;font-size:.8rem}.adjustment-input{flex-direction:column}.adjustment-input button{width:100%}}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.image-modal-content{background-color:var(--bg-primary, #1a1a1a);border-radius:12px;padding:24px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;box-shadow:0 20px 60px #0009;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background-color:#ffffff1a;color:var(--text-primary, #fff);font-size:20px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:1}.modal-close:hover{background-color:#fff3}.modal-image{max-width:100%;max-height:calc(90vh - 100px);object-fit:contain;border-radius:8px}.modal-caption{color:var(--text-secondary, #ccc);font-size:14px;margin:0;text-align:center}.order-items-empty{padding:24px;text-align:center;color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.order-items-list{display:flex;flex-direction:column;gap:24px}.order-items-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.section-header h3{margin:0;font-size:16px;color:var(--text-primary)}.qty-badge{background-color:var(--primary-color, #0066cc);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.item-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.item-card:hover{border-color:var(--primary-color, #0066cc);box-shadow:0 4px 12px #0066cc26;transform:translateY(-2px)}.item-image-wrapper{width:100%;height:120px;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.item-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.item-card:hover .item-image{transform:scale(1.05)}.item-info{padding:12px;flex:1;display:flex;flex-direction:column;gap:8px}.item-info h4{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.item-detail{margin:0;font-size:11px;color:var(--text-secondary);display:flex;gap:4px}.item-detail .label{font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.item-image-wrapper{height:100px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.qty-badge{align-self:flex-start}}.all-orders-page{animation:slideIn .3s ease-out}.all-orders-page h1{font-size:2.5rem;margin-bottom:24px;color:var(--text-primary)}.search-filters-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:flex-end}.search-box{flex:1;min-width:250px}.search-box input{width:100%;min-height:48px}.filters{display:flex;gap:12px;flex-wrap:wrap}.filters select{min-height:48px;min-width:180px}.orders-table-container{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:24px}.orders-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:120px 1fr 150px 120px 150px;gap:16px;padding:16px;background-color:var(--bg-primary);border-bottom:2px solid var(--border-color);font-weight:600;color:var(--text-secondary);position:sticky;top:0;z-index:10}.col-id{grid-column:1}.col-customer{grid-column:2}.col-status{grid-column:3}.col-priority{grid-column:4}.col-date{grid-column:5}.col-actions{display:none}.table-row{display:grid;grid-template-columns:120px 1fr 150px 120px 150px;gap:16px;padding:16px;border-bottom:1px solid var(--border-color);align-items:center;transition:all var(--animation-speed)}.table-row:hover,.table-row.highlighted{background-color:var(--accent-light);border-left:4px solid var(--accent);padding-left:12px}.badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.empty-state{padding:48px 16px;text-align:center;color:var(--text-secondary);font-size:1.1rem}.order-detail-page{animation:slideIn .3s ease-out}.detail-header{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:32px}.header-left{display:flex;gap:16px;align-items:center}.detail-header h1{font-size:2.5rem;color:var(--text-primary);margin:0}.header-actions{display:flex;gap:12px;align-items:center}.header-actions button{min-height:48px;padding:0 20px;white-space:nowrap;font-size:.95rem}.header-actions .primary{padding:0 32px;font-weight:600;font-size:1rem}.detail-container{display:flex;flex-direction:column;gap:24px}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.left-column,.right-column{display:flex;flex-direction:column;gap:24px}.large-kit-image{width:100%;height:400px;object-fit:cover;border-radius:12px;border:2px solid var(--border-color)}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all var(--animation-speed)}.item-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000001a}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.item-header h3{margin:0;color:var(--text-primary);font-size:1rem}.item-qty{background-color:var(--bg-secondary);color:var(--accent);padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.item-description{color:var(--text-secondary);font-size:.9rem;margin:0}.details-table{display:flex;flex-direction:column;gap:12px}.detail-row{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px;background-color:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);align-items:start}.detail-label{font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-primary);word-break:break-word}.status-priority-group{display:flex;flex-direction:column;gap:12px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-weight:600;color:var(--text-primary);font-size:.9rem}.form-field select,.form-field input{min-height:44px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem}.shipping-form{display:flex;flex-direction:column;gap:12px}.info-section iframe{border-radius:12px;border:2px solid var(--border-color)}.shipping-label-container{display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px;padding:16px;min-height:300px}.shipping-label{max-width:100%;height:auto;max-height:600px;border:1px solid var(--border-color);border-radius:4px}.info-section{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.info-section h2{margin-bottom:20px;color:var(--text-primary);font-size:1.3rem}.reship-list{display:flex;flex-direction:column;gap:12px}.reship-item{background-color:var(--bg-primary);padding:12px;border-radius:6px;border-left:4px solid var(--accent)}.reship-item a{font-weight:600;text-decoration:none}.reship-item a:hover{text-decoration:underline}@media (max-width: 1200px){.table-header,.table-row{grid-template-columns:100px 1fr 120px 100px 120px;font-size:.9rem;gap:12px}.filters select{min-width:150px}}@media (max-width: 1024px){.two-column-layout{grid-template-columns:1fr}.large-kit-image{height:300px}}@media (max-width: 768px){.all-orders-page h1{font-size:1.8rem}.search-filters-section{flex-direction:column}.search-box{flex:1 1 100%}.filters{width:100%;flex-direction:column}.filters select{width:100%;min-width:auto}.table-header,.table-row{grid-template-columns:80px 1fr 100px 80px 100px}.col-date{display:none}.two-column-layout{grid-template-columns:1fr}.large-kit-image{height:250px}.detail-row{grid-template-columns:100px 1fr;gap:12px}.detail-header{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}.header-left{width:100%}.detail-header h1{font-size:1.8rem}.header-actions{width:100%;flex-wrap:wrap}.header-actions button{flex:1;min-width:100px}.header-actions .primary{flex:1 100%}}@media (max-width: 480px){.all-orders-page h1{font-size:1.5rem}.table-header,.table-row{grid-template-columns:70px 1fr 80px;gap:8px;padding:8px}.col-priority,.col-date{display:none}.search-box input{font-size:16px}.detail-header h1{font-size:1.3rem}}@media print{body{background:#fff}.order-detail-page>*{display:none}.order-detail-page .detail-container{display:block}.order-detail-page .two-column-layout{display:none}.order-detail-page .shipping-label-container{display:flex;margin:0;border:none;padding:0;min-height:auto}.shipping-label{max-width:8.5in;max-height:11in}}.production-page{padding:2rem;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.production-container{max-width:1200px;width:100%;text-align:center}.production-page h1{font-size:3rem;margin-bottom:.5rem;color:#1a1a1a;font-weight:700}.production-page .subtitle{font-size:1.3rem;color:#333;margin-bottom:.25rem;font-weight:600}.production-page .subtitle-en{font-size:.9rem;color:#999;margin-bottom:3rem;font-weight:400}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.mode-card{background:#fff;border:3px solid transparent;border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;align-items:center;gap:1rem;font-family:inherit}.mode-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.mode-card:active{transform:translateY(-4px)}.mode-icon-container{width:150px;height:120px;display:flex;align-items:center;justify-content:center}.mode-icon{width:100%;height:100%}.mode-card h2{font-size:1.8rem;margin:0 0 .25rem;color:#1a1a1a;font-weight:700}.mode-description-es{font-size:1.1rem;font-weight:600;color:#333;margin:0;letter-spacing:.5px}.mode-description-en{font-size:.85rem;font-weight:500;color:#999;margin:.2rem 0 .5rem;letter-spacing:.3px}.mode-detail{font-size:.95rem;color:#666;margin:0;font-weight:400}@media (max-width: 768px){.production-page h1{font-size:2rem}.production-page .subtitle{font-size:1rem}.modes-grid{grid-template-columns:1fr;gap:1rem}.mode-card{padding:1.5rem}}.production-mode-banner{width:100%;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #00000026;margin-bottom:2rem;border-radius:8px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.banner-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2rem}.mode-display{flex:1}.mode-label{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.mode-label-en{margin-left:.5rem;font-size:.9rem;font-weight:400;opacity:.7}.mode-desc{margin:.3rem 0 0;font-size:.95rem;font-weight:600;opacity:.95}.mode-desc-en{margin:.15rem 0 0;font-size:.8rem;font-weight:400;opacity:.7}.change-mode-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #00000026}.change-mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.change-mode-btn:active{transform:translateY(0)}@media (max-width: 768px){.production-mode-banner{padding:.75rem 1rem;flex-direction:column;gap:1rem}.banner-content{flex-direction:column;width:100%}.mode-label{font-size:1.2rem}.mode-desc{font-size:.85rem}.change-mode-btn{width:100%;padding:.6rem 1rem}}.invoice-preview{width:100%;max-width:680px;margin:0 auto 2rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #00000014}.invoice-preview--compact{max-width:100%;padding:1rem;margin:0 auto 1rem;border-radius:4px}.invoice-header{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.invoice-qr{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:300px;min-height:300px;background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:.5rem}.invoice-preview--compact .invoice-qr{min-width:180px;min-height:180px;padding:.25rem}.invoice-qr svg{width:100%;height:100%;max-width:300px;max-height:300px}.invoice-meta{flex:1;display:flex;flex-direction:column;gap:.75rem}.invoice-order-id{font-size:1.6rem;font-weight:700;margin:0;color:#1a1a1a;word-break:break-all}.invoice-date{font-size:.85rem;color:#666;margin:0;text-transform:uppercase;letter-spacing:.5px}.invoice-mode-label{font-size:.75rem;color:#999;margin:.5rem 0 0;font-weight:600;text-transform:uppercase}.invoice-section{margin-bottom:1.5rem;padding:1rem;background:#fafafa;border-radius:4px}.invoice-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#666;letter-spacing:.5px;margin-bottom:.75rem;display:block}.invoice-value{font-size:.95rem;margin:0;color:#1a1a1a;font-weight:500}.invoice-customer{background:#f5f5f5}.invoice-address{font-size:.8rem;color:#777;margin:.5rem 0 0;line-height:1.4}.invoice-items{background:#f5f5f5;padding:0;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.invoice-items .invoice-label{padding:1rem 1rem .5rem;border-bottom:none;margin-bottom:0;background:#fff}.invoice-items-table{width:100%;border-collapse:collapse;background:#fff}.invoice-items-table thead{background:#f0f0f0;border-bottom:2px solid #e0e0e0}.invoice-items-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px}.invoice-items-table td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;font-size:.9rem;color:#333}.invoice-items-table td.qty{text-align:center;font-weight:600}.invoice-items-table tr:last-child td{border-bottom:none}.invoice-items-table .empty{text-align:center;color:#999;font-style:italic;padding:1.5rem 1rem}.invoice-shipping{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#f5f5f5;padding:1rem}.shipping-detail{display:flex;flex-direction:column;gap:.25rem}.shipping-label{font-size:.7rem;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px}.shipping-value{font-size:.9rem;font-weight:500;color:#1a1a1a}@media print{.invoice-preview{max-width:100%;border:none;box-shadow:none;padding:0;margin:0;page-break-inside:avoid;background:#fff}.invoice-preview--compact{padding:0;margin:0}.invoice-header{border-bottom:2px solid #000;margin-bottom:1.5rem;padding-bottom:1rem}.invoice-qr{min-width:300px;min-height:300px;border:1px solid #000;padding:0}.invoice-qr svg{width:300px!important;height:300px!important}.invoice-order-id{font-size:1.4rem}.invoice-section{page-break-inside:avoid;background:#fff;border:1px solid #000}.invoice-items-table thead{background:#fff;border:1px solid #000}.invoice-items-table th{border-bottom:1px solid #000}.invoice-items-table td{border-color:#e0e0e0}}.production-single-page{padding:0;min-height:100vh;background:#f5f7fa}.loading-state,.error-state,.no-orders-state{padding:3rem 2rem;text-align:center;font-size:1.1rem;color:#666}.single-container{max-width:1600px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.station-btn{width:100%;padding:1rem;background:#f9f9f9;border:2px solid #ddd;border-radius:8px;cursor:default;display:flex;align-items:center;gap:1rem;font-family:inherit;text-align:left}.station-name-primary{margin:0;font-size:1rem;font-weight:700;color:#1a1a1a}.station-name-secondary{font-size:.85rem;color:#999;margin-left:.5rem}.station-workspace{display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.station-queue-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;max-height:600px;overflow-y:auto}.station-queue-panel h3{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#1a1a1a;display:flex;justify-content:space-between;align-items:center}.queue-count{background:#4a90e2;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700}.queue-list{display:flex;flex-direction:column;gap:.75rem}.queue-empty{padding:1rem;text-align:center;color:#999;font-size:.9rem}.queue-item{padding:.75rem;background:#f9f9f9;border:2px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;font-size:.95rem}.queue-item-id{font-weight:700;margin-bottom:.25rem}.queue-item-details{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#666}.queue-item.selected .queue-item-details{color:#ffffffe6}.customer{flex:1}.priority{font-weight:600}.priority-low{color:#1976d2}.priority-medium{color:#f57c00}.priority-high,.priority-urgent{color:#d32f2f}.station-workspace-panel{display:flex;flex-direction:column}.workspace-header{background:#fff;padding:1.5rem;border-radius:12px 12px 0 0;border-bottom:3px solid #4A90E2;box-shadow:0 2px 8px #00000014}.workspace-header h2{margin:0 0 .5rem;font-size:1.4rem;color:#1a1a1a}.workspace-subtitle{margin:0;font-size:.95rem;color:#666}.workspace-empty{background:#fff;border-radius:0 0 12px 12px;padding:3rem 2rem;text-align:center;color:#999;font-size:1rem}.action-header-sticky{position:sticky;top:0;z-index:100;background:#fff;padding:1rem 1.5rem;border-bottom:2px solid #ddd;display:flex;gap:1rem;flex-wrap:wrap;box-shadow:0 2px 12px #0000001a}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn--primary{color:#fff;font-size:1.05rem;padding:.9rem 2rem;box-shadow:0 4px 12px #00000026}.action-btn--secondary{color:#333;background:#f5f5f5;border:1px solid #ddd}.action-btn--completed{color:#fff}.order-workspace{background:#fff;padding:2rem;display:flex;flex-direction:column;gap:2rem}.single-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-bottom:1px solid #eee;padding-bottom:2rem}.single-invoice-section,.single-label-section{background:#f9f9f9;padding:1.5rem;border-radius:8px;border:1px solid #eee}.single-order-details{border-bottom:1px solid #eee;padding-bottom:2rem}.single-order-details h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a;font-weight:700}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.detail{display:flex;flex-direction:column}.detail .label{font-size:.85rem;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.detail .value{font-size:1rem;color:#1a1a1a;font-weight:600}.single-maps-section{border-bottom:1px solid #eee;padding-bottom:2rem}.single-maps-section h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a;font-weight:700}.maps-container{border-radius:8px;overflow:hidden}.kit-section{border-bottom:1px solid #eee;padding-bottom:2rem}.kit-section h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a;font-weight:700}.kit-container{display:flex;flex-direction:column;gap:1.5rem}.kit-full{background:#f9f9f9;padding:1rem;border-radius:8px;border:1px solid #eee}.kit-image-wrapper{cursor:pointer;transition:transform .2s}.kit-image-wrapper:hover{transform:scale(1.02)}.kit-full-image{width:100%;height:auto;border-radius:4px}.kit-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kit-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee;cursor:pointer;transition:all .2s}.kit-item:hover{background:#e8ecf1;transform:translateY(-2px)}.kit-item-image{width:80px;height:80px;object-fit:cover;border-radius:4px}.kit-item-label{font-size:.9rem;font-weight:600;color:#1a1a1a;text-align:center}.single-product-section{border-bottom:1px solid #eee;padding-bottom:2rem}.single-product-section h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a;font-weight:700}.product-image-container{background:#f9f9f9;padding:1rem;border-radius:8px;border:1px solid #eee}.product-image-large{width:100%;height:auto;border-radius:4px}.single-items-section h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a;font-weight:700}.items-verification-list{display:flex;flex-direction:column;gap:.75rem}.verification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:6px;border:1px solid #eee}.item-number{flex-shrink:0;width:32px;height:32px;background:#4a90e2;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.9rem}.item-info{flex:1;min-width:0}.item-name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1a1a1a}.item-sku{margin:0;font-size:.85rem;color:#999}.item-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}.no-items{padding:1rem;text-align:center;color:#999;font-size:.9rem}@media (max-width: 1200px){.station-workspace{grid-template-columns:1fr}.single-container{padding:1rem}.details-grid,.kit-items-grid{grid-template-columns:repeat(2,1fr)}.single-content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.action-header-sticky{flex-direction:column}.action-btn{width:100%}.details-grid{grid-template-columns:1fr}.kit-items-grid{grid-template-columns:repeat(2,1fr)}.maps-container{height:200px}.order-workspace{padding:1rem}}.print-action-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:1rem 2rem 1.5rem;pointer-events:none;background:linear-gradient(to top,rgba(245,247,250,.98) 60%,rgba(245,247,250,.85) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.print-action-bar__track{position:relative;display:flex;gap:12px;pointer-events:auto;transform:translate(calc(var(--next-btn-width, 120px) / 2 + 6px));transition:transform .35s cubic-bezier(.4,0,.2,1)}.print-action-bar--printed .print-action-bar__track{transform:translate(calc(-1 * (var(--print-btn-width, 140px) / 2 + 6px)))}.pab-btn{min-width:140px;padding:.9rem 2rem;font-size:1.05rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s,box-shadow .2s,transform .15s;white-space:nowrap;box-shadow:0 4px 16px #0000002e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pab-btn--print{color:#fff;flex-shrink:0}.pab-btn--print:hover:not(:active){transform:translateY(-2px);box-shadow:0 6px 20px #00000038}.pab-btn--print:active{transform:translateY(0);box-shadow:0 2px 10px #00000026}.pab-btn--next{background:#e0e0e0;color:#555;opacity:.55;cursor:not-allowed;pointer-events:none;flex-shrink:0}.pab-btn--next.pab-btn--next-ready{background:#1a1a1a;color:#fff;opacity:1;cursor:pointer;pointer-events:auto;box-shadow:0 4px 16px #00000040;transition:opacity .2s,box-shadow .2s,transform .15s,background .2s}.pab-btn--next.pab-btn--next-ready:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000047}.pab-btn--next.pab-btn--next-ready:active{transform:translateY(0);box-shadow:0 2px 10px #0000002e}@media print{.print-action-bar{display:none!important}}.production-double-page{padding:0;min-height:100vh;background:#f5f7fa}.double-container{max-width:1600px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.line-station{flex:1;min-width:200px}.station-workspace{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;align-items:start}.order-workspace{padding:1.5rem;padding-bottom:120px;display:flex;flex-direction:column;gap:1.2rem;flex:1;overflow-y:auto;padding-top:100px}.qc-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.qc-order-summary{display:flex;flex-direction:column;gap:1rem}.qc-fedex-label{display:flex;align-items:center;justify-content:center}.qc-maps-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0;border-bottom:1px solid #eee}.qc-maps-section h3{margin:0;font-size:.95rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.qc-product-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0;border-bottom:1px solid #eee}.qc-product-section h3{margin:0;font-size:.95rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.qc-items-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0}.qc-items-section h3{margin:0;font-size:.95rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}@media (max-width: 1200px){.station-workspace{grid-template-columns:1fr}.station-queue-panel{max-height:300px}.qc-content-grid{grid-template-columns:1fr}.action-header-sticky{flex-direction:column}.action-btn{width:100%}}@media (max-width: 768px){.double-container{padding:1rem;gap:1rem}.production-line-overview{padding:1rem}.line-stations{flex-direction:column}.station-btn{padding:.8rem}.order-workspace{padding:1rem;padding-top:80px}.order-header-large h1{font-size:1.2rem}.order-details-compact{grid-template-columns:1fr}.qc-content-grid{grid-template-columns:1fr;gap:1rem}.verification-item{grid-template-columns:40px 1fr;gap:.8rem}.item-thumbnail{display:none}.action-header-sticky{padding:.8rem 1rem;gap:.8rem}.action-btn{padding:.9rem 1rem;font-size:.9rem;min-width:120px}.action-btn--primary{flex:1}}.production-triple-page{padding:0;min-height:100vh;background:#f5f7fa}.loading-state,.error-state{padding:3rem 2rem;text-align:center;font-size:1.1rem;color:#666}.triple-container{max-width:1800px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.production-line-overview{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.production-line-overview h2{margin:0 0 1rem;font-size:1rem;color:#1a1a1a;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.line-stations{display:flex;gap:1rem;flex-wrap:wrap}.line-station{flex:1;min-width:150px}.station-btn{width:100%;padding:1rem;background:#f9f9f9;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:1rem;font-family:inherit;text-align:left}.station-btn:hover{background:#f0f8ff;border-color:#4a90e2}.station-btn.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.station-badge{width:32px;height:32px;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.station-btn.active .station-badge{background:#ffffff4d}.station-header{flex:1}.station-name-primary{margin:0;font-size:.95rem;font-weight:700;color:#1a1a1a}.station-btn.active .station-name-primary{color:#fff}.station-name-secondary{margin:.2rem 0 0;font-size:.7rem;color:#999;font-weight:400}.station-btn.active .station-name-secondary{color:#ffffffb3}.station-count{background:#ff6b6b;color:#fff;padding:.4rem .8rem;border-radius:20px;font-weight:600;font-size:.8rem;flex-shrink:0}.station-btn.active .station-count{background:#ffffff4d}.station-workspace{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.station-queue-panel{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #00000014;height:fit-content;max-height:70vh;display:flex;flex-direction:column}.station-queue-panel h3{margin:0 0 1rem;font-size:.9rem;color:#1a1a1a;font-weight:700;letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.queue-count{background:#e3f2fd;color:#1976d2;padding:.3rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.queue-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.queue-empty{text-align:center;padding:2rem 1rem;color:#999;font-size:.9rem}.queue-item{padding:.8rem;background:#f9f9f9;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit}.queue-item:hover{background:#f0f8ff;border-color:#4a90e2}.queue-item.selected{background:#4a90e2;border-color:#4a90e2;color:#fff}.queue-item-id{font-size:.85rem;font-weight:700;margin-bottom:.3rem}.queue-item-details{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem}.customer{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.priority{padding:.2rem .4rem;border-radius:3px;font-weight:600;font-size:.65rem;white-space:nowrap;flex-shrink:0}.priority-low{background:#e3f2fd;color:#1976d2}.priority-medium{background:#fff3e0;color:#f57c00}.priority-high{background:#ffebee;color:#d32f2f}.priority-urgent{background:#ffebee;color:#d32f2f;font-weight:700}.queue-item.selected .priority{background:#ffffff4d;color:#fff}.station-workspace-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;display:flex;flex-direction:column}.workspace-header{border-left:6px solid;padding:1.2rem;background:#f9f9f9;border-bottom:1px solid #eee}.workspace-header h2{margin:0 0 .3rem;font-size:1.1rem;font-weight:700;letter-spacing:.5px}.workspace-header h2 .station-name-secondary{margin-left:.5rem;font-size:.75rem;color:#999;font-weight:400}.workspace-subtitle{margin:0;font-size:.75rem;color:#666;font-weight:500;letter-spacing:.3px}.workspace-empty{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#999;font-size:.95rem;flex:1}.order-workspace{padding:1.5rem;padding-bottom:120px;display:flex;flex-direction:column;gap:1.2rem;flex:1;overflow-y:auto}.order-image{border-radius:8px;overflow:hidden;background:#f5f7fa;max-height:200px;display:flex;align-items:center;justify-content:center}.order-image img{width:100%;height:100%;object-fit:cover}.workspace-actions{padding:1rem;background:#f9f9f9;border-top:1px solid #eee;display:flex;gap:1rem}.workspace-actions--centered{justify-content:center;background:transparent;border:none;padding-bottom:120px}.btn-complete{flex:1;padding:.8rem;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-complete--prominent{flex:none;min-width:280px;padding:1.1rem 2rem;font-size:1.05rem;box-shadow:0 4px 12px #00000026}.btn-complete--prominent:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.btn-complete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-header-sticky{position:sticky;top:0;left:0;right:0;z-index:100;display:flex;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:2px solid #eee;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap}.action-btn{flex:1;min-width:200px;padding:1.2rem 1.5rem;border:none;border-radius:8px;font-weight:700;font-size:1rem;color:#fff;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.action-btn--primary{flex:2;box-shadow:0 4px 12px #00000026}.action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.action-btn--secondary{flex:1;min-width:180px;box-shadow:0 2px 8px #0000001a}.action-btn--secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn:disabled{opacity:.7;cursor:not-allowed}.quality-order-summary{display:flex;flex-direction:column;gap:1rem}.ship-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.ship-order-summary{display:flex;flex-direction:column;gap:1rem}.ship-fedex-label{display:flex;align-items:center;justify-content:center}.label-container{width:100%;background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:1rem;display:flex;align-items:center;justify-content:center}.fedex-label-image{width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:4px}.ship-maps-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0;border-bottom:1px solid #eee}.ship-maps-section h3{margin:0;font-size:.95rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.quality-maps-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0;border-bottom:1px solid #eee}.quality-maps-section h3{margin:0;font-size:.95rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.maps-container{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.quality-product-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0;border-bottom:1px solid #eee}.quality-product-section h3{margin:0;font-size:.95rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.product-image-container{border-radius:8px;overflow:hidden;background:#f5f7fa;display:flex;align-items:center;justify-content:center;min-height:300px}.product-image-large{width:100%;height:100%;object-fit:contain;max-height:500px}.quality-items-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0}.quality-items-section h3{margin:0;font-size:.95rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.items-verification-list{display:flex;flex-direction:column;gap:.8rem}.verification-item{display:grid;grid-template-columns:40px 1fr 100px;gap:1rem;padding:1rem;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;align-items:center}.item-number{width:40px;height:40px;background:#4a90e2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.item-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.item-name{margin:0;font-weight:600;color:#1a1a1a;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-sku{margin:0;color:#999;font-size:.75rem;font-weight:500}.item-thumbnail{width:100px;height:100px;border-radius:6px;object-fit:cover;border:1px solid #ddd;flex-shrink:0}.order-header-large{border-bottom:1px solid #eee;padding-bottom:1rem}.order-header-large h1{margin:0 0 .5rem;font-size:1.4rem;font-weight:700;color:#1a1a1a;word-break:break-word}.order-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem}.customer-name{font-size:.9rem;color:#666;flex:1}.order-details-compact{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;background:#f9f9f9;border-radius:8px}.detail{display:flex;flex-direction:column;gap:.2rem}.detail .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#999;font-weight:600}.detail .value{font-size:.9rem;font-weight:600;color:#1a1a1a}.no-items{text-align:center;color:#999;padding:2rem 1rem;font-size:.9rem}.kit-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0;border-bottom:1px solid #eee}.kit-section h3{margin:0;font-size:.95rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.kit-container{display:flex;flex-direction:column;gap:1.2rem}.kit-full{display:flex;align-items:center;justify-content:center}.kit-image-wrapper{width:100%;border-radius:8px;overflow:hidden;background:#f5f7fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;min-height:400px}.kit-image-wrapper:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.01)}.kit-full-image{width:100%;height:100%;object-fit:contain;max-height:600px}.kit-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.kit-item{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.8rem;background:#f9f9f9;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s}.kit-item:hover{background:#f0f8ff;border-color:#4a90e2;box-shadow:0 4px 12px #4a90e233;transform:translateY(-2px)}.kit-item-image{width:100%;height:100px;object-fit:contain;border-radius:4px}.kit-item-label{font-size:.8rem;font-weight:600;color:#1a1a1a;text-align:center;word-wrap:break-word}@media (max-width: 1200px){.station-workspace{grid-template-columns:1fr}.station-queue-panel{max-height:300px}.ship-content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.triple-container{padding:1rem;gap:1rem}.production-line-overview{padding:1rem}.line-stations{flex-direction:column}.station-btn{padding:.8rem}.order-workspace{padding:1rem;padding-top:80px}.order-header-large h1{font-size:1.2rem}.order-details-compact{grid-template-columns:1fr}.verification-item{grid-template-columns:40px 1fr;gap:.8rem}.item-thumbnail{display:none}.action-header-sticky{padding:.8rem 1rem;gap:.8rem}.action-btn{padding:.9rem 1rem;font-size:.9rem;min-width:120px}.action-btn--primary{flex:1}}.manager-page{animation:slideIn .3s ease-out}.manager-page h1{font-size:2.5rem;margin-bottom:24px;color:var(--text-primary)}.manager-filters{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap;align-items:flex-end;padding:20px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.filter-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.filter-group select{min-height:44px}.manager-filters button{flex-shrink:0}.performance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px}.performance-card{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:var(--shadow);transition:all var(--animation-speed)}.performance-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 16px #00000026}.performance-card h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.metric{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.metric label{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2rem;font-weight:700;color:var(--accent);margin:0}.progress-bar{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin:4px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--success));transition:width var(--animation-speed)}.metric p{margin:0;font-size:.9rem;color:var(--text-secondary)}.inventory-health-section,.order-health-section{margin-bottom:32px}.inventory-health-section h2,.order-health-section h2{font-size:1.5rem;margin-bottom:24px;color:var(--text-primary)}.health-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.health-card{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:24px;text-align:center;box-shadow:var(--shadow);transition:all var(--animation-speed)}.health-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 16px #00000026}.health-card h3{color:var(--text-secondary);font-size:.95rem;margin-bottom:12px;font-weight:500}.health-value{font-size:3rem;font-weight:700;color:var(--accent);margin:0}.health-value.success{color:var(--success)}.health-value.warning{color:var(--warning)}.health-value.error{color:var(--error)}.alert{padding:16px;border-radius:8px;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start}.alert span{font-size:1.5rem;flex-shrink:0}.alert strong{color:var(--text-primary)}.export-section{display:flex;gap:12px;padding:20px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;justify-content:center}.export-section button{min-width:200px}@media (max-width: 768px){.manager-page h1{font-size:1.8rem}.performance-grid,.health-cards{grid-template-columns:1fr}.manager-filters{flex-direction:column}.filter-group{width:100%;min-width:auto}.filter-group select,.manager-filters button{width:100%}.export-section{flex-direction:column}.export-section button{width:100%}}@media (max-width: 480px){.manager-page h1{font-size:1.5rem}.health-value{font-size:2.5rem}.metric-value{font-size:1.5rem}.performance-card,.health-card{padding:16px}}:root{--animation-speed: .3s;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--border-color: #e0e0e0;--accent: #0066cc;--accent-light: #e6f2ff;--success: #00aa00;--warning: #ffaa00;--error: #dd0000;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #3a3a3a;--accent: #4db8ff;--accent-light: #1a3a52;--success: #00cc00;--warning: #ffcc00;--error: #ff3333;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}[data-theme=protanopia-light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--border-color: #e0e0e0;--accent: #0066cc;--accent-light: #e6f2ff;--success: #2ca02c;--warning: #ff7f0e;--error: #1f77b4;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}[data-theme=protanopia-dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #3a3a3a;--accent: #4db8ff;--accent-light: #1a3a52;--success: #70dd70;--warning: #ffaa33;--error: #5fa8f5;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}[data-theme=deuteranopia-light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--border-color: #e0e0e0;--accent: #0066cc;--accent-light: #e6f2ff;--success: #d55e00;--warning: #f0e442;--error: #cc78bc;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}[data-theme=deuteranopia-dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #3a3a3a;--accent: #4db8ff;--accent-light: #1a3a52;--success: #ff9944;--warning: #ffdd66;--error: #ee99ff;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}[data-theme=tritanopia-light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--border-color: #e0e0e0;--accent: #009999;--accent-light: #e6ffff;--success: #cc0000;--warning: #0066cc;--error: #ffcc00;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}[data-theme=tritanopia-dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #3a3a3a;--accent: #66e6e6;--accent-light: #1a4d4d;--success: #ff6666;--warning: #66b3ff;--error: #ffff66;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}[data-theme=high-contrast-light]{--bg-primary: #ffffff;--bg-secondary: #f0f0f0;--text-primary: #000000;--text-secondary: #333333;--border-color: #000000;--accent: #0000ff;--accent-light: #ccccff;--success: #008000;--warning: #ff8800;--error: #ff0000;--shadow: 0 2px 4px rgba(0, 0, 0, .3)}[data-theme=high-contrast-dark]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--border-color: #ffffff;--accent: #ffff00;--accent-light: #333300;--success: #00ff00;--warning: #ffaa00;--error: #ff0000;--shadow: 0 2px 4px rgba(255, 255, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--animation-speed),color var(--animation-speed)}html{scroll-behavior:smooth}button{cursor:pointer;border:none;font-size:1rem;padding:12px 20px;border-radius:8px;transition:all var(--animation-speed);min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500}button:hover{opacity:.9;transform:translateY(-2px)}button:active{transform:translateY(0)}button.primary{background-color:var(--accent);color:#fff}button.primary:hover{background-color:var(--accent);box-shadow:var(--shadow)}button.secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}button.secondary:hover{background-color:var(--accent-light);border-color:var(--accent)}button.danger{background-color:var(--error);color:#fff}button.danger:hover{background-color:var(--error);box-shadow:var(--shadow)}input,select,textarea{padding:12px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all var(--animation-speed);min-height:48px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}input::placeholder{color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color var(--animation-speed)}a:hover{text-decoration:underline}.container{max-width:1400px;margin:0 auto;padding:16px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex;gap:16px}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:var(--shadow);transition:all var(--animation-speed)}.card:hover{box-shadow:0 4px 12px #00000026}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--animation-speed)}.modal{background-color:var(--bg-primary);border-radius:12px;padding:32px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;padding:0;min-width:auto;color:var(--text-secondary)}.modal-close:hover{color:var(--text-primary);transform:none}.alert{padding:16px;border-radius:8px;margin-bottom:16px;display:flex;gap:12px;align-items:flex-start}.alert.error{background-color:#dd00001a;border-left:4px solid var(--error);color:var(--error)}.alert.warning{background-color:#ffaa001a;border-left:4px solid var(--warning);color:var(--warning)}.alert.success{background-color:#00aa001a;border-left:4px solid var(--success);color:var(--success)}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.badge.pending{background-color:#fa03;color:var(--warning)}.badge.in-progress{background-color:#69f3;color:var(--accent)}.badge.completed{background-color:#0a03;color:var(--success)}.badge.error{background-color:#d003;color:var(--error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--bg-secondary);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:12px}.grid-2,.grid-3{grid-template-columns:1fr}button{padding:14px 18px;font-size:.95rem}input,select,textarea{padding:14px;font-size:16px}.modal{padding:24px;width:95vw}.card{padding:16px}}@media (max-width: 480px){.container{padding:8px}button{padding:16px 14px;font-size:.9rem;min-height:52px}input,select,textarea{padding:16px;font-size:16px}.flex{flex-direction:column;gap:12px}.card{padding:12px}.modal{padding:16px}}@media print{.production-mode-banner,.production-line-overview,.station-queue-panel,.station-workspace-panel>.workspace-header,.print-action-bar,.step-indicators,.order-summary-sidebar,.order-header,nav,header{display:none!important}body{background:#fff!important;padding:0!important}.production-single-page,.production-double-page,.production-triple-page{min-height:auto!important;background:#fff!important}.single-container,.double-container,.triple-container,.station-workspace,.station-workspace-panel,.order-workspace{all:unset;display:block!important}.invoice-preview{display:block!important;max-width:100%!important;border:none!important;box-shadow:none!important}.invoice-preview svg{width:300px!important;height:300px!important}}