:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0d0d1a;--bg-hover: #1f2b47;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666;--accent-primary: #4caf50;--accent-secondary: #2196f3;--border-color: rgba(255, 255, 255, .08);--border-color-light: rgba(255, 255, 255, .12);--notes-bg: rgba(254, 243, 199, .1);--notes-border: #f59e0b;--notes-text: #fef3c7;--action-print: #4caf50;--action-qc: #ff9800;--action-location: #2196f3;--action-status: #9c27b0;--action-error: #f44336;--action-system: #607d8b}.light-theme{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e8e8e8;--bg-hover: #ebebeb;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #999999;--accent-primary: #2e7d32;--accent-secondary: #1565c0;--border-color: rgba(0, 0, 0, .1);--border-color-light: rgba(0, 0, 0, .15);--notes-bg: rgba(254, 243, 199, .3);--notes-border: #e68a00;--notes-text: #92400e;--action-print: #2e7d32;--action-qc: #e65100;--action-location: #1565c0;--action-status: #7b1fa2;--action-error: #c62828;--action-system: #546e7a}.light-theme ::-webkit-scrollbar-thumb{background-color:#00000026}.light-theme ::-webkit-scrollbar-thumb:hover{background-color:#00000040}.midnight-theme{--bg-primary: #0f0f14;--bg-secondary: #1a1a24;--bg-tertiary: #08080c;--bg-hover: #24243a;--text-primary: #e8e8f0;--text-secondary: #8888a0;--text-muted: #555568;--accent-primary: #6c8cff;--accent-secondary: #a78bfa;--border-color: rgba(255, 255, 255, .06);--border-color-light: rgba(255, 255, 255, .1);--notes-bg: rgba(254, 243, 199, .08);--notes-border: #f59e0b;--notes-text: #fef3c7;--action-print: #4caf50;--action-qc: #ff9800;--action-location: #2196f3;--action-status: #9c27b0;--action-error: #f44336;--action-system: #607d8b}.slate-theme{--bg-primary: #1e1e24;--bg-secondary: #28282f;--bg-tertiary: #151518;--bg-hover: #333340;--text-primary: #e4e4e8;--text-secondary: #9898a4;--text-muted: #606070;--accent-primary: #10b981;--accent-secondary: #f59e0b;--border-color: rgba(255, 255, 255, .07);--border-color-light: rgba(255, 255, 255, .11);--notes-bg: rgba(254, 243, 199, .08);--notes-border: #f59e0b;--notes-text: #fef3c7;--action-print: #4caf50;--action-qc: #ff9800;--action-location: #2196f3;--action-status: #9c27b0;--action-error: #f44336;--action-system: #607d8b}.nord-theme{--bg-primary: #2e3440;--bg-secondary: #3b4252;--bg-tertiary: #272c36;--bg-hover: #434c5e;--text-primary: #eceff4;--text-secondary: #9aa5b4;--text-muted: #6b7a8d;--accent-primary: #a3be8c;--accent-secondary: #88c0d0;--border-color: rgba(255, 255, 255, .07);--border-color-light: rgba(255, 255, 255, .11);--notes-bg: rgba(254, 243, 199, .08);--notes-border: #f59e0b;--notes-text: #fef3c7;--action-print: #4caf50;--action-qc: #ff9800;--action-location: #2196f3;--action-status: #9c27b0;--action-error: #f44336;--action-system: #607d8b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh}#root{height:100vh;display:flex;flex-direction:column}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:14px}.sign-in-screen{display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-tertiary)}.sign-in-container{display:flex;flex-direction:column;align-items:center;gap:24px}.sign-in-title{font-size:24px;font-weight:600;color:var(--text-primary)}.sign-in-subtitle{font-size:14px;color:var(--text-muted);margin:-8px 0 0}.token-login-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.token-input{padding:10px 14px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;outline:none;transition:border-color .2s}.token-input:focus{border-color:var(--accent-primary)}.token-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:var(--accent-primary);border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.token-login-btn:hover:not(:disabled){opacity:.9}.token-login-btn:disabled{opacity:.5;cursor:not-allowed}.token-login-error{font-size:13px;color:var(--error-color);text-align:center;padding:8px;background:#ff453a1a;border-radius:6px}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.user-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;height:48px}.user-header-left{display:flex;align-items:center}.app-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.app-version{font-weight:400;font-size:11px;color:var(--text-secondary);opacity:.7}.user-header-right{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:8px}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-name{font-size:13px;color:var(--text-secondary)}.theme-selector{display:flex;align-items:center;gap:6px}.theme-selector-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.theme-selector-dropdown{padding:3px 8px;font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;transition:all .2s;outline:none}.theme-selector-dropdown:hover{color:var(--text-primary);border-color:var(--text-secondary)}.theme-selector-dropdown:focus,.theme-selector-dropdown:focus-visible{color:var(--text-primary);border-color:var(--text-secondary);outline:2px solid var(--accent-secondary);outline-offset:1px}.refresh-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;transition:all .2s}.refresh-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.sign-out-btn{padding:4px 12px;font-size:12px;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;transition:all .2s}.sign-out-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.main-content{flex:1;display:flex;overflow:auto}.settings-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;transition:all .2s}.settings-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.scanner-layout{display:flex;width:100%;height:100%}.scanner-main{flex:1;display:flex;flex-direction:column;padding:12px;gap:12px;overflow-y:auto}.scanner-main-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);flex-shrink:0}.scanner-main-tab{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.scanner-main-tab:hover{color:var(--text-primary)}.scanner-main-tab.active{color:var(--accent-color, #4a9eff);border-bottom-color:var(--accent-color, #4a9eff)}.print-preview-panel{flex:1;display:flex;gap:12px;padding:12px;overflow:hidden}.print-preview-card{flex:1;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);overflow:hidden;min-width:0}.print-preview-card-disabled{opacity:.55}.print-preview-card-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#fff;padding:12px}.print-preview-card-body.placeholder{flex-direction:column;gap:8px;color:var(--text-secondary);font-size:12px;background:var(--bg-secondary)}.print-preview-card-body img{max-width:100%;max-height:100%;object-fit:contain}.print-preview-card-pill{position:absolute;top:8px;left:8px;z-index:2;padding:4px 12px;font-size:11px;font-weight:700;color:#fff;background:#4a9eff;border-radius:20px;line-height:1.2;text-transform:capitalize}.print-preview-card-type{position:absolute;top:8px;right:8px;z-index:2;padding:3px 8px;font-size:10px;font-weight:600;color:#ffffffe6;background:#00000080;border-radius:12px;line-height:1.2}.print-preview-card-empty{color:var(--text-secondary);font-size:12px;opacity:.5}.print-preview-card-select{padding:8px;border:none;border-top:1px solid var(--border-color);background:transparent;color:var(--accent-color, #4a9eff);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.print-preview-card-select:hover{background:#4a9eff14}.print-preview-bar{display:flex;gap:4px;justify-content:center;flex-shrink:0}.print-preview-thumb{padding:4px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);cursor:pointer;transition:border-color .15s,background .15s}.print-preview-thumb:hover{border-color:var(--accent-color, #4a9eff)}.print-preview-thumb.active{border-color:var(--accent-color, #4a9eff);background:#4a9eff1a}.print-preview-label{font-size:11px;color:var(--text-secondary);text-transform:capitalize}.print-preview-thumb.active .print-preview-label{color:var(--accent-color, #4a9eff);font-weight:600}.scanner-sidebar-left{width:280px;border-right:1px solid var(--border-color);background:var(--bg-secondary);overflow-y:auto;flex-shrink:0;padding:12px;display:flex;flex-direction:column;gap:12px}.scanner-sidebar{width:320px;border-left:1px solid var(--border-color);background:var(--bg-secondary);overflow-y:auto;flex-shrink:0}.scanner-form{flex-shrink:0}.scanner-input-row{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:2px solid var(--border-color-light);border-radius:8px;padding:12px 16px;transition:border-color .2s}.scanner-input-row:focus-within{border-color:var(--accent-primary)}.scanner-icon{color:var(--text-muted);flex-shrink:0}.scanner-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:18px;font-family:inherit}.scanner-input::placeholder{color:var(--text-muted)}.scan-result{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;flex-shrink:0}.scan-result.success{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.scan-result.error{background:#f443361a;border:1px solid rgba(244,67,54,.3)}.result-icon{flex-shrink:0}.scan-result.success .result-icon{color:#4caf50}.scan-result.error .result-icon{color:#f44336}.result-text{flex:1;display:flex;flex-direction:column;gap:2px}.result-text strong{font-size:14px}.result-text span{font-size:13px;color:var(--text-secondary)}.clear-btn,.resend-btn{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-color-light);border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.clear-btn:hover,.resend-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.sending-indicator{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);font-size:14px}.loading-spinner.small{width:20px;height:20px;border-width:2px}.piece-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;display:flex;gap:20px}.piece-info{flex:1}.piece-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.color-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--border-color-light)}.print-preview{width:200px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.print-preview img{max-width:100%;max-height:250px;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(#808080 0% 25%,transparent 0% 50%) 50% / 16px 16px}.print-position{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.no-print-warning{padding:12px 16px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:6px;color:#ff9800;font-size:13px}.layout-editor-area{flex:1;display:flex;flex-direction:column;min-height:0}.panel{background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.panel-header-left,.panel-header-right{display:flex;align-items:center;gap:6px}.panel-content{padding:12px}.piece-number{font-weight:700;color:var(--text-primary);font-family:monospace;font-size:13px}.status-badge{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;white-space:nowrap}.status-pending{background:#ffc10726;color:#ffc107}.status-picked{background:#00bcd426;color:#00bcd4}.status-partially_printed,.status-printed{background:#7986cb26;color:#7986cb}.status-quality_check{background:#ff980026;color:#ff9800}.status-binned{background:#2196f326;color:#2196f3}.status-completed{background:#69f0ae26;color:#69f0ae}.status-cancelled{background:#ff525226;color:#ff5252}.status-on-hold{background:#ffb74d26;color:#ffb74d}.shipping-badge{display:block;padding:4px 8px;font-size:12px;font-weight:700;border-radius:10px;text-align:center;white-space:normal;overflow-wrap:break-word}.shipping-standard{background-color:#6b728033;color:#9ca3af}.shipping-pickup{background-color:#9333ea33;color:#c084fc}.shipping-rush{background-color:#ef444433;color:#f87171}.piece-info-table{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;font-size:13px}.piece-info-product{grid-column:1 / -1;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.product-name{font-size:12px;font-weight:400;color:var(--text-secondary)}.piece-info-label{color:var(--text-secondary);font-size:12px}.piece-info-value{color:var(--text-primary);font-size:12px;display:flex;align-items:center;gap:6px}.layout-editor{flex:1;display:flex;gap:16px;min-height:300px;overflow:hidden}.layout-canvas-container{flex:1;position:relative;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);overflow:auto;min-height:300px}.layout-platen{position:absolute;background:repeating-conic-gradient(#80808026,#80808026 25%,#8080800d 0%,#8080800d 50%) 50% / 20px 20px;border:2px dashed var(--border-color-light);border-radius:4px;overflow:visible}.platen-label{position:absolute;bottom:4px;right:8px;font-size:11px;color:var(--text-muted);opacity:.6;pointer-events:none;z-index:3}.platen-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.layout-grid-toggle{display:flex;align-items:center}.layout-toggle-label{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;width:34px;height:18px;border-radius:9px;border:none;background:var(--border-color);cursor:pointer;padding:0;transition:background .2s;flex-shrink:0}.toggle-switch.on{background:var(--accent-secondary)}.toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-switch.on .toggle-knob{transform:translate(16px)}.layout-drop-indicator{position:absolute;left:0;right:0;border-top:1.5px dashed var(--accent-primary);z-index:2;pointer-events:none}.layout-drop-label{position:absolute;right:4px;top:-18px;font-size:10px;color:var(--accent-primary);background:var(--bg-primary);padding:1px 5px;border-radius:3px;white-space:nowrap;font-weight:600;letter-spacing:.02em}.layout-image-wrapper{position:absolute;cursor:grab;border:2px solid var(--accent-secondary);box-shadow:0 0 0 1px #0000004d;-webkit-user-select:none;user-select:none;z-index:1}.layout-image-wrapper.dragging{cursor:grabbing;border-color:var(--accent-primary)}.layout-image-wrapper img{display:block;pointer-events:none}.resize-handle{position:absolute;background:var(--accent-secondary);border:1px solid var(--bg-primary);z-index:2}.resize-handle.nw,.resize-handle.ne,.resize-handle.sw,.resize-handle.se{width:10px;height:10px;border-radius:2px}.resize-handle.n,.resize-handle.s{width:20px;height:6px;left:50%;transform:translate(-50%);border-radius:3px}.resize-handle.e,.resize-handle.w{width:6px;height:20px;top:50%;transform:translateY(-50%);border-radius:3px}.resize-handle.nw{top:-5px;left:-5px;cursor:nw-resize}.resize-handle.ne{top:-5px;right:-5px;cursor:ne-resize}.resize-handle.sw{bottom:-5px;left:-5px;cursor:sw-resize}.resize-handle.se{bottom:-5px;right:-5px;cursor:se-resize}.resize-handle.n{top:-3px;cursor:n-resize}.resize-handle.s{bottom:-3px;cursor:s-resize}.resize-handle.e{right:-3px;cursor:e-resize}.resize-handle.w{left:-3px;cursor:w-resize}.resize-handle:hover{background:var(--accent-primary)}.layout-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:14px;pointer-events:none}.layout-zoom-controls{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:2px;z-index:10}.layout-zoom-btn,.layout-zoom-label{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:13px;border-radius:4px;transition:background .15s,color .15s}.layout-zoom-btn{width:26px;height:26px;font-size:16px;font-weight:600}.layout-zoom-btn:hover,.layout-zoom-label:hover{background:var(--bg-tertiary);color:var(--text-primary)}.layout-zoom-label{padding:0 6px;height:26px;min-width:42px;font-variant-numeric:tabular-nums}.layout-controls{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;overflow-y:auto}.layout-controls.disabled{opacity:.5;pointer-events:none}.layout-controls input:disabled,.layout-controls button:disabled{opacity:.4;cursor:not-allowed}.layout-controls-header h3{font-size:14px;font-weight:600;margin-bottom:4px}.layout-platen-info{font-size:11px;color:var(--text-muted)}.layout-section h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:8px}.layout-drop-badge{font-size:10px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 15%,transparent);padding:1px 6px;border-radius:4px;white-space:nowrap}.layout-input-row{display:flex;gap:8px}.layout-field{flex:1}.layout-field label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:4px}.layout-field input{width:100%;padding:6px 8px;font-size:13px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:4px;outline:none}.layout-field input:focus{border-color:var(--accent-secondary)}.layout-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.layout-action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap}.layout-action-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--accent-secondary)}.layout-separator{height:1px;background:var(--border-color-light);margin:8px 0}.layout-action-btn.reset{width:100%}.layout-rotation-info{font-size:12px;color:var(--text-muted);text-align:center;padding:4px;background:var(--bg-primary);border-radius:4px}.layout-image-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);min-height:20px}.layout-image-status.ready{color:#66bb6a}.layout-image-status.preparing{color:var(--text-secondary)}.layout-action-result{display:flex;align-items:flex-start;gap:6px;padding:6px 8px;border-radius:5px;font-size:11px;line-height:1.4;overflow-wrap:break-word}.layout-action-result.success{background:#4caf501f;color:#66bb6a}.layout-action-result.error{background:#f443361f;color:#ef5350}.layout-action-result svg{flex-shrink:0;margin-top:1px}.layout-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px}.layout-footer button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px 12px;font-size:12px;font-weight:500;border-radius:5px;cursor:pointer;transition:all .15s}.layout-footer button:disabled{opacity:.5;cursor:not-allowed}.layout-send-btn{font-weight:600!important;color:#fff;background:var(--accent-primary);border:none}.layout-send-btn:hover:not(:disabled){filter:brightness(1.1)}.layout-save-btn{color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color-light)}.layout-save-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-secondary)}.layout-cancel-btn{color:var(--text-muted);background:transparent;border:1px solid transparent;font-size:11px!important;padding:5px 12px!important}.layout-cancel-btn:hover:not(:disabled){color:var(--text-secondary);background:var(--bg-hover)}.arx-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;max-height:300px;overflow:hidden}.arx-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.arx-panel-header h3{font-size:13px;font-weight:600}.arx-panel-actions{display:flex;gap:4px}.arx-header-btn{all:unset;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.arx-header-btn:hover,.arx-header-btn:focus-visible{color:var(--text-primary);background:var(--bg-hover)}.arx-header-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.arx-panel-content{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.arx-loading{display:flex;align-items:center;justify-content:center;padding:20px}.arx-empty{text-align:center;padding:20px;font-size:13px;color:var(--text-muted)}.arx-file-card{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;transition:border-color .15s}.arx-file-card:hover{border-color:var(--border-color-light)}.arx-file-thumb{width:40px;height:40px;flex-shrink:0;border-radius:4px;overflow:hidden;background:repeating-conic-gradient(#808080 0% 25%,transparent 0% 50%) 50% / 8px 8px;display:flex;align-items:center;justify-content:center}.arx-file-thumb img{max-width:100%;max-height:100%;object-fit:contain}.arx-file-info{flex:1;min-width:0}.arx-file-barcode{font-size:12px;font-weight:600;font-family:monospace;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.arx-file-position{font-size:10px;font-weight:500;font-family:inherit;padding:1px 6px;border-radius:8px;background:#2196f326;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.arx-file-meta{display:flex;gap:8px;font-size:11px;color:var(--text-muted)}.arx-file-dims{font-size:11px;color:var(--text-secondary)}.arx-file-actions{display:flex;gap:4px;flex-shrink:0}.arx-action-btn{all:unset;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.arx-action-btn:hover,.arx-action-btn:focus-visible{background:var(--bg-hover)}.arx-action-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.arx-action-btn.send:hover{color:var(--accent-primary)}.arx-action-btn.copy:hover{color:var(--accent-secondary)}.arx-action-btn.delete:hover{color:#f44336}.arx-action-btn:disabled{opacity:.5;cursor:not-allowed}.arx-panel.collapsed .arx-panel-content{display:none}.arx-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;display:flex;align-items:center;justify-content:center;padding:40px}.arx-modal{width:640px;max-width:90vw;max-height:80vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0006}.arx-modal .arx-panel-header{border-bottom:1px solid var(--border-color)}.arx-modal .arx-panel-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.arx-modal .arx-file-card{padding:10px 12px}.arx-modal .arx-file-thumb{width:52px;height:52px}.printer-status-panel{padding:16px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--border-color)}.status-header-row{display:flex;align-items:center;gap:8px}.status-header-row h3{font-size:14px;font-weight:600;flex:1}.status-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.status-badge.ready{background:#4caf5033;color:#4caf50}.status-badge.printing{background:#2196f333;color:#2196f3}.status-badge.error{background:#f4433633;color:#f44336}.status-badge.standby{background:#ffc10733;color:#ffc107}.status-badge.initializing{background:#9c27b033;color:#9c27b0}.status-badge.offline,.status-badge.unknown{background:#9e9e9e33;color:#9e9e9e}.status-error{font-size:12px;color:#f44336;padding:8px;background:#f443361a;border-radius:4px}.status-errors{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.error-code{font-size:11px;font-family:monospace;padding:1px 6px;background:#f443361a;border-radius:3px;color:#f44336}.status-detail{display:flex;justify-content:space-between;font-size:12px}.detail-label{color:var(--text-muted)}.detail-value{color:var(--text-secondary)}.ink-levels{display:flex;flex-direction:column;gap:6px}.ink-levels h4{font-size:12px;font-weight:600;margin-bottom:2px}.ink-bar-container{display:flex;align-items:center;gap:8px}.ink-label{font-size:11px;font-weight:600;width:20px;text-align:right;color:var(--text-muted)}.ink-bar{flex:1;height:14px;background:var(--bg-tertiary);border-radius:7px;overflow:hidden;position:relative}.ink-bar.empty{opacity:.4}.ink-fill{height:100%;border-radius:7px;transition:width .3s ease}.ink-text{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:600;color:var(--text-secondary)}.operations-section h4{font-size:12px;font-weight:600;margin-bottom:8px}.operations-row{display:flex;flex-direction:column;gap:6px}.operation-btn{padding:6px 12px;font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;transition:all .2s;text-align:left}.operation-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.operation-btn:disabled{opacity:.5;cursor:not-allowed}.active-profile-panel{padding:16px 16px 24px;display:flex;flex-direction:column;gap:0}.override-panel-title{font-size:14px;font-weight:600;margin-bottom:12px}.override-section{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:1px solid var(--border-color)}.override-section:first-of-type{padding-top:0}.override-section:last-child{border-bottom:none;padding-bottom:0}.override-section h4{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.override-field{display:flex;flex-direction:column;gap:3px}.override-field label{font-size:11px;font-weight:500;color:var(--text-muted);white-space:nowrap}.override-field select,.override-field input[type=number]{padding:5px 8px;font-size:12px;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:4px;outline:none;transition:border-color .2s;font-family:inherit}.override-field select{cursor:pointer}.override-field select:focus,.override-field input[type=number]:focus{border-color:var(--accent-secondary)}.override-field input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--border-color-light);border-radius:2px;outline:none;cursor:pointer;margin:2px 0}.override-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-secondary);border:2px solid var(--bg-secondary);cursor:pointer;transition:transform .15s}.override-field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.override-field input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #2196f333}.settings-page{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.settings-header h2{font-size:18px;font-weight:600}.back-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;transition:all .2s}.back-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.settings-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.settings-section h3{font-size:15px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.notes-banner{padding:10px 12px}.notes-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--notes-text)}.notes-title{font-size:12px;font-weight:600}.notes-count{font-size:11px;color:var(--text-secondary)}.notes-panel{background-color:var(--notes-bg);border-color:var(--notes-border);animation:notes-blink 1s ease-in-out infinite}@keyframes notes-blink{0%,to{opacity:1}50%{opacity:.3}}.notes-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.note-item{padding:6px 8px;border-radius:4px;background-color:#00000026}.note-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.note-author{font-size:11px;font-weight:600;color:var(--notes-text)}.note-time{font-size:10px;color:var(--text-secondary)}.note-content{font-size:16px;font-weight:700;color:#e53935;white-space:pre-wrap;line-height:1.4}.notes-clickable{cursor:pointer}.notes-clickable:hover{filter:brightness(1.15)}.notes-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;display:flex;align-items:center;justify-content:center}.notes-modal{background:var(--bg-secondary);border:2px solid var(--notes-border, var(--border-color));border-radius:10px;width:90%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #000}.notes-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--notes-border, var(--border-color))}.notes-modal-title{font-size:14px;font-weight:700;color:var(--notes-text, var(--text-primary))}.notes-modal-close{background:none;border:none;color:var(--text-secondary);font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.notes-modal-close:hover{color:var(--text-primary)}.notes-modal-body{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.notes-modal-body .note-item{background-color:#00000026}.user-notes-panel{cursor:pointer;border:1px dashed var(--border-color-light);opacity:.7;transition:opacity .15s}.user-notes-panel:hover{opacity:1}.user-notes-panel-has{border-style:solid;border-color:var(--accent-secondary);background:#2196f30f;opacity:1}.user-notes-header{display:flex;align-items:center;gap:6px;padding:8px 10px;color:var(--text-secondary)}.user-notes-panel-has .user-notes-header{color:var(--accent-secondary)}.user-notes-title{font-size:12px;font-weight:600}.user-notes-count{font-size:11px;color:var(--text-secondary)}.user-notes-add{font-size:11px;color:var(--text-muted);margin-left:auto}.user-notes-list{padding:0 10px 8px;display:flex;flex-direction:column;gap:6px}.user-notes-item{padding:6px 8px;border-radius:4px;background:#00000026}.user-notes-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.user-notes-author{font-size:10px;font-weight:600;color:var(--accent-secondary)}.user-notes-time{font-size:10px;color:var(--text-muted)}.user-notes-content{font-size:12px;color:var(--text-primary);white-space:pre-wrap;line-height:1.4}.un-compose{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.un-input{width:100%;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:6px;padding:10px 12px;font-size:13px;font-family:inherit;resize:vertical;min-height:64px;line-height:1.5}.un-input:focus{outline:none;border-color:var(--accent-secondary)}.un-input::placeholder{color:var(--text-muted)}.un-input:disabled{opacity:.5}.un-compose-bar{display:flex;align-items:center;justify-content:space-between}.un-hint{font-size:11px;color:var(--text-muted)}.un-save{padding:6px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.un-save:hover:not(:disabled){filter:brightness(1.15)}.un-save:disabled{opacity:.4;cursor:not-allowed}.un-error{font-size:12px;color:#ef4444;padding:4px 0}.un-list{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-color);padding-top:12px}.un-note{padding:8px 10px;background:#00000026;border-radius:6px}.un-note-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.un-note-author{font-size:11px;font-weight:600;color:var(--text-primary)}.un-note-time{font-size:10px;color:var(--text-muted)}.un-note-content{font-size:13px;color:var(--text-primary);white-space:pre-wrap;line-height:1.4}.un-empty{color:var(--text-muted);font-size:12px;text-align:center;padding:12px 0}.action-history-panel{max-height:400px;display:flex;flex-direction:column}.action-history-panel .panel-content{overflow-y:auto;flex:1}.action-history-header{display:flex;align-items:center;gap:6px;width:100%;padding:10px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border:none;border-bottom:1px solid var(--border-color);background:transparent;cursor:pointer;transition:color .2s}.action-history-header:hover{color:var(--text-primary)}.action-history-chevron{margin-left:auto;transition:transform .2s;transform:rotate(-90deg)}.action-history-chevron.expanded{transform:rotate(0)}.action-history-count{font-weight:400;font-size:11px;color:var(--text-muted)}.action-history-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:12px}.timeline{display:flex;flex-direction:column;position:relative}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background-color:var(--border-color-light)}.timeline-item{display:flex;gap:10px;padding:6px 0;position:relative}.timeline-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;margin-top:2px;z-index:1}.timeline-dot.action-print{background-color:var(--action-print)}.timeline-dot.action-qc{background-color:var(--action-qc)}.timeline-dot.action-location{background-color:var(--action-location)}.timeline-dot.action-status{background-color:var(--action-status)}.timeline-dot.action-error{background-color:var(--action-error)}.timeline-dot.action-system{background-color:var(--action-system)}.timeline-content{flex:1;cursor:pointer;min-width:0;background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left}.timeline-action-type{font-size:12px;font-weight:600;color:var(--text-primary)}.timeline-meta{display:flex;gap:10px;margin-top:2px}.timeline-meta-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-secondary)}.timeline-details{max-height:0;overflow:hidden;transition:max-height .25s ease}.timeline-details.expanded{max-height:200px;margin-top:6px}.timeline-detail-row{display:flex;gap:6px;font-size:10px;padding:2px 0}.timeline-detail-key{color:var(--text-secondary);flex-shrink:0}.timeline-detail-value{color:var(--text-primary);word-break:break-all}.settings-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.settings-field label{font-size:12px;font-weight:500;color:var(--text-secondary)}.settings-field input[type=text],.settings-field input[type=number],.settings-field select{padding:8px 12px;font-size:13px;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:4px;outline:none;transition:border-color .2s;font-family:inherit}.settings-field input:focus,.settings-field select:focus{border-color:var(--accent-secondary)}.settings-field input[type=range]{width:100%;accent-color:var(--accent-primary)}.field-hint{font-size:11px;color:var(--text-muted)}.file-input-row{display:flex;gap:8px}.file-input-row input{flex:1}.browse-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap}.browse-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.test-connection-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.test-connection-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:4px;cursor:pointer;transition:all .2s}.settings-inline-message{font-size:12px;padding:4px 10px;border-radius:4px}.settings-inline-message.success{color:var(--success-color);background:#34c7591a}.settings-inline-message.error{color:var(--error-color);background:#ff453a1a}.test-connection-btn:hover:not(:disabled){color:var(--accent-secondary);border-color:var(--accent-secondary)}.test-connection-btn:disabled{opacity:.5;cursor:not-allowed}.profile-columns{display:flex;gap:24px}.profile-columns>.settings-section{flex:1;min-width:0}.profile-editor{display:flex;flex-direction:column;gap:8px}.profile-editor h4{font-size:13px;font-weight:600;margin:8px 0 0;color:var(--text-secondary)}.settings-field.compact{margin-bottom:0}.settings-field.compact label{font-size:11px}.settings-field.compact input,.settings-field.compact select{padding:4px 8px;font-size:12px}.settings-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 24px;border-top:1px solid var(--border-color);flex-shrink:0}.settings-message{font-size:13px;padding:6px 12px;border-radius:4px}.settings-message.success{color:#4caf50;background:#4caf501a}.settings-message.error{color:#f44336;background:#f443361a}.save-btn{display:flex;align-items:center;gap:6px;padding:8px 24px;font-size:13px;font-weight:500;color:#fff;background:var(--accent-primary);border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.save-btn:hover:not(:disabled){opacity:.9}.save-btn:disabled{opacity:.5;cursor:not-allowed}.bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;height:28px}.bottom-bar-left{display:flex;align-items:center;gap:8px}.bottom-bar-version{font-size:11px;color:var(--text-muted)}.bottom-bar-datetime{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.3px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#fff3}