body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--total-scale-factor));min-width:calc(180px*var(--total-scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--total-scale-factor));box-shadow:0 calc(2px*var(--total-scale-factor)) calc(5px*var(--total-scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--total-scale-factor));max-width:calc(180px*var(--total-scale-factor));padding:calc(6px*var(--total-scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--total-scale-factor));padding-top:calc(2px*var(--total-scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--total-scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.pdf-preview-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:10000}.pdf-preview-modal{background:#1a1a2e;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;height:100%;max-height:95vh;max-width:900px;overflow:hidden;width:100%}.pdf-preview-header{align-items:center;background:linear-gradient(135deg,#8b1c24,#6d161c);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.pdf-filename{color:#fff;flex:1 1;font-size:14px;font-weight:600;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.pdf-close-btn:hover{background:#ffffff40}.pdf-preview-toolbar{align-items:center;background:#252540;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 16px}.toolbar-group{align-items:center;display:flex;gap:8px}.toolbar-group.actions{gap:10px}.toolbar-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.toolbar-btn:hover:not(:disabled){background:#fff3}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.page-info,.zoom-level{color:#fffc;font-size:13px;min-width:50px;text-align:center}.action-btn{align-items:center;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;height:44px;justify-content:center;min-width:130px;padding:12px 20px}.print-btn{background:linear-gradient(135deg,#10b981,#059669)}.print-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.share-btn{background:linear-gradient(135deg,#10b981,#059669)}.share-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.download-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.download-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.pdf-preview-content{background:#2a2a45;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:16px}.pdf-preview-content .react-pdf__Document{align-items:center;display:flex;flex-direction:column}.pdf-preview-content .react-pdf__Page{background:#fff;border-radius:4px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.pdf-preview-content canvas{height:auto!important;max-width:100%}.pdf-error,.pdf-loading{color:#ffffffb3;font-size:16px;padding:40px;text-align:center}.pdf-error{color:#ef4444}@media print{body>:not(.pdf-preview-overlay){display:none!important}.pdf-preview-overlay{background:#fff;padding:0;position:static}.pdf-preview-modal{background:#fff;border-radius:0;box-shadow:none;height:auto;max-height:none;max-width:100%;position:static}.pdf-preview-header,.pdf-preview-toolbar{display:none!important}.pdf-preview-content{background:#fff;overflow:visible;padding:0}.pdf-preview-content .react-pdf__Page{border-radius:0;box-shadow:none}.pdf-preview-content canvas{height:auto!important;max-width:100%!important}}@media (max-width:600px){.pdf-preview-overlay{padding:0}.pdf-preview-modal{border-radius:0;height:100vh;max-height:100vh}.pdf-preview-header{padding:10px 12px}.pdf-filename{font-size:12px}.pdf-preview-toolbar{justify-content:center;padding:8px 12px}.toolbar-group{gap:6px}.toolbar-group.actions{border-bottom:1px solid #ffffff1a;justify-content:center;margin-bottom:4px;order:-1;padding-bottom:8px;width:100%}.action-btn{flex:1 1;font-size:15px;justify-content:center;padding:12px 20px}.page-info,.zoom-level{font-size:12px;min-width:40px}.pdf-preview-content{padding:12px}}.sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:1000}.sidebar-header{border-bottom:1px solid #e0e0e0;padding:24px 20px;text-align:center}.sidebar-logo{height:auto;margin-bottom:8px;width:120px}.sidebar-title{color:#8b1c24;font-size:18px;font-weight:600;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#333;display:flex;padding:12px 20px;text-decoration:none;transition:all .2s}.nav-item:hover{background:#f5f5f5;border-left-color:#d4a84b}.nav-item.active{background:#fef5e7;border-left-color:#8b1c24;color:#8b1c24;font-weight:600}.nav-icon{font-size:20px;margin-right:12px;text-align:center;width:24px}.nav-label{font-size:15px}.sidebar-footer{border-top:1px solid #e0e0e0;padding:20px}.user-info{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.user-avatar{font-size:18px;font-weight:600;height:40px;text-transform:uppercase;width:40px}.user-details{flex:1 1}.user-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.user-role{color:#666;font-size:12px;text-transform:capitalize}.logout-button{align-items:center;background:#8b1c24;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:background .2s;width:100%}.logout-button:hover{background:#6b161c}.logout-button:active{transform:scale(.98)}.logout-icon{font-size:18px}.sidebar-overlay{display:none}@media (max-width:1024px){.sidebar{box-shadow:2px 0 8px #0000001a;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar.open~.sidebar-overlay{display:block}}.layout{background:#f5f5f5;display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:260px;min-height:100vh;padding:24px;transition:margin-left .3s ease}.mobile-header{display:none}@media (max-width:1024px){.main-content{margin-left:0;padding:16px}.mobile-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;margin-bottom:20px;padding:12px}.mobile-menu-btn{align-items:center;background:#8b1c24;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.mobile-menu-btn:active{background:#6b161c;transform:scale(.95)}.mobile-logo{height:40px;width:auto}}@media (max-width:768px){.main-content{padding:12px}.mobile-header{margin-bottom:16px;padding:10px}.mobile-menu-btn{font-size:20px;height:40px;width:40px}.mobile-logo{height:36px}}.login-container{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:40px 30px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-logo{height:auto;margin-bottom:10px;max-width:200px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;padding:12px;text-align:center}.form-group{gap:8px}.form-group label{font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:10px 12px;transition:border-color .3s}.form-group input:focus{border-color:#8b1c24;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#8b1c24,#6b161c);border:none;border-radius:8px;color:#d4a84b;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #8b1c2466;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.login-card{padding:30px 20px}.login-logo{max-width:160px}.login-header p{font-size:14px}}.dashboard{margin:0 auto;max-width:1400px}.dashboard-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:48px}.dashboard-header{margin:0}.dashboard-header h1{color:#333;font-size:28px;font-weight:700;margin:0 0 4px}.dashboard-subtitle{color:#666;font-size:14px;margin:0}.quick-actions{display:flex;gap:10px}.create-menu-container,.quick-actions{position:relative}.dropdown-arrow{font-size:10px;margin-left:4px;transition:transform .2s}.create-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.dropdown-item{background:#fff;border:none;color:#333;flex-direction:row;font-size:14px;font-weight:500;gap:12px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:#fef5e7;color:#8b1c24}.dropdown-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s;white-space:nowrap}.action-button.primary{background:#8b1c24;color:#fff}.action-button.primary:hover{background:#6b161c}.action-button.secondary{background:#d4a84b;color:#fff}.action-button.secondary:hover{background:#c49940}.action-button:active{transform:scale(.98)}.button-icon{font-size:16px;font-weight:700;line-height:1}.button-text{font-size:15px}.stats-grid{display:flex;gap:8px;margin-bottom:48px}.stat-card{flex:1 1;flex-direction:column;gap:4px;min-width:0;padding:10px 6px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{background:#fef5e7;box-shadow:0 6px 16px #8b1c2426;transform:translateY(-3px)}.stat-icon{flex-shrink:0;font-size:20px;height:36px;width:36px}.stat-content{width:100%}.stat-value{font-size:22px;margin-bottom:2px}.stat-label{font-size:11px;line-height:1.2}.section-title{color:#333;font-size:20px;font-weight:600;margin:0 0 16px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.section-header{background:#8b1c24;border-bottom:1px solid #e0e0e0;color:#fff;padding:20px 24px}.section-header .section-title{color:#fff}.section-content{min-height:300px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f5f5f5}.data-table th{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-align:left;text-transform:uppercase}.data-table td{border-top:1px solid #e0e0e0;color:#333;font-size:14px;padding:16px 24px}.data-table tbody tr{cursor:pointer;transition:all .2s}.data-table tbody tr:hover{background:#fef5e7;box-shadow:0 2px 8px #8b1c241a;transform:scale(1.01)}.pallet-number,.shipment-number,.wheel-number{color:#8b1c24;font-weight:600}.section-footer{border-top:1px solid #e0e0e0;padding:16px 24px;text-align:center}.view-all-button{background:none;border:none;border-radius:6px;color:#8b1c24;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.view-all-button:hover{background:#fef5e7;color:#6b161c}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-top{align-items:flex-start;flex-direction:column}.quick-actions{justify-content:flex-end;width:100%}.stats-grid{gap:6px}.create-dropdown{left:auto;right:0}.stat-card{flex-direction:column;gap:4px;padding:8px 4px;text-align:center}.stat-icon{border-radius:8px;height:28px;width:28px}.stat-icon,.stat-value{font-size:16px}.stat-label{font-size:9px}.dashboard-header h1{font-size:22px}.section-header{padding:16px 20px}.data-table td,.data-table th{padding:12px 16px}.data-table{font-size:13px}}@media (max-width:480px){.stats-grid{gap:4px}.stat-card{padding:6px 3px}.stat-icon{height:24px;width:24px}.stat-icon,.stat-value{font-size:14px}.stat-label{font-size:8px;line-height:1.1}.action-button{font-size:13px;padding:10px 14px}.data-table td:nth-child(3),.data-table td:nth-child(4),.data-table th:nth-child(3),.data-table th:nth-child(4){display:none}}.scanner-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.scanner-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.scanner-header{align-items:center;background:#8b1c24;border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.scanner-header h2{font-size:18px;font-weight:600;margin:0}.scanner-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:28px;line-height:1;opacity:.8;padding:0;transition:opacity .2s}.scanner-close-btn:hover{opacity:1}.scanner-body{align-items:center;background:#1a1a1a;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:350px;padding:20px}#barcode-reader{max-width:400px;width:100%}#barcode-reader video{border-radius:8px}#barcode-reader img[alt="Info icon"]{display:none}#barcode-reader__scan_region{border-radius:8px;overflow:hidden}#barcode-reader__dashboard_section,#barcode-reader__dashboard_section_csr,#barcode-reader__header_message{display:none!important}.scanner-instructions{color:#fff;margin-top:16px;text-align:center}.scanner-instructions p{font-size:16px;font-weight:500;margin:0 0 8px}.scanner-hint{color:#888;font-size:12px}.scanner-error{color:#fff;padding:40px 20px;text-align:center}.scanner-error .error-icon{font-size:48px;margin-bottom:16px}.scanner-error p{color:#ccc;font-size:14px;line-height:1.5;margin:0 0 20px}.retry-btn{background:#8b1c24;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .2s}.retry-btn:hover{background:#6b161c}.scanner-footer{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;justify-content:center;padding:16px 20px}.scanner-footer .cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 32px;transition:all .2s}.scanner-footer .cancel-btn:hover{background:#e0e0e0;border-color:#ccc}@media (max-width:768px){.scanner-overlay{padding:0}.scanner-modal{border-radius:0;height:100%;max-height:100%;max-width:100%}.scanner-body{flex:1 1;min-height:auto}#barcode-reader{max-width:100%}}.items-page{margin:0 auto;max-width:1400px}.clickable-link{color:#8b1c24}.clickable-link:hover{color:#6b161c;-webkit-text-decoration-color:#6b161c;text-decoration-color:#6b161c}.category-badge{background:#f3e8ff;border-radius:12px;color:#7c3aed;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.search-container{width:100%}.view-toggle-btn:hover{background:#8b1c241a;color:#8b1c24}.print-labels-link{align-items:center;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;color:#2e7d32;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;text-decoration:none;transition:all .2s}.print-labels-link:hover{background:#c8e6c9;border-color:#81c784}.add-button{box-sizing:border-box;height:40px}.data-menu-wrapper{position:relative}.items-page .export-btn{align-items:center;background:#8b1c24;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;height:40px;padding:0 20px;transition:background .2s}.items-page .export-btn:hover{background:#6b161c}.items-page .export-btn:disabled{cursor:not-allowed;opacity:.6}.items-page .export-btn svg{flex-shrink:0}.data-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.data-dropdown button{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:background .15s;width:100%}.data-dropdown button:hover{background:#f5f5f5}.data-dropdown button:first-child{border-bottom:1px solid #eee}.data-dropdown button svg{color:#666}.loading{font-size:16px}.item-name{font-weight:500}.action-btn.view{background:#e3f2fd;color:#1976d2}.action-btn.view:hover{background:#bbdefb}.action-btn.edit{background:#fff3e0;color:#f57c00}.action-btn.print{background:#e8f5e9;color:#2e7d32}.action-btn.print:hover{background:#c8e6c9}.action-btn.delete{color:#d32f2f}.action-btn.delete:hover{background:#ffcdd2}.modal{background:#fff;border-radius:12px;max-width:600px;width:100%}.close-btn{color:#666}.close-btn:hover{color:#333}.modal-body{padding:24px}.item-details{display:flex;flex-direction:column;gap:12px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#666;flex:0 0 150px;font-size:14px;font-weight:600}.detail-row .value{color:#333;flex:1 1;font-size:14px}.detail-row .value.barcode{background:#f5f5f5;border-radius:4px;font-family:monospace;padding:4px 8px}.view-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.view-actions .action-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-height:44px;padding:10px 20px;transition:all .2s}.view-actions .action-btn.print{background:#4caf50;color:#fff}.view-actions .action-btn.print:hover{background:#45a049}.view-actions .action-btn.edit{background:#8b1c24;color:#fff}.view-actions .action-btn.edit:hover{background:#6b161c}.view-actions .action-btn.delete{background:#dc3545;color:#fff}.view-actions .action-btn.delete:hover{background:#c82333}.item-form{display:flex;flex-direction:column;gap:20px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#666;font-size:13px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#8b1c24;outline:none}.form-actions{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:16px}.form-actions-right{display:flex;gap:12px}.delete-btn{background:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#d32f2f;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.delete-btn:hover{background:#ffcdd2;border-color:#ef9a9a}.cancel-btn{background:#f5f5f5;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.cancel-btn:hover{background:#e0e0e0}.save-btn{border-radius:6px;padding:10px 20px}.confirm-delete-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.items-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.item-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.item-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.card-part-number{color:#8b1c24;font-size:14px;font-weight:700}.card-type-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.card-type-badge.raw{background:#e3f2fd;color:#1976d2}.card-type-badge.baked{background:#fff3e0;color:#f57c00}.card-type-badge.fried{background:#fce4ec;color:#c2185b}.card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.card-title{color:#333;font-size:16px;font-weight:600;line-height:1.4;margin:0;min-height:44px}.card-footer{background:#fafafa;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:12px 16px}.card-action-btn.print{background:#e8f5e9;color:#2e7d32}.card-action-btn.print:hover{background:#c8e6c9}@media (max-width:1024px){.items-cards-container{gap:16px;grid-template-columns:repeat(3,1fr)}.items-table td:nth-child(4),.items-table td:nth-child(5),.items-table td:nth-child(6),.items-table td:nth-child(7),.items-table th:nth-child(4),.items-table th:nth-child(5),.items-table th:nth-child(6),.items-table th:nth-child(7){display:none}}@media (max-width:768px){.items-page{box-sizing:border-box;padding:0 12px;width:100%}.items-cards-container{gap:12px;grid-template-columns:1fr}.header-top{gap:12px}.header-left,.header-top{align-items:center;flex-direction:row}.header-left{flex-wrap:wrap;gap:8px}.header-left h1{font-size:24px}.toolbar{flex-wrap:wrap;gap:10px}.toolbar .search-box{flex:1 1 100%;max-width:100%;order:1;width:100%}.toolbar .view-toggle{flex-shrink:0;order:2}.toolbar-filters{flex:0 0 auto;margin-left:auto;max-width:none;order:3}.header-buttons{flex-direction:row;flex-wrap:wrap;gap:8px;width:100%}.print-all-btn{justify-content:center;padding:12px 16px;width:100%}.add-button{flex:1 1;font-size:14px;padding:10px 16px}.data-menu-wrapper{flex:1 1}.items-page .export-btn{font-size:13px;justify-content:center;padding:8px 12px;width:100%}.items-page .data-dropdown{left:0;right:0}.items-table td:first-child,.items-table td:nth-child(3),.items-table th:first-child,.items-table th:nth-child(3){display:none}.category-filter{max-width:100%}.header-controls-row{width:100%}.items-table td,.items-table th{font-size:13px;padding:10px 8px}.actions-cell{flex-direction:column;gap:4px}.form-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:4px}.detail-row .label{flex:none}.form-actions{flex-direction:column;gap:12px}.form-actions-right{width:100%}.form-actions-right button{flex:1 1}.delete-btn{width:100%}}.customers-page{margin:0 auto;max-width:1400px}.customer-count{background:#e0e0e0;border-radius:20px;color:#666;font-size:14px;padding:4px 12px}.search-box .status-filter-dropdown{background:#f5f5f5;border:none;border-left:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:13px;outline:none;padding:6px 10px;transition:all .2s}.search-box .status-filter-dropdown:hover{background:#e0e0e0;color:#333}.search-box .status-filter-dropdown:focus{border-color:var(--primary-color)}.header-buttons{gap:12px}.add-button{background:var(--primary-color)}.add-button:hover{background:var(--primary-hover)}.customer-name{font-weight:500}.status-badge{border-radius:20px}.status-badge.inactive{background:#ffebee;color:#d32f2f}.view-item{border-bottom:1px solid #f0f0f0;padding:8px 0}.view-item:last-child{border-bottom:none}.view-item strong{flex:0 0 150px;font-size:14px}.view-item span{color:#333;flex:1 1;font-size:14px}.view-item.full-width{flex-direction:column;gap:4px}.view-item.full-width strong{flex:none}.view-section-title{border-bottom:2px solid var(--primary-color);color:var(--primary-color);font-size:16px;font-weight:600;margin:16px 0 12px;padding-bottom:8px}.checkbox-group{align-items:center;flex-direction:row;gap:8px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:20px;width:20px}.warning-text{color:#666;font-size:13px;margin:12px 0}.customers-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.customer-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.customer-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.customer-card .card-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.customer-card .card-title{color:#333;font-size:16px;font-weight:600;line-height:1.4;margin:0}.customer-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.card-details{display:flex;flex-direction:column;gap:8px}.card-detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:6px 0}.card-detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-size:13px;font-weight:500}.detail-value{color:#333;font-size:14px;font-weight:600;text-align:right}.customer-card .card-footer{background:#fafafa;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:12px 16px}.card-action-btn.view{background:#e3f2fd;color:#1976d2}@media (max-width:1024px){.customers-cards-container{gap:16px;grid-template-columns:repeat(3,1fr)}.customers-table td:nth-child(3),.customers-table td:nth-child(4),.customers-table td:nth-child(5),.customers-table th:nth-child(3),.customers-table th:nth-child(4),.customers-table th:nth-child(5){display:none}}@media (max-width:768px){.customers-page{box-sizing:border-box;padding:0 12px;width:100%}.customers-cards-container{gap:12px;grid-template-columns:1fr}.header-buttons{flex-direction:row;width:auto}.add-button{font-size:14px;padding:10px 16px;width:auto}.customers-table td:nth-child(2),.customers-table th:nth-child(2){display:none}.customers-table td,.customers-table th{font-size:13px;padding:10px 8px}.actions-cell,.view-item{flex-direction:column;gap:4px}.view-item strong{flex:none}}.pallets-page{margin:0 auto;max-width:1400px;overflow-x:hidden}.search-totals-banner{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:8px;margin-bottom:16px;padding:12px 16px}.search-totals-title{color:#2e7d32;font-size:13px;font-weight:600;margin-bottom:8px}.search-totals-list{display:flex;flex-direction:column;gap:6px}.search-total-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;padding:8px 12px}.search-total-item .item-name{color:#333;flex:1 1;font-size:13px;font-weight:600;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-total-item .item-stats{color:#666;font-size:12px;white-space:nowrap}.search-total-item .item-stats strong{color:#2e7d32;font-weight:700}.search-total-item .separator{color:#ccc;margin:0 6px}.search-totals-more{color:#666;font-size:12px;font-style:italic;padding:4px 12px}@media (max-width:768px){.search-total-item{align-items:flex-start;flex-direction:column;gap:4px}.search-total-item .item-name{margin-right:0}.search-total-item .item-stats{font-size:11px}}.full-pallet-section{background:var(--bg-light);border:1px solid var(--border-medium);border-radius:var(--radius-lg);display:flex;justify-content:center;margin-bottom:18px;padding:10px 14px}.full-pallet-toggle{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-md);font-weight:500;gap:10px}.full-pallet-toggle input[type=checkbox]{accent-color:var(--danger);cursor:pointer;height:18px;width:18px}.full-pallet-toggle .toggle-label{-webkit-user-select:none;user-select:none}.notes-section{border-bottom:1px solid var(--border-medium);margin-bottom:18px;padding-bottom:18px}.notes-section h3{color:var(--text-secondary);margin:0 0 8px}.notes-section h3,.pallet-notes-display{font-size:var(--font-md);text-align:center}.pallet-notes-display{background:#fffef5;border:1px solid khaki;border-radius:var(--radius-lg);line-height:1.5;margin-bottom:18px;padding:12px 16px}.pallet-notes-display strong{color:var(--text-primary);margin-right:8px}.customer-filter-select{background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-md);transition:all var(--transition-fast)}.customer-filter-select:hover{border-color:var(--primary)}.customer-filter-select:focus{border-color:var(--primary);color:var(--text-primary)}.lot-badge{background:var(--info-light);border-radius:var(--radius-sm);color:var(--info-dark);font-size:var(--font-base)}.customer-selection-section{border-bottom:1px solid var(--border-medium);margin-bottom:18px;padding-bottom:18px}.customer-selection-section h3{color:var(--text-secondary);font-size:var(--font-md);font-weight:600;margin:0 0 8px;text-align:center}.customer-search-container .customer-search-input{font-size:var(--font-md);padding:10px 12px}.customer-dropdown{background:var(--bg-white);border:1px solid var(--border-default);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-lg);max-height:250px;top:100%;z-index:var(--z-dropdown)}.customer-dropdown .dropdown-name{color:var(--text-primary);font-size:var(--font-md)}.customer-dropdown .dropdown-location{color:var(--text-secondary);font-size:var(--font-sm)}.customer-display{background:var(--bg-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;padding:12px 16px;text-align:center}.customer-display strong{color:var(--text-primary);font-size:var(--font-lg)}.customer-note{color:var(--text-secondary);font-size:var(--font-sm)}.add-item-section{border-bottom:1px solid var(--border-medium);margin-bottom:18px;padding-bottom:18px}.add-item-section h3,.pallet-items-section h3{color:var(--text-secondary);font-size:var(--font-md);font-weight:600;margin:0 0 12px;text-align:center}.search-input-wrapper{border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;overflow:hidden}.search-input-wrapper:focus-within{border-color:var(--primary)}.item-search-input{border:none;box-sizing:border-box;flex:1 1;font-size:var(--font-md);outline:none;padding:10px 12px}.item-dropdown{background:var(--bg-white);border:1px solid var(--border-default);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-lg);max-height:250px}.pallet-customer-info{background:var(--bg-light);border-radius:var(--radius-lg);font-size:var(--font-md);margin-bottom:18px;padding:12px 16px;text-align:center}.pallet-customer-info strong{color:var(--text-primary);margin-right:8px}.pallet-items-section{margin-bottom:18px}.no-items{background:var(--bg-lighter);color:var(--text-secondary);padding:40px}.no-items,.pallet-totals{border-radius:var(--radius-lg)}.pallet-totals{background:var(--bg-gray);margin:0 auto;max-width:400px;padding:12px 16px}.total-row{color:var(--text-secondary);font-size:var(--font-md)}.total-row.weight{border-top:1px solid var(--border-default);color:var(--text-primary);font-size:var(--font-xxl)}.modal.pallet-modal .modal-footer{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;justify-content:flex-end;padding:12px 16px}.modal.pallet-modal .modal-footer .modal-btn{flex:1 1;font-size:var(--font-sm);min-width:0;padding:8px 10px}.pallet-image-section{border-top:1px solid var(--border-medium);margin-top:20px;padding-top:20px;text-align:center}.pallet-image-section h3{color:var(--text-secondary);font-size:var(--font-md);font-weight:600;margin:0 0 10px}.image-upload-container{display:flex;justify-content:center;width:100%}.upload-prompt{background:var(--bg-lighter);border:2px dashed var(--border-default);border-radius:var(--radius-lg);margin:0 auto;max-width:300px;padding:16px;text-align:center}.camera-icon{color:var(--text-white);height:18px;width:18px}.image-preview-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:300px}.image-preview,.pallet-image{border:2px solid var(--border-default);border-radius:var(--radius-lg);height:120px;object-fit:cover;width:120px}.image-display{text-align:center}.image-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.upload-disabled-message{background:var(--bg-gray);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-base);font-style:italic;margin:0 auto;max-width:300px;padding:16px;text-align:center}.label-section{border-bottom:1px solid var(--border-medium);margin-bottom:18px;padding-bottom:18px}.label-section h3{color:var(--text-secondary);font-size:var(--font-md);margin:0 0 8px;text-align:center}.label-input-container{gap:12px}.label-text-input{border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-md);min-width:200px;padding:10px 12px;transition:border-color var(--transition-fast)}.label-text-input:focus{border-color:var(--primary)}.label-color-select{background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-md);padding:10px 12px;transition:border-color var(--transition-fast)}.label-color-select:focus{border-color:var(--primary)}.label-preview{background:var(--bg-light);border-radius:var(--radius-md);display:flex;margin-top:12px;padding:12px}.preview-label{color:var(--text-secondary);font-size:var(--font-base)}.pallet-label-display{align-items:center;background:var(--bg-light);border-radius:var(--radius-lg);display:flex;font-size:var(--font-md);gap:8px;justify-content:center;margin-bottom:18px;padding:12px 16px}.pallet-label-display strong{color:var(--text-primary)}.add-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.add-item-header h3{margin:0}.invoice-header-row{border-bottom:2px solid var(--primary);gap:12px}.invoice-customer label{color:var(--text-secondary);font-size:var(--font-xs)}.invoice-customer-display,.invoice-search-wrap input{background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-md)}.invoice-search-wrap input:focus{border-color:var(--primary)}.invoice-customer-display,.pallet-options-row{background:var(--bg-light)}.pallet-options-row{border-radius:var(--radius-lg)}.pallet-options-row .option-group>label{color:var(--text-secondary);font-size:var(--font-xs)}.pallet-options-row .label-group input{border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-base)}.pallet-options-row .label-group input:focus{border-color:var(--primary)}.pallet-options-row .full-group label{background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);font-weight:600;gap:8px;padding:6px 12px;text-transform:none}.pallet-options-row .full-group input[type=checkbox]{accent-color:var(--primary)}.pallet-notes-row{margin-bottom:16px}.pallet-notes-row label{color:var(--text-secondary);display:block;font-size:var(--font-xs);font-weight:600;margin-bottom:6px;text-transform:uppercase}.pallet-notes-row textarea{background:var(--bg-light);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-base);min-height:50px;padding:10px 12px;resize:vertical;width:100%}.pallet-notes-row textarea:focus{background:var(--bg-white);border-color:var(--primary);outline:none}.pallet-notes-row textarea::placeholder{color:var(--text-muted)}.invoice-wheel-btn{background:var(--success-light);border:1px solid var(--success-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);font-weight:500;padding:8px 12px;white-space:nowrap}.invoice-wheel-btn:hover{background:#c8e6c9}.view-info-grid{border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;margin-bottom:20px;padding-bottom:16px}.view-info-item{display:flex;flex-direction:column;gap:4px}.view-info-item.full-width{flex:1 1 100%}.view-info-item label{color:var(--text-secondary);font-size:var(--font-xs)}.view-info-item span{color:var(--text-primary);font-size:var(--font-md)}.view-info-item .full-badge{background:var(--primary);border-radius:var(--radius-sm);color:var(--text-white);font-size:var(--font-sm);font-weight:600;padding:6px 12px}.view-photo{margin-top:16px;text-align:center}.view-photo img{border:1px solid var(--border-default);border-radius:var(--radius-lg);max-height:150px;max-width:200px}.compact-options-row{align-items:flex-end;background:var(--bg-light);border-radius:var(--radius-lg);display:flex;gap:12px;margin-bottom:12px;padding:12px 16px}.compact-options-row .option-group{display:flex;flex-direction:column;gap:4px}.compact-options-row .option-group>label{color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.compact-options-row .label-group{flex:1 1}.compact-options-row .label-group input{background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-md);padding:8px 12px;width:100%}.compact-options-row .label-group input:focus{border-color:var(--primary);outline:none}.color-dots{display:flex;gap:4px}.color-dot{border:2px solid #0000;border-radius:var(--radius-circle);cursor:pointer;height:24px;padding:0;transition:all .15s;width:24px}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-white),0 0 0 4px var(--text-primary)}.color-dot.red{background:var(--label-red)}.color-dot.blue{background:var(--label-blue)}.color-dot.green{background:var(--label-green)}.color-dot.orange{background:var(--label-orange)}.color-dot.purple{background:var(--label-purple)}.color-dot.yellow{background:var(--label-yellow)}.color-dot.pink{background:var(--label-pink)}.color-dot.gray{background:var(--label-gray)}.full-toggle-label{align-items:center;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-base);font-weight:500;gap:6px;padding:8px 12px;transition:all .15s}.full-toggle-label:hover{border-color:var(--primary)}.full-toggle-label input{accent-color:var(--primary);height:16px;width:16px}.full-toggle-label input:checked+span{color:var(--primary);font-weight:600}.compact-notes{margin-bottom:16px}.compact-notes input{background:var(--bg-lighter);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-md);padding:10px 14px;width:100%}.compact-notes input:focus{background:var(--bg-white);border-color:var(--primary);outline:none}.compact-notes input::placeholder{color:var(--text-muted);font-style:italic}.compact-photo-row{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:8px;margin-top:12px;padding:10px 0}.compact-photo-thumb{border:1px solid var(--border-default);border-radius:var(--radius-md);height:48px;object-fit:cover;width:48px}.compact-photo-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-base);gap:4px;padding:8px 14px;transition:all .15s}.compact-photo-btn:hover{background:#fff5f5;border-color:var(--primary)}.compact-photo-btn.add{background:var(--bg-light)}.compact-photo-btn.remove{border-color:var(--danger-border);color:var(--danger);padding:8px 10px}.compact-photo-btn.remove:hover{background:var(--danger-light);border-color:var(--danger)}.mobile-item-card{background:var(--bg-light);border:1px solid var(--border-default);border-radius:var(--radius-md)}.mobile-item-card .item-part{color:var(--primary)}.mobile-item-card .item-name{color:var(--text-primary);font-size:var(--font-sm)}.mobile-item-card .item-details{color:var(--text-secondary);font-size:var(--font-xs)}.mobile-item-card .remove-btn{background:var(--danger-light);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--font-md)}.mobile-add-form{background:var(--bg-white);border:2px dashed var(--border-default);border-radius:var(--radius-lg)}.mobile-add-form label{color:var(--text-secondary);font-size:var(--font-xs)}.mobile-add-form input{border:1px solid var(--border-default)}.mobile-add-form .add-btn,.mobile-add-form input{border-radius:var(--radius-md);font-size:var(--font-md)}.mobile-add-form .add-btn{background:var(--primary);color:var(--text-white)}@media (max-width:768px){.pallets-page{box-sizing:border-box;padding:0 12px;width:100%}.add-item-form{gap:8px}.item-search-container{min-width:120px}.modal.pallet-modal .modal-footer{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:center!important}.modal.pallet-modal .modal-footer .modal-btn,.modal.pallet-modal .modal-footer button{flex:1 1!important;font-size:var(--font-sm)!important;min-width:0!important;padding:10px 8px!important;width:auto!important}.add-item-header{align-items:stretch;flex-direction:column;gap:12px}.mobile-items-form{display:block!important}}@media (max-width:600px){.modal.pallet-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%;width:100%}.invoice-form{padding:12px}.invoice-header-row{align-items:stretch;flex-direction:column;gap:8px}.invoice-customer{width:100%}.pallet-options-row{flex-wrap:wrap;gap:12px;padding:10px 12px}.pallet-options-row .label-group{flex:1 1 100%}.pallet-options-row .full-group{flex:1 1}.compact-options-row{flex-wrap:wrap}.compact-options-row .label-group{flex:1 1 100%;margin-bottom:8px}.compact-options-row .color-group,.compact-options-row .full-group{flex:1 1}}.shipments-page{margin:0 auto;max-width:1400px;overflow-x:hidden}.clickable-link{color:var(--primary-color);transition:all .2s}.clickable-link:hover{color:var(--primary-hover);-webkit-text-decoration-color:var(--primary-hover);text-decoration-color:var(--primary-hover)}.shipment-number{color:var(--primary-color);font-weight:600}.shipment-customer-info{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:24px;padding:16px}.shipment-customer-info strong{color:#2e7d32;display:block;font-size:14px;margin-bottom:4px}.customer-note{color:#666;font-size:12px;font-style:italic;margin:4px 0 0}.add-pallet-section{margin-bottom:24px}.add-pallet-section h3,.selected-pallets-section h3{color:#333;font-size:16px;margin:0 0 16px}.pallet-search-container{position:relative}.unified-search-box{gap:8px}.unified-search-box:focus-within{box-shadow:0 0 0 2px #8b1c241a}.unified-search-box input{font-size:14px}.unified-search-box .scan-btn{background:var(--primary-color);border-radius:6px;color:#fff;transition:background .2s}.unified-search-box .scan-btn:hover{background:var(--primary-hover)}.dropdown-toggle-btn{background:#f5f5f5;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:12px;padding:8px 12px;transition:background .2s}.dropdown-toggle-btn:hover{background:#e0e0e0}.pallet-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.dropdown-item{align-items:center;justify-content:space-between;padding:12px}.dropdown-pallet-num{color:var(--primary-color);font-weight:600}.dropdown-pallet-info{color:#666;font-size:12px}.dropdown-empty{padding:16px}.selected-pallets-section{margin-bottom:24px}.no-pallets{color:#666;padding:30px;text-align:center}.no-pallets,.selected-pallets-table{background:#f9f9f9;border-radius:8px}.selected-pallets-table{border-collapse:collapse;overflow:hidden;width:100%}.selected-pallets-table th{background:#f0f0f0;color:#666;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.selected-pallets-table td{border-top:1px solid #e0e0e0;color:#333;font-size:14px;padding:12px 16px}.pallet-number{color:var(--primary-color)}.remove-pallet-btn{background:#ffebee;border:none;border-radius:50%;color:#d32f2f;cursor:pointer;font-size:18px;height:28px;width:28px}.remove-pallet-btn:hover{background:#ffcdd2}.shipment-totals{background:#f5f5f5;border-radius:8px;padding:16px 20px}.total-row.weight{font-size:18px}.shipment-view-content{padding:16px 20px}.view-header-grid{border:1px solid #ddd;border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:16px;overflow:hidden}.view-cell{background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:10px 12px}.view-cell:nth-child(4n){border-right:none}.view-cell:nth-last-child(-n+4){border-bottom:none}.view-cell-label{color:#666;font-size:10px;margin-bottom:4px;text-transform:uppercase}.view-cell-value{color:#333;font-size:14px;font-weight:600}.view-cell-customer{grid-column:span 3}.view-cell-customer .view-cell-value{font-size:16px;font-weight:700}.view-cell-status{display:flex;flex-direction:column}.view-cell-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;padding:4px 12px;text-align:center;text-transform:uppercase}.view-cell-badge.status-pending{background:#fff3cd;color:#856404}.view-cell-badge.status-shipped{background:#d4edda;color:#155724}.shipment-info{margin-bottom:18px}.info-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{color:#666;font-size:11px;text-transform:uppercase}.info-value{color:#333;font-size:14px;font-weight:600}.items-section,.pallets-section{margin-bottom:18px}.items-section h3,.pallets-section h3{color:#666;font-size:13px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.view-items-table,.view-pallets-table{background:#f9f9f9;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.view-items-table th,.view-pallets-table th{background:#f0f0f0;color:#666;font-size:11px;font-weight:600;padding:10px 12px;text-align:left}.view-items-table td,.view-pallets-table td{border-top:1px solid #e0e0e0;color:#333;font-size:13px;padding:10px 12px}.shipment-action-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;min-width:80px;padding:6px 12px;text-align:center;transition:background .2s}.shipment-action-btn.shipped{background:#2e7d32}.shipment-action-btn.shipped:hover{background:#1b5e20}.shipment-action-btn.edit{background:#f57c00}.shipment-action-btn.edit:hover{background:#e65100}.shipment-action-btn.pallet-list{background:#7b1fa2}.shipment-action-btn.pallet-list:hover{background:#6a1b9a}.shipment-action-btn.packing-slip{background:#1976d2}.shipment-action-btn.packing-slip:hover{background:#1565c0}.shipment-action-btn.delete{background:#d32f2f}.shipment-action-btn.delete:hover{background:#b71c1c}.delete-confirm-overlay{z-index:1010}.delete-confirm-dialog{border-radius:8px;max-width:350px}.delete-confirm-actions{margin-top:16px}.delete-confirm-actions .delete-btn{background:#d32f2f}.delete-confirm-actions .delete-btn:hover{background:#b71c1c}.pallet-link{color:#1976d2;cursor:pointer}.pallet-link:hover{color:#1565c0}.view-pallet-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;transition:background .2s}.view-pallet-btn:hover{background:#1565c0}.pallet-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.pallet-preview-modal{max-width:600px}.preview-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.preview-info-item{display:flex;flex-direction:column;gap:4px}.preview-info-item .label{color:#666;font-size:12px;font-weight:500}.preview-info-item .value{color:#333;font-size:14px;font-weight:600}.preview-image-section{margin-bottom:20px}.preview-image-section h4{color:#666;font-size:14px;margin:0 0 10px}.preview-pallet-image{border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.preview-items-section h4{color:#666;font-size:14px;margin:0 0 10px}.preview-items-table{border-collapse:collapse;font-size:13px;width:100%}.preview-items-table td,.preview-items-table th{border-bottom:1px solid #e0e0e0;padding:8px;text-align:left}.preview-items-table th{background:#f5f5f5;color:#666;font-weight:600}.preview-items-table tbody tr:hover{background:#f9f9f9}.pallet-label-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.pallet-label-badge.red{background:#e74c3c}.pallet-label-badge.orange{background:#f39c12}.pallet-label-badge.yellow{background:#f1c40f;color:#333}.pallet-label-badge.green{background:#27ae60}.pallet-label-badge.blue{background:#3498db}.pallet-label-badge.purple{background:#9b59b6}.pallet-label-badge.gray{background:#95a5a6}.pallet-label-badge.small{font-size:10px;margin-left:6px;padding:1px 6px;vertical-align:middle}.pallet-full-badge{border-radius:4px;color:#fff;font-size:11px;margin-left:6px;padding:2px 8px}.pallet-full-badge.small{font-size:9px;padding:1px 5px;vertical-align:middle}.pallet-photo-cell{text-align:center;width:50px}.photo-wrapper{display:inline-block;position:relative}.pallet-thumbnail{border-radius:12px;box-shadow:0 2px 8px #00000026;cursor:pointer;height:48px;object-fit:cover;transition:all .2s;width:48px}.pallet-thumbnail:hover{box-shadow:0 4px 12px #0003;transform:scale(1.08)}.photo-delete-btn{align-items:center;background:#e53935;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:-6px;top:-6px;transition:background .2s;width:20px}.photo-delete-btn:hover{background:#c62828}.photo-preview-overlay{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:20000}.photo-preview-img{border-radius:8px;box-shadow:0 8px 32px #00000080;cursor:default;max-height:85vh;max-width:90vw;object-fit:contain}.photo-preview-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;position:fixed;right:16px;top:16px;transition:background .2s;width:44px;z-index:20001}.photo-preview-close:hover{background:#ffffff4d}.photo-btn-group{display:flex;gap:4px}.camera-btn,.gallery-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s;width:36px}.camera-btn{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 2px 6px #1976d24d}.camera-btn:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);transform:scale(1.05)}.gallery-btn{background:linear-gradient(135deg,#7b1fa2,#6a1b9a);box-shadow:0 2px 6px #7b1fa24d}.gallery-btn:hover{background:linear-gradient(135deg,#6a1b9a,#4a148c);transform:scale(1.05)}.camera-btn svg,.gallery-btn svg{fill:#fff;height:20px;width:20px}.shipments-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.shipment-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.shipment-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.shipment-card .card-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;padding:16px}.card-shipment-number{color:var(--primary-color);font-size:18px;font-weight:700}.shipment-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.card-customer-name{border-bottom:2px solid #e0e0e0;color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0;padding-bottom:12px;text-align:center}.shipment-card .card-details{display:flex;flex-direction:column;gap:8px}.shipment-card .card-detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:6px 0}.shipment-card .card-detail-item:last-child{border-bottom:none}.shipment-card .detail-label{color:#666;font-size:13px;font-weight:500}.shipment-card .detail-value{color:#333;font-size:14px;font-weight:600}.shipment-card .card-footer{background:#fafafa;border-top:1px solid #e0e0e0;padding:12px 16px}.shipment-card .card-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;width:100%}.shipment-card .card-action-btn.view{background:#e3f2fd;color:#1976d2}.shipment-card .card-action-btn.view:hover{background:#bbdefb}.modal.shipment-modal .modal-body.invoice-style{box-sizing:border-box;max-width:100%;overflow:visible;padding:0;width:100%}.modal.shipment-modal .invoice-form{box-sizing:border-box;padding:20px}.modal.shipment-modal .invoice-header-row{align-items:flex-start;border-bottom:2px solid var(--primary-color);display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px}.modal.shipment-modal .invoice-customer{flex:1 1;min-width:200px}.modal.shipment-modal .invoice-customer label{color:#666;display:block;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.modal.shipment-modal .invoice-search-wrap{position:relative;width:100%}.modal.shipment-modal .invoice-customer-display,.modal.shipment-modal .invoice-search-wrap input{background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.modal.shipment-modal .invoice-search-wrap input:focus{border-color:var(--primary-color);outline:none}.modal.shipment-modal .invoice-customer-display{background:#f8f9fa;font-weight:500}.modal.shipment-modal .invoice-select{background:#fff;border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;min-width:150px;padding:10px 12px}.modal.shipment-modal .invoice-select:focus{border-color:var(--primary-color);outline:none}.modal.shipment-modal .carrier-input-row{align-items:center;display:flex;gap:8px}.modal.shipment-modal .invoice-add-carrier-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:var(--primary-color);cursor:pointer;font-size:18px;font-weight:700;height:36px;width:36px}.modal.shipment-modal .invoice-add-carrier-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.modal.shipment-modal .invoice-carrier-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:13px;padding:8px 10px}.modal.shipment-modal .invoice-add-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px}.modal.shipment-modal .invoice-cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:16px;height:30px;width:30px}.modal.shipment-modal .invoice-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.modal.shipment-modal .invoice-dropdown-item{border-bottom:1px solid #eee;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px 12px}.modal.shipment-modal .invoice-dropdown-item:hover{background:#fff5f5}.modal.shipment-modal .invoice-dropdown-item strong{color:#333;font-size:13px}.modal.shipment-modal .invoice-dropdown-item span{color:#666;font-size:12px}.modal.shipment-modal .dropdown-item-header{align-items:center;display:flex;gap:8px}.modal.shipment-modal .dropdown-badges{display:flex;gap:4px}.modal.shipment-modal .badge-full{background:#dc3545;border-radius:3px;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;text-transform:uppercase}.modal.shipment-modal .badge-label{border-radius:3px;color:#fff;font-size:9px;font-weight:600;padding:2px 5px}.modal.shipment-modal .shipment-options-row{align-items:flex-end;background:#f8f9fa;border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:12px 16px}.modal.shipment-modal .shipment-options-row .option-group{display:flex;flex-direction:column;gap:6px}.modal.shipment-modal .shipment-options-row .option-group label{color:#666;font-size:11px;font-weight:600;text-transform:uppercase}.modal.shipment-modal .shipment-options-row .option-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;width:140px}.modal.shipment-modal .shipment-options-row .option-group input:focus{border-color:var(--primary-color);outline:none}.modal.shipment-modal .shipment-notes-row{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px 16px}.modal.shipment-modal .shipment-notes-row label{color:#666;display:block;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.modal.shipment-modal .shipment-notes-row textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;min-height:50px;padding:10px 12px;resize:vertical;width:100%}.modal.shipment-modal .shipment-notes-row textarea:focus{border-color:var(--primary-color);outline:none}.view-cell-notes{background:#fffde7;border-left:3px solid #ffc107;grid-column:1/-1}.modal.shipment-modal .invoice-table-wrap{border:1px solid #ddd;border-radius:8px;overflow:visible}.modal.shipment-modal .invoice-table{border-collapse:collapse;font-size:13px;width:100%}.modal.shipment-modal .invoice-table th{background:#f5f5f5;border-bottom:2px solid #ddd;color:#666;font-size:11px;font-weight:600;padding:10px 12px;text-align:left;text-transform:uppercase}.modal.shipment-modal .invoice-table td{border-bottom:1px solid #eee;padding:10px 12px;vertical-align:middle}.modal.shipment-modal .invoice-table .col-pallet{width:140px}.modal.shipment-modal .invoice-table .col-contents{width:auto}.modal.shipment-modal .invoice-table .col-weight{text-align:right;width:80px}.modal.shipment-modal .invoice-table .col-action{text-align:center;width:45px}.verified-badge{background:#e8f5e9;border-radius:4px;color:#2e7d32;font-size:11px;font-weight:600;padding:2px 8px}.verify-done{gap:6px}.verify-done,.verify-inline{align-items:center;display:flex}.verify-inline{flex-wrap:nowrap;gap:4px}.col-verify{white-space:nowrap}.verified-check{align-items:center;background:#2e7d32;border-radius:50%;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;margin-left:6px;vertical-align:middle;width:18px}.modal.shipment-modal .invoice-table .pallet-link{color:var(--primary-color);cursor:pointer;font-weight:600}.modal.shipment-modal .invoice-table .pallet-link:hover{text-decoration:underline}.modal.shipment-modal .invoice-table .label-badge-inline{font-weight:600}.modal.shipment-modal .invoice-table .full-badge-inline,.modal.shipment-modal .invoice-table .label-badge-inline{border-radius:3px;color:#fff;display:inline-block;font-size:10px;margin-left:6px;padding:2px 6px;text-transform:uppercase}.modal.shipment-modal .invoice-table .full-badge-inline{background:#d32f2f;font-weight:700}.modal.shipment-modal .invoice-table .item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;overflow:hidden}.modal.shipment-modal .invoice-remove-btn{background:#fee;border:none;border-radius:6px;color:#d32f2f;cursor:pointer;font-size:16px;font-weight:700;height:28px;width:28px}.modal.shipment-modal .invoice-remove-btn:hover{background:#fcc}.modal.shipment-modal .invoice-table tr.add-row{background:#fafafa}.modal.shipment-modal .invoice-table tr.add-row td{border-bottom:none;padding:10px 12px}.modal.shipment-modal .invoice-item-search{display:flex;gap:4px;position:relative;width:100%}.modal.shipment-modal .invoice-item-search input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;min-width:0;padding:10px 12px}.modal.shipment-modal .invoice-item-search input:focus{border-color:var(--primary-color);outline:none}.modal.shipment-modal .invoice-item-search input:disabled{background:#f5f5f5;cursor:not-allowed}.modal.shipment-modal .invoice-scan-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px}.modal.shipment-modal .invoice-scan-btn:hover{background:#f5f5f5;border-color:var(--primary-color);color:var(--primary-color)}.modal.shipment-modal .invoice-item-search .invoice-dropdown{left:0;max-width:400px;right:auto;top:calc(100% + 2px);width:100%}.modal.shipment-modal .invoice-totals{background:#f8f9fa;border-radius:6px;margin-top:12px;padding:10px 14px;text-align:right}.modal.shipment-modal .invoice-total-row{display:flex;font-size:14px;gap:24px;justify-content:flex-end}.modal.shipment-modal .invoice-total-row span{color:#666}.modal.shipment-modal .invoice-total-row .total-weight{color:var(--primary-color);font-size:16px;font-weight:700}@media (max-width:1024px){.shipments-cards-container{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.shipments-page{box-sizing:border-box;padding:0 12px;width:100%}.shipments-cards-container{gap:12px;grid-template-columns:1fr}.info-grid{gap:8px 12px}.info-label{font-size:9px}.info-value{font-size:13px}.view-items-table td,.view-items-table th,.view-pallets-table td,.view-pallets-table th{font-size:12px;padding:6px 8px}.view-items-table th,.view-pallets-table th{font-size:9px}.modal.shipment-modal .modal-footer{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:center!important}.modal.shipment-modal .modal-footer .shipment-action-btn,.modal.shipment-modal .modal-footer button{flex:1 1!important;font-size:12px!important;min-width:0!important;padding:10px 8px!important;width:auto!important}.modal.shipment-modal .invoice-form{padding:10px}.modal.shipment-modal .invoice-header-row{flex-direction:column;gap:12px}.modal.shipment-modal .invoice-customer{min-width:0;width:100%}.modal.shipment-modal .invoice-customer label{font-size:10px}.modal.shipment-modal .invoice-customer-display,.modal.shipment-modal .invoice-search-wrap input,.modal.shipment-modal .invoice-select{font-size:13px;padding:8px 10px}.modal.shipment-modal .shipment-options-row{gap:8px;padding:8px 10px}.modal.shipment-modal .shipment-options-row .option-group label{font-size:9px}.modal.shipment-modal .shipment-options-row .option-group input{font-size:12px;padding:6px 8px}.modal.shipment-modal .invoice-table-wrap{overflow:visible}.modal.shipment-modal .invoice-table{font-size:12px}.modal.shipment-modal .invoice-table th{font-size:9px;padding:8px 6px}.modal.shipment-modal .invoice-table td{padding:8px 6px}.modal.shipment-modal .invoice-totals{padding:8px 10px}.modal.shipment-modal .invoice-total-row{font-size:12px;gap:10px}.modal.shipment-modal .invoice-table-wrap{display:none}.modal.shipment-modal .mobile-items-form{display:block!important}}.modal.shipment-modal .mobile-items-form{display:none}.modal.shipment-modal .mobile-item-card{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:flex;gap:8px;margin-bottom:6px;padding:8px 10px}.modal.shipment-modal .mobile-item-card .item-info{flex:1 1;min-width:0}.modal.shipment-modal .mobile-item-card .item-part{color:#8b1538;color:var(--primary-color,#8b1538);display:block;font-size:12px;font-weight:600}.modal.shipment-modal .mobile-item-card .item-name{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal.shipment-modal .mobile-item-card .item-details{color:#666;flex-shrink:0;font-size:11px}.modal.shipment-modal .mobile-item-card .remove-btn{background:#ffeaea;border:none;border-radius:4px;color:#dc3545;cursor:pointer;flex-shrink:0;font-size:14px;height:24px;width:24px}.modal.shipment-modal .mobile-add-form{background:#fff;border:2px dashed #ddd;border-radius:10px;padding:12px}.modal.shipment-modal .mobile-add-form .form-row{margin-bottom:0}.modal.shipment-modal .mobile-add-form label{color:#666;display:block;font-size:10px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.modal.shipment-modal .mobile-add-form input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.wheels-page{margin:0 auto;max-width:1400px;overflow-x:hidden}.wheel-number{color:var(--primary-color);font-weight:600}.wheel-contents{max-width:200px}.items-preview{font-size:12px;line-height:1.3}.card-items-preview{margin-top:4px;padding-top:4px}.modal-title-section{gap:12px}.lot-badge{font-size:13px}.customer-filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:8px 16px;transition:all .2s}.customer-filter-select:focus,.customer-filter-select:hover{border-color:var(--primary-color)}.customer-filter-select:focus{color:#333}.modal.wheel-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.wheel-modal .modal-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.wheel-modal .modal-header h2{color:#333;font-size:20px;margin:0}.wheel-modal .close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:28px;line-height:1}.wheel-modal .close-btn:hover{color:#333}.wheel-modal .modal-body{align-items:center;display:flex;flex-direction:column;padding:28px}.wheel-modal .customer-selection-section{margin-bottom:24px;max-width:400px;width:100%}.wheel-modal .customer-selection-section h3{color:#555;font-size:14px;font-weight:600;margin:0 0 10px}.customer-search-container{position:relative}.customer-search-container .unified-search-box{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;overflow:hidden;padding:0;transition:all .2s ease}.customer-search-container .unified-search-box:focus-within{border-color:var(--primary-color)}.customer-search-container .search-icon{color:#999;flex-shrink:0;height:16px;margin-left:12px;width:16px}.customer-search-container .customer-search-input{background:#0000;border:none;flex:1 1;font-size:14px;min-width:0;outline:none;padding:8px 12px}.customer-search-container .dropdown-toggle{align-items:center;background:#f8f9fa;border:none;border-left:1px solid #ddd;color:#666;cursor:pointer;display:flex;font-size:10px;height:42px;justify-content:center;transition:all .2s;width:40px}.customer-search-container .dropdown-toggle:hover{background:#dee2e6;color:#333}.customer-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.customer-dropdown .dropdown-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px}.customer-dropdown .dropdown-item:last-child{border-bottom:none}.customer-dropdown .dropdown-item:hover{background:#f8f9fa}.customer-dropdown .dropdown-name{color:#333;font-size:14px;font-weight:600}.customer-dropdown .dropdown-location{color:#666;font-size:12px}.notes-section{margin-bottom:24px;max-width:400px;width:100%}.notes-section h3{color:#555;font-size:14px;font-weight:600;margin:0 0 10px}.notes-input{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:60px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .2s;width:100%}.notes-input:focus{border-color:var(--primary-color)}.wheel-notes-display{background:#f8f9fa;border-radius:8px;font-size:14px;margin-bottom:24px;padding:12px 16px}.wheel-notes-display strong{color:#333;margin-right:8px}.add-item-section{background:#f8f9fa;margin-bottom:24px;max-width:550px;width:100%}.add-item-section h3,.wheel-items-section h3{color:#555;font-size:14px}.wheel-items-section h3{font-weight:600;margin:0 0 12px}.add-item-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.add-item-form{align-items:flex-end}.lot-toggle-switch{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s;-webkit-user-select:none;user-select:none}.lot-toggle-switch:hover{border-color:var(--primary-color)}.lot-toggle-switch.active{background:#e8f5e9;border-color:#4caf50}.lot-toggle-switch .toggle-track{background:#ccc;border-radius:10px;height:20px;position:relative;transition:background .2s;width:36px}.lot-toggle-switch.active .toggle-track{background:#4caf50}.lot-toggle-switch .toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;left:2px;position:absolute;top:2px;transition:left .2s;width:16px}.lot-toggle-switch.active .toggle-thumb{left:18px}.lot-toggle-switch .toggle-label{color:#666;font-size:13px;font-weight:500}.lot-toggle-switch.active .toggle-label{color:#2e7d32}.item-search-container{min-width:200px}.unified-search-box:focus-within{border-color:var(--primary-color)}.unified-search-box .item-search-input{padding:10px 12px}.unified-search-box .scan-btn{background:#0000;padding:8px}.unified-search-box .scan-btn:hover{color:var(--primary-color)}.unified-search-box .dropdown-toggle{background:#f8f9fa;height:42px}.unified-search-box .dropdown-toggle:hover{background:#eee}.item-dropdown{max-height:200px;top:calc(100% + 4px);z-index:9999}.dropdown-item{padding:10px 14px;transition:background .15s ease}.dropdown-item:first-child{border-radius:14px 14px 0 0}.dropdown-item:last-child{border-radius:0 0 14px 14px}.dropdown-item:only-child{border-radius:14px}.dropdown-item:hover{background:#f8f9fa}.dropdown-part{color:var(--primary-color);font-size:11px}.dropdown-name{font-size:13px}.dropdown-empty{color:#888;font-size:13px;padding:14px}.qty-control{background:#fff}.qty-control:focus-within{border-color:var(--primary-color)}.qty-btn{background:#f8f9fa;font-weight:500;height:38px;transition:all .15s}.qty-btn:hover{background:#eee}.qty-btn.minus{border-right:1px solid #ddd}.qty-btn.plus{border-left:1px solid #ddd;color:var(--primary-color)}.qty-btn.plus:hover{background:#fef5f5}.qty-input{color:#333;font-size:15px}.add-item-btn{background:var(--primary-color);padding:10px 20px;transition:all .15s;white-space:nowrap}.add-item-btn:hover:not(:disabled){background:var(--primary-hover)}.lot-input-group{gap:4px}.lot-type-toggle{background:#eee;border-radius:6px;padding:2px}.lot-toggle-btn{background:#0000;border-radius:4px;color:#666;font-size:11px;padding:4px 10px;transition:all .15s}.lot-toggle-btn:hover{color:#333}.lot-toggle-btn.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#333}.lot-input{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .15s;width:100px}.lot-input:focus{border-color:var(--primary-color)}.lot-input[type=date]{text-align:left;width:150px}.wheel-customer-info{background:#f8f9fa;border-radius:8px;font-size:14px;margin-bottom:24px;padding:16px}.wheel-customer-info strong{color:#333;margin-right:8px}.wheel-items-section{margin-bottom:20px;width:100%}.no-items{background:#f8f9fa;border-radius:8px;color:#888;font-size:14px;padding:30px;text-align:center}.wheel-items-table{background:#fff;border:1px solid #e0e0e0;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.wheel-items-table th{background:#f0f0f0;color:#666;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.wheel-items-table td{border-top:1px solid #e0e0e0;color:#333;font-size:14px;padding:12px 16px}.remove-item-btn{color:#d32f2f}.remove-item-btn:hover{background:#ffcdd2}.wheel-totals{background:#f8f9fa;border-radius:8px;margin-left:auto;max-width:250px;padding:16px 20px;width:100%}.total-row{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.total-row:last-child{margin-bottom:0}.total-row.weight{border-top:1px solid #ddd;color:#333;font-size:16px;font-weight:700;margin-top:8px;padding-top:8px}.modal-btn{border-radius:6px;color:#fff;font-size:14px;min-width:120px;padding:10px 16px;transition:background .2s}.modal-btn.delete{background:#d32f2f}.modal-btn.delete:hover{background:#b71c1c}.modal-btn.save{background:var(--primary-color)}.modal-btn.save:hover:not(:disabled){background:var(--primary-hover)}.modal-btn.edit{background:#f57c00}.modal-btn.edit:hover{background:#e65100}.modal-btn.create-pallet{background:#2e7d32}.modal-btn.create-pallet:hover{background:#1b5e20}.delete-confirm-overlay{border-radius:12px}.delete-confirm-dialog{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;padding:24px}.delete-confirm-dialog h3{color:#d32f2f;font-size:20px;margin:0 0 12px}.delete-confirm-dialog p{color:#333;font-size:14px;margin:0 0 8px}.delete-confirm-dialog .warning-text{color:#666;font-size:13px;margin-bottom:20px}.delete-confirm-actions{gap:12px}.delete-confirm-actions button{border-radius:6px;color:#fff;font-size:14px;padding:10px 20px;transition:background .2s}.confirm-delete-btn{background:#d32f2f}.confirm-delete-btn:hover{background:#b71c1c}.confirm-create-btn{background:#2e7d32}.confirm-create-btn:hover{background:#1b5e20}.confirm-create-btn:disabled{background:#a5d6a7;cursor:not-allowed}.create-pallet-dialog{max-width:500px;padding:32px;position:relative;width:90vw}.create-pallet-dialog h3{color:#2e7d32}.dialog-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px}.dialog-close-btn:hover{background:#f0f0f0;color:#333}.wheel-pallet-options{display:flex;flex-direction:column;gap:10px;margin:16px 0 4px}.wheel-option-btn{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:14px 16px;text-align:left;transition:all .2s;width:100%}.wheel-option-btn.new-pallet{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.wheel-option-btn.new-pallet:hover:not(:disabled){background:#c8e6c9}.wheel-option-btn.existing-pallet{background:#e3f2fd;border-color:#2196f3;color:#1565c0}.wheel-option-btn.existing-pallet:hover:not(:disabled){background:#bbdefb}.wheel-option-btn:disabled{cursor:not-allowed;opacity:.5}.pallet-picker-search{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;margin:12px 0 8px;padding:10px 12px;width:100%}.pallet-picker-search:focus{border-color:#8b1538;border-color:var(--primary-color,#8b1538);outline:none}.pallet-picker-list{border:1px solid #e0e0e0;border-radius:8px;max-height:400px;overflow-y:auto}.pallet-picker-item{background:#fff;border:none;border-bottom:1px solid #eee;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px;text-align:left;transition:background .15s;width:100%}.pallet-picker-item:last-child{border-bottom:none}.pallet-picker-item:hover:not(:disabled){background:#f5f5f5}.pallet-picker-item:disabled{cursor:not-allowed;opacity:.5}.pallet-picker-item strong{color:#8b1538;color:var(--primary-color,#8b1538);font-size:14px}.pallet-picker-item span{color:#666;font-size:12px}.pallet-picker-meta{color:#999!important;font-size:11px!important}.no-pallets-msg{color:#999;font-size:13px;padding:20px;text-align:center}.wheels-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.wheel-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.wheel-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.wheel-card .card-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.card-wheel-number{color:var(--primary-color);font-size:18px;font-weight:700}.wheel-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.card-customer{border-bottom:1px solid #e0e0e0;font-size:13px;gap:8px;padding-bottom:8px}.customer-label{color:#666}.customer-value{color:#333}.card-lot-info{background:#e3f2fd;border-radius:6px;gap:8px;padding:8px 12px}.lot-label{color:#1565c0;font-size:12px}.lot-value{color:#1565c0;font-size:14px}.wheel-card .card-details{display:flex;flex-direction:column;gap:8px}.wheel-card .card-detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:6px 0}.wheel-card .card-detail-item:last-child{border-bottom:none}.wheel-card .detail-label{color:#666;font-size:13px;font-weight:500}.wheel-card .detail-value{color:#333;font-size:14px;font-weight:600}.wheel-card .card-footer{background:#fafafa;border-top:1px solid #e0e0e0;padding:12px 16px}.card-action-btn{width:100%}.card-action-btn.edit{background:#fff3e0;color:#f57c00}.wheel-label-badge{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;margin-left:8px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.wheel-label-badge.red{background-color:#e74c3c}.wheel-label-badge.blue{background-color:#3498db}.wheel-label-badge.green{background-color:#27ae60}.wheel-label-badge.orange{background-color:#f39c12}.wheel-label-badge.purple{background-color:#9b59b6}.wheel-label-badge.yellow{background-color:#f1c40f;color:#333}.wheel-label-badge.pink{background-color:#e91e63}.wheel-label-badge.gray{background-color:#95a5a6}.label-badge-header{border-radius:4px;color:#fff;font-size:12px;padding:4px 12px}.wheel-options-row{align-items:flex-end;background:#f8f9fa;border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:12px 16px}.wheel-options-row .option-group{display:flex;flex-direction:column;gap:6px}.wheel-options-row .option-group>label{color:#666;font-size:11px;font-weight:600;text-transform:uppercase}.wheel-options-row .label-group{flex:0 0 auto}.wheel-options-row .label-group input{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:8px 10px;width:100px}.wheel-options-row .label-group input:focus{border-color:var(--primary-color);outline:none}.wheel-options-row .color-input{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;height:36px;padding:2px;width:40px}.wheel-options-row .color-input::-webkit-color-swatch-wrapper{padding:2px}.wheel-options-row .color-input::-webkit-color-swatch{border:none;border-radius:4px}.label-section{margin-bottom:24px;max-width:400px;width:100%}.label-section h3{color:#555;font-size:14px;font-weight:600;margin:0 0 10px}.label-input-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.label-text-input{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;min-width:140px;outline:none;padding:10px 14px;transition:border-color .2s}.label-text-input:focus{border-color:var(--primary-color)}.label-color-select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.label-color-select:focus{border-color:var(--primary-color)}.clear-label-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px;transition:all .2s}.clear-label-btn:hover{background:#eee}.label-preview{align-items:center;background:#f8f9fa;border-radius:6px;display:inline-flex;gap:8px;margin-top:10px;padding:8px 12px}.preview-label{color:#666;font-size:13px;font-weight:600}.wheel-label-display{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.wheel-label-display strong{color:#333}.card-header-left,.card-header-right{gap:8px}.modal-body.invoice-style{box-sizing:border-box;max-width:100%;overflow:visible;padding:0;width:100%}.invoice-form{box-sizing:border-box;padding:20px}.invoice-header-row{align-items:flex-end;border-bottom:2px solid var(--primary-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.invoice-customer{flex:0 0 auto;width:220px}.invoice-customer label{color:#666;display:block;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.invoice-search-wrap{position:relative;width:100%}.invoice-customer-display,.invoice-search-wrap input{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.invoice-search-wrap input:focus{border-color:var(--primary-color);outline:none}.invoice-customer-display{background:#f8f9fa;font-weight:500}.invoice-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026}.invoice-dropdown-item{border-bottom:1px solid #eee;padding:10px 12px}.invoice-dropdown-item:hover{background:#fff5f5}.invoice-dropdown-item strong{color:#333;font-size:13px}.invoice-dropdown-item span{color:#666;font-size:12px}.pallet-options-row{align-items:flex-end;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px 16px}.pallet-options-row .option-group{display:flex;flex-direction:column;gap:6px}.pallet-options-row .option-group>label{color:#666;font-size:11px;font-weight:600;text-transform:uppercase}.pallet-options-row .label-group{flex:0 0 auto}.pallet-options-row .label-group input{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:8px 10px;width:100px}.pallet-options-row .label-group input:focus{border-color:var(--primary-color);outline:none}.pallet-options-row .color-input{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;height:36px;padding:2px;width:40px}.pallet-options-row .color-input::-webkit-color-swatch-wrapper{padding:2px}.pallet-options-row .color-input::-webkit-color-swatch{border:none;border-radius:4px}.pallet-options-row .full-group{margin-left:auto}.pallet-options-row .full-group label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.pallet-options-row .full-group input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.invoice-table-wrap{border:1px solid #ddd;border-radius:8px}.invoice-table{font-size:13px}.invoice-table th{background:#f5f5f5;border-bottom:2px solid #ddd;color:#666;font-size:11px;font-weight:600;padding:10px 8px}.invoice-table td{border-bottom:1px solid #eee;padding:10px 8px}.invoice-table .col-item{width:auto}.invoice-table .col-qty{width:70px}.invoice-table .col-lot{width:110px}.invoice-table .col-action{padding-right:12px;width:45px}.invoice-table .item-part{color:var(--primary-color);font-size:11px}.invoice-table .item-name{color:#333;display:block;font-size:13px}.invoice-table td input[type=number]{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 10px;text-align:center;width:60px}.invoice-table td input[type=number]:focus{border-color:var(--primary-color);outline:none}.invoice-remove-btn{background:#fee;border-radius:6px;color:#d32f2f;font-size:16px;font-weight:700;height:32px;line-height:1;width:32px}.invoice-remove-btn:hover{background:#fcc}.invoice-table tr.add-row{background:#fafafa}.invoice-table tr.add-row td{border-bottom:none;padding:10px 8px}.invoice-table tr.add-row td.col-action{padding-right:12px}.invoice-item-search{display:flex;gap:4px;width:100%}.invoice-item-search input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;min-width:0;padding:10px 12px}.invoice-item-search input:focus{border-color:var(--primary-color)}.invoice-scan-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;padding:8px}.invoice-scan-btn:hover{background:#f5f5f5;border-color:var(--primary-color)}.invoice-item-search .invoice-dropdown{left:0;right:auto;top:calc(100% + 2px);width:280px;z-index:9999}.invoice-lot-input{gap:6px}.invoice-lot-input input[type=text]{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:13px;padding:8px 10px;text-transform:uppercase}.invoice-lot-input .lot-date-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;height:34px;justify-content:center;position:relative;width:34px}.invoice-lot-input .lot-date-btn:hover{background:#eee}.invoice-lot-input .lot-date-btn input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.invoice-lot-input input:focus{border-color:var(--primary-color);outline:none}.invoice-add-btn{background:var(--primary-color);border-radius:6px;color:#fff;font-size:18px;height:34px;width:34px}.invoice-add-btn:hover:not(:disabled){background:var(--primary-hover)}.invoice-totals{background:#f8f9fa;border-radius:6px;margin-top:12px;padding:10px 14px;text-align:right}.invoice-total-row{font-size:14px;gap:24px;justify-content:flex-end}.invoice-total-row span{color:#666}.invoice-total-row .total-weight{color:var(--primary-color);font-size:16px}.view-pallet-info{padding:20px}.view-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.view-info-item{background:#f8f9fa;border-radius:8px;padding:12px 16px}.view-info-item label{color:#666;display:block;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.view-info-item span{color:#333;font-size:15px;font-weight:500}.view-items-section h4{color:#333;font-size:14px;margin-bottom:12px}.view-items-table{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.view-items-table th{background:#f5f5f5;color:#666;font-size:11px;padding:10px 12px}.view-items-table td{border-top:1px solid #eee;font-size:13px;padding:10px 12px}.view-totals{background:#f8f9fa;border-radius:8px;display:flex;gap:32px;justify-content:flex-end;margin-top:16px;padding:12px 16px}.view-total-item{align-items:baseline;display:flex;gap:8px}.view-total-item label{color:#666;font-size:13px}.view-total-item span{color:#333;font-size:16px;font-weight:700}.header-badges{align-items:center;display:flex;gap:8px;margin-left:12px}.full-badge{background:#d32f2f;border-radius:4px;color:#fff;font-size:11px;font-weight:700;margin-left:8px;padding:4px 10px;text-transform:uppercase}@media (max-width:1024px){.wheels-cards-container{gap:16px;grid-template-columns:repeat(3,1fr)}.wheels-table td,.wheels-table th{font-size:13px;padding:10px 8px}}@media (max-width:768px){.wheels-page{box-sizing:border-box;padding:0 12px;width:100%}.wheels-cards-container{gap:12px;grid-template-columns:1fr}.wheels-table td,.wheels-table th{font-size:12px;padding:8px 6px}.add-item-form,.add-item-row{gap:8px}.item-search-container{min-width:120px}.qty-control{transform:scale(.9)}.lot-toggle-switch{font-size:11px;padding:4px 8px}.lot-input{font-size:12px;width:70px}.add-item-btn{font-size:12px;padding:8px 12px}.wheel-items-table td,.wheel-items-table th{font-size:12px;padding:6px 8px}.wheel-items-table th{font-size:9px}.wheel-options-row{flex-wrap:wrap;gap:12px;padding:10px 12px}.wheel-options-row .label-group{flex:1 1 100%}.wheel-options-row .color-group{flex:0 0 auto}.wheel-options-row .color-input{height:40px;width:44px}.modal.wheel-modal .modal-footer{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:center!important}.modal.wheel-modal .modal-footer .modal-btn,.modal.wheel-modal .modal-footer button{flex:1 1!important;font-size:12px!important;min-width:0!important;padding:10px 8px!important;width:auto!important}.invoice-form{padding:10px}.invoice-header-row{gap:10px}.invoice-customer label{font-size:10px}.invoice-customer-display,.invoice-search-wrap input,.invoice-select{font-size:13px;padding:8px 10px}.pallet-options-row{gap:8px;padding:8px 10px}.pallet-options-row .option-group>label{font-size:9px}.pallet-options-row .label-group input{font-size:12px;padding:6px 8px}.pallet-options-row .color-input{height:28px;width:28px}.pallet-options-row .full-group label{font-size:10px;gap:4px}.pallet-options-row .full-group input[type=checkbox]{height:14px;width:14px}.invoice-table-wrap{overflow:visible}.invoice-table{font-size:12px}.invoice-table th{font-size:9px;padding:8px 6px}.invoice-table td{padding:8px 6px}.invoice-totals{padding:8px 10px}.invoice-total-row{font-size:12px;gap:10px}.view-info-grid{gap:8px 12px}.view-info-item label{font-size:9px}.view-info-item span{font-size:13px}.view-totals{gap:12px}.view-total-item label{font-size:11px}.view-total-item span{font-size:14px}.wheel-modal .invoice-table-wrap{display:none}.wheel-modal .mobile-items-form{display:block!important}}.mobile-items-form{display:none}.mobile-item-card{align-items:center;background:#f8f9fa;background:var(--bg-light,#f8f9fa);border:1px solid #ddd;border:1px solid var(--border-default,#ddd);border-radius:8px;display:flex;gap:8px;margin-bottom:6px;padding:8px 10px}.mobile-item-card .item-info{flex:1 1;min-width:0}.mobile-item-card .item-part{color:#8b1538;color:var(--primary-color,#8b1538);display:block;font-size:10px;font-weight:600}.mobile-item-card .item-name{color:#333;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-item-card .item-details{color:#666;display:flex;flex-shrink:0;font-size:11px;gap:8px}.mobile-item-card .remove-btn{background:#ffeaea;border:none;border-radius:4px;color:#dc3545;cursor:pointer;flex-shrink:0;font-size:14px;height:24px;width:24px}.mobile-add-form{background:#fff;border:2px dashed #ddd;border-radius:10px;padding:12px}.mobile-add-form .form-row{margin-bottom:10px}.mobile-add-form label{color:#666;display:block;font-size:10px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.mobile-add-form input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.mobile-add-form .row-flex{display:flex;gap:8px}.mobile-add-form .row-flex>div{flex:1 1}.mobile-add-form .add-btn{background:#8b1538;background:var(--primary-color,#8b1538);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px;width:100%}.mobile-add-form .add-btn:disabled{background:#ccc}.inventory-page{margin:0 auto;max-width:1400px;overflow-x:hidden}.page-header{margin-bottom:48px}.header-top{margin-bottom:16px}.header-left{gap:12px}.header-left h1,.header-top h1{color:#333;font-size:28px}.toolbar{gap:12px;margin-bottom:24px;margin-top:48px}.search-box .scan-btn{border-radius:4px;color:#666;margin-left:8px;padding:4px;transition:all .2s}.search-box .scan-btn:hover{background:#f0f0f0;color:#8b1c24}.view-toggle{background:#f8f9fa;border-radius:24px;padding:4px}.view-toggle-btn.active{box-shadow:0 2px 4px #8b1c244d}.view-toggle-btn.active:hover{background:#6b161c}.inventory-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.inventory-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.inventory-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.inventory-card .card-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;padding:16px}.inventory-card .card-pallet-number{color:#8b1c24;font-size:18px;font-weight:700}.inventory-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.inventory-card .card-lot-info{align-items:center;background:#e3f2fd;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.inventory-card .lot-label{color:#1565c0;font-size:12px;font-weight:600;text-transform:uppercase}.inventory-card .lot-value{color:#1565c0;font-family:Courier New,monospace;font-size:14px;font-weight:700}.inventory-card .card-details{display:flex;flex-direction:column;gap:8px}.inventory-card .card-detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:6px 0}.inventory-card .card-detail-item:last-child{border-bottom:none}.inventory-card .detail-label{color:#666;font-size:13px;font-weight:500}.inventory-card .detail-value{color:#333;font-size:14px;font-weight:600}.error-message{background:#fee;border-radius:8px;margin-bottom:16px;padding:12px 16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;gap:16px;padding:20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:10px;font-size:24px;height:50px;justify-content:center;width:50px}.stat-content{flex:1 1}.stat-value{font-size:28px;line-height:1;margin-bottom:4px}.inventory-list{display:flex;flex-direction:column;gap:12px}.pallet-list-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s}.pallet-list-card:hover{box-shadow:0 4px 16px #0000001f}.pallet-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.pallet-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.pallet-header:hover{background:#f9f9f9}.pallet-header.expanded{background:#f5f5f5;border-bottom:1px solid #e0e0e0}.pallet-info{align-items:center;display:flex;gap:12px}.expand-icon{color:#666;font-size:12px;width:16px}.pallet-number{color:#8b1c24;font-size:16px;font-weight:700}.lot-badge{background:#e3f2fd;border-radius:4px;color:#1565c0;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:4px 10px}.pallet-meta{align-items:center;display:flex;gap:20px}.meta-item{color:#666;font-size:14px}.meta-item.date{color:#999}.pallet-items{background:#fafafa;padding:16px 20px}.loading-items,.no-items{color:#666;font-size:14px;padding:20px;text-align:center}.inventory-items-table{border-collapse:collapse;width:100%}.inventory-items-table th{background:#f0f0f0;border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;padding:10px 12px;text-align:left;text-transform:uppercase}.inventory-items-table td{border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;padding:10px 12px}.inventory-items-table tbody tr:last-child td{border-bottom:none}.inventory-items-table tbody tr:hover{background:#f5f5f5}.part-number{color:#8b1c24;font-weight:600}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 24px}.empty-text{font-size:18px}@media (max-width:1024px){.inventory-cards-container{gap:16px;grid-template-columns:repeat(3,1fr)}.pallet-meta{gap:12px}.meta-item.date,.pallet-items .inventory-items-table td:nth-child(4),.pallet-items .inventory-items-table th:nth-child(4){display:none}}@media (max-width:768px){.inventory-page{box-sizing:border-box;padding:0 12px;width:100%}.inventory-cards-container{gap:12px;grid-template-columns:1fr}.header-top{align-items:center;flex-direction:row;gap:12px}.header-top h1{font-size:24px}.header-left{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.toolbar{flex-wrap:wrap;gap:10px}.toolbar .search-box{flex:1 1 100%;max-width:100%;order:1}.toolbar .view-toggle{order:2}.search-box{max-width:100%}.toolbar-filters{flex:1 1 100%;justify-content:flex-start;order:3}.stats-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.stat-card{flex-direction:column;gap:8px;padding:12px 8px;text-align:center}.stat-icon{font-size:18px;height:36px;width:36px}.stat-value{font-size:20px}.stat-label{font-size:11px}.pallet-header{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 16px}.pallet-info{width:100%}.pallet-meta{gap:16px;justify-content:flex-start;padding-left:28px;width:100%}.meta-item.date{display:inline}.lot-badge{font-size:11px;padding:3px 8px}.pallet-items{padding:12px 16px}.inventory-items-table td,.inventory-items-table th{font-size:13px;padding:8px 10px}.pallet-items .inventory-items-table td:nth-child(2),.pallet-items .inventory-items-table td:nth-child(4),.pallet-items .inventory-items-table th:nth-child(2),.pallet-items .inventory-items-table th:nth-child(4){display:none}}.data-mode-toggle{background:#f8f9fa;border-radius:24px;box-shadow:0 2px 4px #0000000a;display:flex;padding:4px}.data-mode-btn{background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.data-mode-btn:hover{color:#333}.data-mode-btn.active{background:#8b1c24;box-shadow:0 2px 4px #8b1c244d;color:#fff}.data-mode-btn.active:hover{background:#6b161c}.inventory-items-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.inventory-items-table.full-width{border-collapse:collapse;width:100%}.inventory-items-table.full-width th{background:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#666;font-size:11px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.inventory-items-table.full-width td{border-bottom:1px solid #f0f0f0;color:#333;font-size:13px;padding:10px 16px}.inventory-items-table.full-width tbody tr:hover{background:#fafafa}.inventory-items-table.full-width tbody tr:last-child td{border-bottom:none}.lot-number{color:#1565c0;font-family:Courier New,monospace;font-size:12px}.pallet-link{align-items:center;color:#8b1c24;display:inline-flex;font-weight:600;gap:6px;text-decoration:none;transition:color .2s}.pallet-link:hover{color:#6b161c;text-decoration:underline}.full-indicator{background:#ff9800;border-radius:3px;color:#fff;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 5px}.items-summary{background:#f9f9f9;border-top:1px solid #e0e0e0;color:#666;font-size:13px;padding:12px 16px;text-align:center}@media (max-width:1024px){.inventory-items-table.full-width td:nth-child(3),.inventory-items-table.full-width td:nth-child(8),.inventory-items-table.full-width th:nth-child(3),.inventory-items-table.full-width th:nth-child(8){display:none}}@media (max-width:768px){.data-mode-toggle{order:2}.data-mode-btn{font-size:13px;padding:6px 12px}.inventory-items-container{overflow:hidden}.inventory-items-table.full-width{table-layout:fixed;width:100%}.inventory-items-table.full-width td,.inventory-items-table.full-width th{font-size:12px;overflow:hidden;padding:6px;text-overflow:ellipsis;white-space:nowrap}.inventory-items-table.full-width td:first-child,.inventory-items-table.full-width td:nth-child(3),.inventory-items-table.full-width td:nth-child(5),.inventory-items-table.full-width td:nth-child(6),.inventory-items-table.full-width th:first-child,.inventory-items-table.full-width th:nth-child(3),.inventory-items-table.full-width th:nth-child(5),.inventory-items-table.full-width th:nth-child(6){display:none}.inventory-items-table.full-width td:nth-child(8),.inventory-items-table.full-width th:nth-child(8){display:table-cell}.inventory-items-table.full-width td:nth-child(4),.inventory-items-table.full-width th:nth-child(4){width:40px}.inventory-items-table.full-width td:nth-child(7),.inventory-items-table.full-width th:nth-child(7){width:65px}.inventory-items-table.full-width td:nth-child(8),.inventory-items-table.full-width th:nth-child(8){width:70px}.items-summary{font-size:12px;padding:10px 12px}}.inventory-page .search-totals-banner{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:8px;margin-bottom:16px;padding:12px 16px}.inventory-page .search-totals-title{color:#2e7d32;font-size:13px;font-weight:600;margin-bottom:8px}.inventory-page .search-totals-list{display:flex;flex-direction:column;gap:6px}.inventory-page .search-total-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;padding:8px 12px}.inventory-page .search-total-item .item-name{color:#333;flex:1 1;font-size:13px;font-weight:600;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-page .search-total-item .item-stats{color:#666;font-size:12px;white-space:nowrap}.inventory-page .search-total-item .item-stats strong{color:#2e7d32;font-weight:700}.inventory-page .search-total-item .separator{color:#ccc;margin:0 6px}.inventory-page .search-totals-more{color:#666;font-size:12px;font-style:italic;padding:4px 12px}@media (max-width:768px){.inventory-page .search-total-item{align-items:flex-start;flex-direction:column;gap:4px}.inventory-page .search-total-item .item-name{margin-right:0}.inventory-page .search-total-item .item-stats{font-size:11px}}.source-badge{border-radius:4px;display:inline-block;font-family:Courier New,monospace;font-size:12px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-decoration:none;transition:opacity .2s}a.source-badge:hover{opacity:.8;text-decoration:underline}.source-badge.pallet{background:#e3f2fd;color:#1565c0}.source-badge.wheel{background:#fff3e0;color:#e65100}.source-badge.shipment{background:#e8f5e9;color:#2e7d32}.toolbar-filters{flex-wrap:wrap;gap:8px}.filter-select{border:2px solid #e0e0e0;border-radius:8px;font-size:13px;padding:8px 12px;transition:border-color .2s}@media (max-width:768px){.toolbar-filters{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 100%;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.toolbar-filters::-webkit-scrollbar{display:none}.filter-select{border-radius:6px;border-width:1.5px;flex:0 0 auto;font-size:12px;min-width:110px;padding:6px 8px}}.analytics-page{margin:0 auto;max-width:1400px}.analytics-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}.analytics-custom-dates{align-items:center;display:flex;gap:var(--space-sm)}.date-input{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-md);outline:none;padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast)}.date-input:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.date-separator{color:var(--text-muted);font-size:var(--font-sm);font-weight:500}.insights-strip{margin-bottom:var(--space-xl)}.insight-pill,.insights-strip{display:flex;gap:var(--space-md)}.insight-pill{align-items:center;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex:1 1;min-width:0;padding:var(--space-lg) var(--space-xl);transition:all var(--transition-fast)}.insight-pill--clickable{cursor:pointer}.insight-pill--clickable:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.insight-pill__number-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.insight-pill__number{color:var(--primary);font-size:28px;font-weight:800;line-height:1}.insight-pill__unit{color:var(--text-muted);font-size:var(--font-xs);font-weight:500;line-height:1;margin-top:2px}.insight-pill__body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.insight-pill__label{color:var(--text-muted);font-size:var(--font-xs);font-weight:500;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.insight-pill__value{color:var(--text-primary);font-size:var(--font-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-pill--skeleton{opacity:.45;pointer-events:none}.analytics-tabs{background:var(--bg-light);border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000000a;display:flex;gap:2px;margin-bottom:var(--space-lg);padding:4px;width:-webkit-fit-content;width:fit-content}.analytics-tab{background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-md);font-weight:500;padding:var(--space-sm) var(--space-xl);transition:all var(--transition-fast);white-space:nowrap}.analytics-tab:hover{background:var(--primary-light);color:var(--primary)}.analytics-tab--active{background:var(--primary);box-shadow:var(--shadow-primary);color:var(--text-white);font-weight:600}.analytics-tab--active:hover{background:var(--primary-dark);color:var(--text-white)}.analytics-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);min-height:320px;padding:var(--space-xxl)}.chart-section{display:flex;flex-direction:column;gap:var(--space-xxl)}.chart-empty,.chart-loading{color:var(--text-muted);font-size:var(--font-lg);padding:60px var(--space-xxl);text-align:center}.bar-chart{display:flex;flex-direction:column;gap:var(--space-md)}.bar-chart__bars{align-items:flex-end;display:flex;gap:var(--space-sm);height:220px;padding-bottom:var(--space-xxl)}.bar-col{align-items:center;border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-width:0;padding-bottom:var(--space-lg);position:relative;transition:background var(--transition-fast)}.bar-col--active,.bar-col:hover{background:var(--primary-light)}.bar-pair{align-items:flex-end;display:flex;gap:2px;justify-content:center;width:100%}.bar{border-radius:3px 3px 0 0;flex:1 1;max-width:24px;min-width:8px;transition:all var(--transition-fast)}.bar--cur{background:var(--primary)}.bar--cur:hover{background:var(--primary-dark)}.bar--prev{background:#8b1c2438}.bar-label{bottom:0;color:var(--text-muted);font-weight:500;text-align:center}.bar-label,.bar-tooltip{font-size:var(--font-xs);position:absolute;white-space:nowrap}.bar-tooltip{background:var(--text-primary);border-radius:var(--radius-sm);color:var(--text-white);font-weight:700;padding:2px 6px;pointer-events:none;top:-28px;z-index:10}.bar-tooltip:after{border:4px solid #0000;border-top:4px solid var(--text-primary);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.chart-legend{gap:var(--space-lg)}.chart-legend,.legend-item{align-items:center;display:flex}.legend-item{color:var(--text-secondary);font-size:var(--font-sm);gap:var(--space-sm)}.legend-item:before{border-radius:2px;content:"";display:inline-block;height:12px;width:12px}.legend-item--cur:before{background:var(--primary)}.legend-item--prev:before{background:#8b1c2438}.h-bar-chart{display:flex;flex-direction:column;gap:var(--space-md)}.h-bar-row{grid-gap:var(--space-md);align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:grid;gap:var(--space-md);grid-template-columns:24px 160px 1fr auto;padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast)}.h-bar-row--active,.h-bar-row:hover{background:var(--bg-light)}.h-bar-rank{color:var(--text-muted);font-size:var(--font-sm);font-weight:700;text-align:center}.h-bar-name{color:var(--text-primary);font-size:var(--font-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-bar-track{background:var(--bg-gray);height:10px;overflow:hidden}.h-bar-fill,.h-bar-track{border-radius:var(--radius-pill)}.h-bar-fill{background:var(--primary);height:100%;min-width:4px;transition:width .5s ease}.h-bar-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px;min-width:80px}.h-bar-count{color:var(--primary);font-size:var(--font-md);font-weight:700}.h-bar-sub{color:var(--text-muted);font-size:var(--font-xs)}.items-rank-list{display:flex;flex-direction:column;gap:var(--space-md)}.item-rank-row{grid-gap:var(--space-md);align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:grid;gap:var(--space-md);grid-template-columns:36px 1fr 1fr auto;padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast)}.item-rank-row--active,.item-rank-row:hover{background:var(--bg-light)}.item-rank-badge{align-items:center;background:var(--bg-dark);border-radius:var(--radius-circle);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:var(--font-sm);font-weight:700;height:32px;justify-content:center;width:32px}.item-rank-badge.rank-gold{background:#fff8e1;border:1px solid #ffe082;color:#f57f17}.item-rank-badge.rank-silver{background:#f5f5f5;border:1px solid #e0e0e0;color:#616161}.item-rank-badge.rank-bronze{background:#fbe9e7;border:1px solid #ffab91;color:#bf360c}.item-rank-info{min-width:0}.item-rank-name{color:var(--text-primary);font-size:var(--font-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-rank-part{color:var(--primary);font-size:var(--font-xs);font-weight:500;margin-top:1px}.item-rank-bar-wrap{padding:0 var(--space-sm)}.item-rank-bar{background:var(--bg-gray);border-radius:var(--radius-pill);height:8px;overflow:hidden}.item-rank-bar__fill{background:var(--primary);border-radius:var(--radius-pill);height:100%;min-width:4px;transition:width .5s ease}.item-rank-stats{align-items:flex-end;display:flex;flex-direction:column;gap:2px;min-width:90px}.item-stat-main{color:var(--primary);font-size:var(--font-md);font-weight:700}.item-stat-sub{color:var(--text-muted);font-size:var(--font-xs)}.heatmap-wrap{display:flex;flex-direction:column;gap:var(--space-lg);overflow-x:auto}.heatmap-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:52px repeat(12,1fr);min-width:560px}.heatmap-month-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:600;padding-bottom:2px;text-align:center}.heatmap-year-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-sm);font-weight:700;padding-right:var(--space-sm)}.heatmap-cell{align-items:center;aspect-ratio:1;border-radius:var(--radius-sm);cursor:default;display:flex;justify-content:center;transition:transform var(--transition-fast)}.heatmap-cell:hover{position:relative;transform:scale(1.15);z-index:1}.heatmap-count{font-size:10px;font-weight:700;line-height:1}.heat-0{background:var(--bg-gray);color:#0000}.heat-1{background:#8b1c2426;color:var(--primary)}.heat-2{background:#8b1c2459;color:var(--primary-dark)}.heat-3{background:#8b1c2499;color:#fff}.heat-4{background:var(--primary);color:#fff}.heatmap-legend{align-items:center;display:flex;gap:var(--space-sm)}.heatmap-legend__label{color:var(--text-muted);font-size:var(--font-xs)}.heatmap-legend__cell{aspect-ratio:unset;cursor:default;height:18px;width:18px}.heatmap-legend__cell:hover{transform:none}.drill-down{animation:slideDown .18s ease;border:1px solid var(--border-medium);border-radius:var(--radius-xl);overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drill-down__header{align-items:center;background:var(--bg-lighter);border-bottom:1px solid var(--border-medium);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-lg)}.drill-down__title{color:var(--primary);font-size:var(--font-lg);font-weight:700;margin:0}.drill-down__close{align-items:center;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-sm);font-weight:500;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);transition:all var(--transition-fast);white-space:nowrap}.drill-down__close:hover{border-color:var(--primary);color:var(--primary)}.drill-down__empty,.drill-down__loading{color:var(--text-muted);font-size:var(--font-md);padding:var(--space-xxl);text-align:center}.results-table-container{overflow-x:auto}.results-table{border-collapse:collapse;width:100%}.results-table thead{background:var(--bg-gray)}.results-table th{border-bottom:1px solid var(--border-medium);color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;padding:12px var(--space-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.results-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-md);padding:12px var(--space-lg);vertical-align:middle}.results-table tbody tr:hover{background:var(--bg-lighter)}.results-table tbody tr:last-child td{border-bottom:none}.pallet-number,.part-number,.shipment-number{color:var(--primary);font-weight:700}@media (max-width:1024px){.insight-pill{padding:var(--space-md) var(--space-lg)}.insight-pill__number{font-size:22px}.h-bar-row{gap:var(--space-sm);grid-template-columns:24px 120px 1fr auto}.item-rank-row{gap:var(--space-sm);grid-template-columns:32px 1fr auto}.item-rank-bar-wrap{display:none}.heatmap-grid{gap:3px}}@media (max-width:768px){.analytics-page{box-sizing:border-box;overflow-x:hidden;padding:0 var(--space-sm)}.analytics-filter-bar{align-items:stretch;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.analytics-custom-dates,.analytics-filter-bar .filter-select{width:100%}.date-input{flex:1 1;font-size:16px;min-width:0}.insights-strip{gap:var(--space-xs);margin-bottom:var(--space-lg)}.insight-pill{align-items:flex-start;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.insight-pill__number{font-size:20px}.insight-pill__label{font-size:10px}.insight-pill__value{font-size:var(--font-xs)}.analytics-tabs{-webkit-overflow-scrolling:touch;border-radius:var(--radius-pill);overflow-x:auto;padding:3px;scrollbar-width:none;width:100%}.analytics-tabs::-webkit-scrollbar{display:none}.analytics-tab{flex-shrink:0;font-size:var(--font-sm);padding:var(--space-sm) var(--space-md)}.analytics-card{padding:var(--space-lg) var(--space-md)}.bar-chart__bars{gap:3px;height:180px}.bar{min-width:5px}.bar-label{font-size:9px}.h-bar-row{gap:var(--space-sm);grid-template-columns:20px 1fr auto}.h-bar-track{display:none}.h-bar-name{font-size:var(--font-sm)}.item-rank-row{gap:var(--space-sm);grid-template-columns:28px 1fr auto;padding:var(--space-sm) var(--space-md)}.item-rank-bar-wrap{display:none}.item-rank-badge{font-size:var(--font-xs);height:26px;width:26px}.heatmap-grid{gap:2px;min-width:480px}.heatmap-year-label{font-size:var(--font-xs)}.drill-down__header{flex-wrap:wrap;gap:var(--space-sm)}.drill-down__title{font-size:var(--font-md)}.results-table thead{display:none}.results-table tbody{display:block}.results-table tbody tr{grid-gap:0 var(--space-sm);align-items:center;border-bottom:1px solid var(--border-light);display:grid;gap:0 var(--space-sm);grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;padding:var(--space-sm) var(--space-md)}.results-table tbody tr:last-child{border-bottom:none}.results-table td{border:none;font-size:var(--font-sm);overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.results-table td:first-child{font-weight:700;grid-column:1;grid-row:1}.results-table td:nth-child(2){grid-column:2;grid-row:1}.results-table td:nth-child(6){color:var(--text-muted);font-size:var(--font-xs);grid-column:3;grid-row:1}.results-table td:nth-child(3){grid-column:1}.results-table td:nth-child(3),.results-table td:nth-child(4){color:var(--text-muted);font-size:var(--font-xs);grid-row:2;padding-top:2px}.results-table td:nth-child(4){grid-column:2}.results-table td:nth-child(5){grid-column:3;grid-row:2;padding-top:2px}}.settings-page{margin:0 auto;max-width:1400px;padding:0}.message,.page-header{margin-bottom:20px}.message{border-radius:8px;font-size:14px;font-weight:500;padding:12px 16px}.message.success{background:#e8f5e9;border:1px solid #2e7d32;color:#2e7d32}.message.error{background:#ffebee;border:1px solid #c62828;color:#c62828}.settings-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:50px;padding:12px 24px;transition:all .2s;white-space:nowrap}.tab-btn.active,.tab-btn:hover{background:#8b1c240d;color:#8b1c24}.tab-btn.active{border-bottom-color:#8b1c24}.tab-icon{font-size:18px}.settings-content{min-height:400px}.settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.section-header{justify-content:space-between;margin-bottom:16px}.section-header,.section-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.section-header h2{color:#333;font-size:20px;font-weight:700;margin:0}.item-count{background:#e0e0e0;border-radius:20px;color:#666;font-size:14px;padding:4px 12px}.add-button{align-items:center;background:#8b1c24;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:10px 20px;transition:background .2s;white-space:nowrap}.add-button:hover{background:#6b161c}.section-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.view-toggle{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.view-toggle-btn{background:#fff;color:#666;padding:8px 12px;transition:all .2s}.view-toggle-btn:first-child{border-right:1px solid #ddd}.view-toggle-btn:hover{background:#f5f5f5;color:#333}.view-toggle-btn.active{background:#8b1c24;color:#fff}.search-container{flex:1 1;min-width:0}.search-box{background:#f8f9fa;border-radius:24px;max-width:300px;padding:10px 16px;transition:all .2s ease;width:100%}.search-box:hover{background:#fff;border-color:#e0e0e0}.search-box:focus-within{background:#fff;border-color:#8b1c24;box-shadow:0 0 0 3px #8b1c241a}.search-box .search-icon{color:#8b1c24}.search-box input{font-size:14px}.search-box input::placeholder{color:#999}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f5f5f5}.users-table th{border-bottom:2px solid #e0e0e0;color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;padding:14px 16px}.users-table tbody tr:hover{background:#f9f9f9}.users-table tbody tr:last-child td{border-bottom:none}.username{color:#8b1c24;font-weight:600}.role-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.role-badge.admin{background:#ffebee;color:#c62828}.role-badge.manager{background:#fff3e0;color:#e65100}.role-badge.staff{background:#e3f2fd;color:#1976d2}.status-badge{padding:4px 12px}.status-badge.active{background:#e8f5e9;color:#2e7d32}.actions-cell{display:flex;gap:8px}.action-btn{transition:all .2s}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#1976d2;color:#fff}.action-btn.delete{background:#ffebee;color:#c62828}.action-btn.delete:hover{background:#c62828;color:#fff}.empty-state{color:#666}.users-cards-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.user-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:16px;transition:all .2s}.user-card:hover{border-color:#ccc;box-shadow:0 4px 12px #0000001a}.user-card-header{justify-content:space-between;margin-bottom:12px}.user-avatar,.user-card-header{align-items:center;display:flex}.user-avatar{background:#8b1c24;border-radius:50%;color:#fff;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.user-card-body{margin-bottom:12px}.user-card-name{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.user-card-email{color:#666;font-size:14px;margin:0}.user-card-footer{border-top:1px solid #e0e0e0;display:flex;gap:8px;padding-top:12px}.card-action-btn{text-align:center;transition:all .2s}.card-action-btn.edit{background:#e3f2fd;color:#1976d2}.card-action-btn.edit:hover{background:#1976d2;color:#fff}.card-action-btn.delete{background:#ffebee;color:#c62828}.card-action-btn.delete:hover{background:#c62828;color:#fff}.settings-section.compact{padding:20px}.settings-section.compact .section-header{margin-bottom:16px}.settings-section.compact h2{font-size:18px}.settings-form{max-width:500px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1;min-width:0}.form-group{margin-bottom:16px}.form-group label{color:#333;font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;min-height:44px;padding:10px 12px;transition:border-color .2s}.form-group textarea{font-family:inherit;min-height:70px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b1c24;outline:none}.save-btn{background:#8b1c24;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:10px 24px;transition:background .2s}.save-btn:hover{background:#6b161c}.save-btn:disabled{background:#ccc;cursor:not-allowed}.data-management-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.data-card{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;padding:20px;text-align:center}.data-card-icon{font-size:36px;margin-bottom:12px}.data-card-content h3{color:#333;font-size:16px;font-weight:700;margin:0 0 8px}.data-card-content p{color:#666;font-size:13px;line-height:1.5;margin:0 0 16px}.export-data-btn{background:#8b1c24;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:40px;padding:8px 20px;transition:background .2s}.export-data-btn:hover{background:#6b161c}.export-data-btn:disabled{background:#ccc;cursor:not-allowed}.stats-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.stat-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:6px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;font-size:13px;font-weight:500}.stat-value{color:#333;font-size:14px;font-weight:700}.modal-overlay{padding:20px;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.modal-header h2{color:#333;font-size:20px;font-weight:700}.modal-close{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:32px}.modal-close:hover{color:#333}.modal-form{padding:24px}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-height:44px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#e0e0e0}.btn-primary{background:#8b1c24;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-height:44px;padding:10px 20px;transition:background .2s}.btn-primary:hover{background:#6b161c}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-danger{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-height:44px;padding:10px 20px;transition:background .2s}.btn-danger:hover{background:#c82333}.view-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.view-item{align-items:center;display:flex;gap:12px}.view-item strong{color:#666;font-weight:600;min-width:100px}.action-btn.view{background:#17a2b8;color:#fff}.action-btn.view:hover{background:#138496}.card-action-btn.view{background:#17a2b8;color:#fff}.card-action-btn.view:hover{background:#138496}@media (max-width:1024px){.data-management-content{grid-template-columns:1fr}.users-cards-container{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.settings-page{box-sizing:border-box;padding:0;width:100%}.page-header h1{font-size:24px}.settings-tabs{gap:2px;margin-bottom:16px}.tab-btn{font-size:13px;min-height:44px;padding:10px 12px}.settings-section{border-radius:8px;padding:16px}.settings-section.compact{padding:16px}.section-header{align-items:center;flex-direction:row}.section-header-left{gap:8px}.section-header h2{font-size:18px}.item-count{font-size:12px;padding:2px 10px}.add-button{font-size:13px;min-height:40px;padding:8px 14px}.section-controls{gap:8px}.search-box{max-width:100%}.users-table td,.users-table th{font-size:13px;padding:10px 8px}.users-table td:nth-child(2),.users-table th:nth-child(2){display:none}.actions-cell{flex-direction:column;gap:4px}.action-btn{text-align:center;width:100%}.users-cards-container{gap:12px;grid-template-columns:1fr}.user-card{padding:14px}.user-avatar{font-size:18px;height:40px;width:40px}.settings-form{max-width:100%}.form-row{flex-direction:column;gap:0}.data-card{padding:16px}.data-card-icon{font-size:32px;margin-bottom:10px}.data-card-content h3{font-size:15px}.modal-overlay{padding:12px}.modal-content{max-height:95vh}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.modal-form{padding:16px}.modal-actions{flex-direction:column;margin-top:16px}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.section-header{align-items:stretch;flex-direction:column;gap:10px}.section-header-left{justify-content:space-between}.add-button{justify-content:center;width:100%}}@media (max-width:360px){.tab-btn{font-size:12px;padding:8px 10px}.users-table td:nth-child(4),.users-table th:nth-child(4){display:none}}.form-group small{color:#888;display:block;font-size:12px;margin-top:4px}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px}.toggle-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.toggle-text{color:#333;font-size:15px}.qb-actions-section{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.qb-actions-section h3{color:#333;font-size:16px;margin:0 0 8px}.qb-actions-section p{color:#666;font-size:14px;margin:0 0 12px}.qb-actions-section small{color:#888;display:block;font-size:12px;margin-top:8px}.qb-action-btn{background:#4a7c59;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.qb-action-btn:hover{background:#3d6b4a}.qb-action-btn:disabled{background:#ccc;cursor:not-allowed}.qb-stats{display:flex;gap:24px;margin-bottom:12px}.qb-stat{align-items:center;display:flex;gap:8px}.qb-stat-label{color:#666;font-size:14px}.qb-stat-value{color:#333;font-size:18px;font-weight:600}.qb-stat-failed{color:#c62828}.qb-last-sync{color:#888;font-size:13px;margin-bottom:12px}.qb-last-sync-box{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.qb-last-sync-box .sync-label{color:#666;font-size:13px;font-weight:600}.qb-last-sync-box .sync-time{color:#333;font-size:14px;font-weight:500}.qb-action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.qb-action-btn.secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.qb-action-btn.secondary:hover{background:#e0e0e0}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.audit-trail{padding:var(--space-md) 0}.audit-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.audit-filters{display:flex;gap:var(--space-sm)}.audit-type{color:var(--text-secondary);font-weight:500}.audit-title{color:var(--text-primary);font-size:var(--font-xl);font-weight:700;margin:0}.audit-empty,.audit-loading{color:var(--text-muted);font-size:var(--font-md);padding:40px;text-align:center}.audit-table-wrap{overflow-x:auto}.audit-table{border-collapse:collapse;width:100%}.audit-table th{border-bottom:2px solid var(--border-medium);color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;padding:10px var(--space-md);text-align:left;text-transform:uppercase;white-space:nowrap}.audit-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-sm);padding:10px var(--space-md);vertical-align:middle}.audit-table tbody tr:hover{background:var(--bg-lighter)}.audit-time{color:var(--text-muted);font-size:var(--font-xs);white-space:nowrap}.audit-user{font-weight:600}.audit-entity{color:var(--primary);font-weight:700}.audit-action-badge{border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:var(--font-xs);font-weight:600;padding:2px 10px}.audit-details{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-xs);gap:var(--space-md)}.audit-details span{white-space:nowrap}.audit-pagination{align-items:center;display:flex;gap:var(--space-lg);justify-content:center;margin-top:var(--space-xl)}.audit-page-info{color:var(--text-muted);font-size:var(--font-sm)}.audit-row-expandable{cursor:pointer}.audit-row-expandable:hover{background:var(--bg-lighter)}.audit-expand-icon{color:var(--text-muted);font-size:10px;margin-left:8px}.audit-expanded-row td{background:var(--bg-lighter);padding:0!important}.audit-expanded-row:hover{background:var(--bg-lighter)!important}.audit-expanded{padding:12px 16px 16px}.audit-items-section{margin-bottom:12px}.audit-diff strong,.audit-items-section strong{color:var(--text-secondary);display:block;font-size:var(--font-xs);letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.audit-items-table{border-collapse:collapse;font-size:var(--font-xs);width:100%}.audit-items-table th{color:var(--text-secondary);font-weight:600;text-align:left}.audit-items-table td,.audit-items-table th{border-bottom:1px solid var(--border-light);padding:4px 8px}.audit-items-table td{color:var(--text-primary)}.audit-diff{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.audit-diff-col ul{list-style:none;margin:0;padding:0}.audit-diff-col li{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-xs);padding:3px 0}@media (max-width:768px){.audit-table td:nth-child(5),.audit-table th:nth-child(5){display:none}.audit-header{align-items:stretch;flex-direction:column}.audit-diff{grid-template-columns:1fr}}.print-labels-page{margin:0 auto;max-width:900px}.page-header{margin-bottom:24px}.header-top{gap:12px;margin-bottom:8px}.page-header h1{color:#333;font-size:28px;font-weight:700;margin:0}.page-subtitle{color:#666;font-size:14px;margin:0}.print-button{background:#8b1c24;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s;white-space:nowrap}.print-button:hover{background:#6b161c}.labels-container{display:flex;flex-direction:column;gap:20px}.add-item-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.add-item-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.add-item-form{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.item-search-container{flex:1 1;min-width:250px;position:relative}.unified-search-box{background:#f9f9f9;border-radius:8px;padding:8px 12px;transition:border-color .2s}.unified-search-box:focus-within{background:#fff;border-color:#8b1c24}.unified-search-box .search-icon{height:18px;margin-right:10px;width:18px}.unified-search-box .item-search-input{background:#0000;border:none;flex:1 1;font-size:14px;min-width:0;outline:none}.unified-search-box .scan-btn{border-radius:4px;color:#666;margin-left:8px;padding:6px;transition:all .2s}.unified-search-box .scan-btn:hover{background:#e0e0e0;color:#8b1c24}.unified-search-box .scan-btn svg{height:20px;width:20px}.unified-search-box .dropdown-toggle{background:none;color:#999;font-size:10px;padding:6px 8px;transition:color .2s}.item-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{border-bottom:1px solid #f0f0f0;gap:4px;padding:12px 16px;transition:background .2s}.dropdown-item:hover{background:#f5f5f5}.dropdown-part{color:#8b1c24;font-size:12px}.dropdown-name{color:#333;font-size:14px}.dropdown-empty{color:#666;font-size:14px;padding:20px}.qty-control{background:#f9f9f9;border:1px solid #ddd;border-radius:8px}.qty-control.inline{background:#0000;border:none}.qty-btn{background:#0000;color:#666;font-size:18px;height:40px;transition:all .2s}.qty-btn:hover{background:#e0e0e0;color:#333}.qty-control.inline .qty-btn{background:#f0f0f0;border-radius:4px;height:28px;width:28px}.qty-input{font-size:14px;height:40px}.qty-control.inline .qty-input{font-size:13px;height:28px;width:40px}.add-item-btn{background:#8b1c24;border-radius:8px;color:#fff;font-size:14px;height:44px;padding:10px 24px;transition:background .2s}.add-item-btn:hover:not(:disabled){background:#6b161c}.label-items-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.label-items-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.label-items-section h3{color:#333;font-size:16px;font-weight:600;margin:0}.clear-btn{background:#0000;border:1px solid #c62828;border-radius:6px;color:#c62828;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.clear-btn:hover{background:#c62828;color:#fff}.empty-state{padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{color:#333;font-size:16px;margin:0 0 8px}.empty-subtext{color:#666;font-size:14px}.label-items-table-container{overflow-x:auto}.label-items-table{border-collapse:collapse;width:100%}.label-items-table thead{background:#f5f5f5}.label-items-table th{border-bottom:2px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.label-items-table td{border-bottom:1px solid #e0e0e0;font-size:14px;padding:12px 16px}.label-items-table tbody tr:last-child td{border-bottom:none}.label-items-table .part-number{color:#8b1c24;font-weight:600;white-space:nowrap}.label-items-table .item-name{color:#333}.remove-item-btn{align-items:center;background:#ffebee;border-radius:50%;color:#c62828;display:flex;font-size:18px;justify-content:center;transition:all .2s}.remove-item-btn:hover{background:#c62828;color:#fff}.labels-summary{background:#f9f9f9;border-radius:8px;margin-top:20px;padding:16px}.summary-row{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-row.total{border-top:1px solid #e0e0e0;color:#333;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.summary-note{color:#999;font-size:12px;margin:12px 0 0;text-align:center}.print-actions{display:flex;justify-content:center;margin-top:20px}.print-btn{background:#8b1c24;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 40px;transition:background .2s}.print-btn:hover{background:#6b161c}.loading{color:#666;font-size:14px;padding:40px}@media (max-width:768px){.page-header h1{font-size:24px}.header-top{align-items:stretch;flex-direction:column;gap:12px}.print-button{text-align:center;width:100%}.add-item-form{flex-direction:column}.item-search-container{min-width:0;width:100%}.qty-control{justify-content:center;width:100%}.add-item-btn{width:100%}.label-items-table td:nth-child(2),.label-items-table th:nth-child(2){display:none}.labels-summary{padding:12px}.print-btn{padding:16px 20px;width:100%}}@media (max-width:480px){.add-item-section,.label-items-section{padding:16px}.label-items-table td,.label-items-table th{font-size:13px;padding:10px 8px}.qty-control.inline .qty-btn{height:24px;width:24px}.qty-control.inline .qty-input{font-size:12px;height:24px;width:32px}}.qb-page{margin:0 auto;max-width:1400px;padding:0}.qb-page .page-header{margin-bottom:20px}.qb-page .page-header .header-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.qb-page .page-header h1{color:#333;font-size:28px;font-weight:700;margin:0}.save-actions{align-items:center;display:flex;gap:12px}.btn-cancel{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#e0e0e0}.btn-save{background:#4a7c59;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.btn-save:hover{background:#3d6b4a}.btn-save:disabled{background:#ccc;cursor:not-allowed}.unsaved-notice{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:12px 16px}.unsaved-notice svg{flex-shrink:0}.qb-page .message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.qb-page .message.success{background:#e8f5e9;border:1px solid #2e7d32;color:#2e7d32}.qb-page .message.error{background:#ffebee;border:1px solid #c62828;color:#c62828}.qb-stats-bar{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding:16px 20px}.qb-stat-item{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.qb-stat-item .stat-label{color:#666;font-size:14px;font-weight:500}.qb-stat-item .stat-value{color:#333;font-size:16px;font-weight:700;min-width:30px}.qb-stat-item.mapped .stat-label,.qb-stat-item.mapped .stat-value{color:#2e7d32}.qb-empty-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:16px}.qb-empty-notice p{color:#856404;margin:0 0 8px}.qb-empty-notice p:last-child{margin-bottom:0}.qb-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:16px}.qb-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.qb-tab:hover{color:#333}.qb-tab.active{border-bottom-color:#4a7c59;color:#4a7c59}.qb-controls{align-items:center;display:flex;gap:16px;margin-bottom:16px}.qb-controls .search-box{flex:1 1;max-width:400px}.qb-controls .search-box input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 14px;width:100%}.qb-controls .search-box input:focus{border-color:#4a7c59;outline:none}.filter-toggle{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px}.filter-toggle input{cursor:pointer;height:16px;width:16px}.mapping-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.mapping-table{border-collapse:collapse;width:100%}.mapping-table th{background:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.mapping-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 16px}.mapping-table tr:hover{background:#fafafa}.mapping-table tr.row-modified{background:#fff9e6}.mapping-table tr.row-modified:hover{background:#fff3d6}.entity-name{color:#333;font-weight:500}.part-number{color:#666;font-family:monospace}.mapping-dropdown-container{max-width:400px;position:relative}.unified-search-box{background:#fff;border:1px solid #ddd;border-radius:6px}.unified-search-box:focus-within{border-color:#4a7c59}.unified-search-box .search-icon{color:#999;margin-left:12px}.unified-search-box .mapping-search-input{border:none;flex:1 1;font-size:14px;min-width:0;outline:none;padding:10px 12px}.unified-search-box .dropdown-toggle{background:#f5f5f5;border-left:1px solid #ddd;color:#666;font-size:12px;transition:all .2s}.unified-search-box .dropdown-toggle:hover{background:#e0e0e0;color:#333}.mapping-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.mapping-dropdown .dropdown-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px 12px}.mapping-dropdown .dropdown-item:last-child{border-bottom:none}.mapping-dropdown .dropdown-item:hover{background:#f5f5f5}.mapping-dropdown .dropdown-name{color:#333;font-size:14px}.mapping-dropdown .dropdown-empty{color:#888;font-size:13px;padding:16px;text-align:center}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.mapped{background:#e8f5e9;color:#2e7d32}.status-badge.unmapped{background:#fff3e0;color:#e65100}.empty-state{color:#888;padding:40px}.loading-state{color:#666;font-size:16px;padding:60px;text-align:center}@media (max-width:768px){.qb-stats-bar{flex-direction:row;flex-wrap:wrap;gap:12px 20px;justify-content:flex-start}.qb-stat-item{min-width:140px}.qb-controls{align-items:stretch;flex-direction:column}.qb-controls .search-box{max-width:none}.mapping-table td:nth-child(2),.mapping-table th:nth-child(2){display:none}.mapping-select{max-width:none}}.not-found-container{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;justify-content:center;min-height:100vh;padding:20px}.not-found-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:60px 40px;text-align:center;width:100%}.not-found-logo{height:auto;margin-bottom:30px;width:120px}.not-found-code{color:#8b1c24;font-size:100px;font-weight:800;line-height:1;margin:0}.not-found-title{color:#333;font-size:28px;font-weight:600;margin:10px 0 20px}.not-found-message{color:#666;font-size:16px;line-height:1.5;margin-bottom:30px}.not-found-button{background:#8b1c24;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s ease}.not-found-button:hover{background:#6b161c;box-shadow:0 5px 20px #8b1c244d;transform:translateY(-2px)}.not-found-button:active{transform:translateY(0)}@media (max-width:480px){.not-found-content{padding:40px 25px}.not-found-logo{width:100px}.not-found-code{font-size:80px}.not-found-title{font-size:24px}.not-found-message{font-size:14px}}:root{--primary:#8b1c24;--primary-dark:#6b161c;--primary-light:#8b1c241a;--success:#2e7d32;--success-light:#e8f5e9;--success-border:#a5d6a7;--warning:#f57c00;--warning-light:#fff3e0;--warning-dark:#e65100;--danger:#d32f2f;--danger-light:#ffebee;--danger-dark:#b71c1c;--danger-border:#ffcdd2;--info:#1976d2;--info-light:#e3f2fd;--info-dark:#1565c0;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--text-white:#fff;--bg-white:#fff;--bg-light:#f8f9fa;--bg-lighter:#f9f9f9;--bg-gray:#f5f5f5;--bg-dark:#f0f0f0;--border-light:#f0f0f0;--border-default:#ddd;--border-medium:#e0e0e0;--status-active-bg:#e8f5e9;--status-active-text:#2e7d32;--status-pending-bg:#fff3e0;--status-pending-text:#e65100;--status-shipped-bg:#e3f2fd;--status-shipped-text:#1976d2;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 12px #00000026;--shadow-xl:0 4px 20px #0003;--shadow-primary:0 2px 4px #8b1c244d;--shadow-focus:0 0 0 3px #8b1c241a;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-xxl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:24px;--radius-circle:50%;--font-xs:11px;--font-sm:12px;--font-base:13px;--font-md:14px;--font-lg:15px;--font-xl:16px;--font-xxl:18px;--font-title:20px;--font-heading:24px;--font-page-title:28px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--z-dropdown:100;--z-sticky:500;--z-modal:1000;--z-tooltip:1500;--label-red:#e74c3c;--label-blue:#3498db;--label-green:#27ae60;--label-orange:#f39c12;--label-purple:#9b59b6;--label-yellow:#f1c40f;--label-pink:#e91e63;--label-gray:#95a5a6}.page-container{margin:0 auto;max-width:1400px;overflow-x:hidden}.page-header{margin-bottom:var(--space-xxl)}.header-top{justify-content:space-between;margin-bottom:var(--space-lg)}.header-left,.header-top{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.header-left h1,.header-top h1{color:var(--text-primary);font-size:var(--font-page-title);font-weight:700;margin:0}.header-buttons{align-items:center;display:flex;gap:var(--space-sm)}.clickable-link{color:var(--primary);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:all var(--transition-fast)}.clickable-link:hover{color:var(--primary-dark);-webkit-text-decoration-color:var(--primary-dark);text-decoration-color:var(--primary-dark)}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-xxl)}.toolbar-filters{display:flex;gap:var(--space-sm);margin-left:auto}.view-toggle{background:var(--bg-light);border-radius:var(--radius-pill);box-shadow:0 2px 4px #0000000a;display:flex;flex-shrink:0;padding:var(--space-xs)}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.view-toggle-btn:hover{background:var(--primary-light);color:var(--primary)}.view-toggle-btn.active{background:var(--primary);box-shadow:var(--shadow-primary);color:var(--text-white)}.view-toggle-btn.active:hover{background:var(--primary-dark)}.search-box{align-items:center;background:var(--bg-light);border:2px solid #0000;border-radius:var(--radius-pill);box-shadow:0 2px 4px #0000000a;box-sizing:border-box;display:flex;flex:1 1;max-width:800px;min-width:200px;padding:10px var(--space-lg);transition:all var(--transition-fast)}.search-box:hover{background:var(--bg-white);border-color:var(--border-medium)}.search-box:focus-within{background:var(--bg-white);border-color:var(--primary);box-shadow:var(--shadow-focus)}.search-box .search-icon{color:var(--primary);flex-shrink:0;height:18px;margin-right:10px;opacity:.7;width:18px}.search-box:focus-within .search-icon{opacity:1}.search-box input{background:#0000;border:none;flex:1 1;font-size:var(--font-md);min-width:0;outline:none}.search-box input::placeholder{color:var(--text-muted)}.search-box .scan-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:var(--space-sm);padding:var(--space-xs);transition:all var(--transition-fast)}.search-box .scan-btn:hover{background:var(--bg-dark);color:var(--primary)}.search-box .scan-btn svg{height:18px;width:18px}.status-badge{border-radius:var(--radius-xl);display:inline-block;font-size:var(--font-xs);font-weight:600;padding:2px var(--space-sm);text-transform:capitalize}.status-badge.active{background:var(--status-active-bg);color:var(--status-active-text)}.status-badge.pending-shipment{background:var(--status-pending-bg);color:var(--status-pending-text)}.status-badge.shipped{background:var(--status-shipped-bg);color:var(--status-shipped-text)}.item-count{background:var(--bg-gray);border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:500;padding:var(--space-xs) var(--space-md)}.item-count,.loading{color:var(--text-secondary)}.loading{font-size:var(--font-xl);padding:60px;text-align:center}.error-message{background:var(--danger-light);border-radius:var(--radius-lg);color:#c00;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.empty-state{background:var(--bg-white);border-radius:var(--radius-xl);padding:60px var(--space-xxl);text-align:center}.empty-icon{font-size:64px;margin-bottom:var(--space-lg);opacity:.3}.empty-text{color:var(--text-primary);font-size:var(--font-xxl);font-weight:600;margin:0 0 var(--space-sm) 0}.empty-subtext{color:var(--text-secondary);font-size:var(--font-md);margin:0}.filter-summary{align-items:center;background:linear-gradient(135deg,#fff9f9,#fff);border:1px solid #f0d0d0;border-radius:var(--radius-md);display:flex;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md)}.pallet-count{color:var(--text-secondary);font-size:var(--font-base)}.pallet-count strong{color:var(--primary);font-weight:600}.pallet-notes-indicator{align-items:center;color:#f39c12;cursor:help;display:inline-flex;margin-left:var(--space-xs);vertical-align:middle}.pallet-notes-indicator svg{height:14px;width:14px}.pallet-label-badge{border-radius:var(--radius-xl);letter-spacing:.3px;padding:3px 10px;white-space:nowrap}.pallet-full-badge,.pallet-label-badge{color:var(--text-white);display:inline-block;font-size:var(--font-xs);font-weight:700;margin-left:var(--space-sm);text-transform:uppercase}.pallet-full-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:var(--radius-sm);letter-spacing:.5px;padding:2px var(--space-sm)}.full-badge-header{background:var(--primary);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.full-badge-header,.label-badge-header{border-radius:var(--radius-sm);color:var(--text-white);font-size:var(--font-sm);padding:var(--space-xs) var(--space-md)}.label-badge-header{font-weight:600}@media (max-width:768px){.header-top{gap:var(--space-md)}.header-left,.header-top{align-items:center;flex-direction:row}.header-left{flex-wrap:wrap;gap:var(--space-sm)}.header-left h1{font-size:var(--font-heading)}.toolbar{flex-wrap:wrap;gap:10px}.toolbar .search-box{flex:1 1 100%;max-width:100%;order:1;width:100%}.toolbar .view-toggle{flex-shrink:0;order:2}.toolbar-filters{display:flex;flex:0 0 auto;gap:var(--space-sm);margin-left:auto;order:3}}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e0e0e0;border-radius:24px;color:#333;cursor:pointer;font-size:14px;min-width:140px;padding:10px 32px 10px 14px;transition:all .2s ease}.filter-select:hover{border-color:#8b1c24}.filter-select:focus{border-color:#8b1c24;box-shadow:0 0 0 3px #8b1c241a;outline:none}.form-group{margin-bottom:var(--space-lg)}.form-group label{color:var(--text-secondary);display:block;font-size:var(--font-md);font-weight:600;margin-bottom:var(--space-sm)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--font-md);outline:none;padding:10px var(--space-md);transition:border-color var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.unified-search-box{align-items:center;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;overflow:hidden}.unified-search-box:focus-within{border-color:var(--primary)}.unified-search-box .search-icon{color:var(--text-muted);flex-shrink:0;height:16px;margin-left:var(--space-md);width:16px}.unified-search-box input{border:none;flex:1 1;font-size:var(--font-md);min-width:0;outline:none;padding:10px var(--space-md)}.unified-search-box .scan-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-sm);transition:all var(--transition-fast)}.unified-search-box .scan-btn:hover{background:var(--bg-gray);color:var(--primary)}.unified-search-box .scan-btn svg{height:18px;width:18px}.unified-search-box .dropdown-toggle{align-items:center;background:var(--bg-gray);border:none;border-left:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-sm);height:100%;justify-content:center;transition:all var(--transition-fast);width:40px}.unified-search-box .dropdown-toggle:hover{background:var(--bg-dark);color:var(--text-primary)}.dropdown-container{position:relative}.dropdown-menu{background:var(--bg-white);border:1px solid var(--border-default);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-lg);left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.dropdown-item{border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px var(--space-md)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-gray)}.dropdown-part{color:var(--primary);font-size:var(--font-sm);font-weight:600}.dropdown-name{color:var(--text-primary);font-size:var(--font-md)}.dropdown-empty{color:var(--text-secondary);font-size:var(--font-md);padding:var(--space-lg);text-align:center}.qty-control{align-items:center;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;gap:0;overflow:hidden}.qty-control.inline{display:inline-flex}.qty-btn{align-items:center;background:var(--bg-gray);border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-xxl);font-weight:600;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.qty-btn:hover{background:var(--bg-dark)}.qty-btn.minus{border-right:1px solid var(--border-default)}.qty-btn.plus{border-left:1px solid var(--border-default);color:var(--primary)}.qty-btn.plus:hover{background:#fef5e7}.qty-value{min-width:40px;padding:0 var(--space-sm)}.qty-input,.qty-value{color:var(--text-primary);font-size:var(--font-xl);font-weight:600;text-align:center}.qty-input{-moz-appearance:textfield;background:#0000;border:none;outline:none;width:50px}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inline-qty-input{border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-md);padding:var(--space-sm) var(--space-sm);text-align:center;width:60px}.inline-qty-input:focus{border-color:var(--primary);outline:none}.lot-input-group{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);min-width:160px;width:100%}.lot-type-toggle{background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;gap:0;overflow:hidden}.lot-toggle-btn{background:var(--bg-gray);border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-sm);font-weight:600;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.lot-toggle-btn:first-child{border-right:1px solid var(--border-default)}.lot-toggle-btn:hover{background:#e8e8e8}.lot-toggle-btn.active{background:var(--primary);color:var(--text-white)}.lot-input{border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;outline:none;padding:var(--space-sm) var(--space-md);text-align:center;transition:border-color var(--transition-fast)}.lot-input:focus{border-color:var(--primary)}.lot-input[type=text]{letter-spacing:1px;text-transform:uppercase}.lot-input[type=date],.notes-textarea{font-family:inherit}.notes-textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--font-md);min-height:60px;outline:none;padding:10px var(--space-md);resize:vertical;transition:border-color var(--transition-fast);width:100%}.notes-textarea:focus{border-color:var(--primary)}.notes-textarea::placeholder{color:var(--text-muted)}.color-input{border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;height:40px;padding:2px;width:40px}@media (max-width:768px){.filter-select{background-position:right 8px center;flex:0 0 auto;font-size:var(--font-sm);max-width:100px;min-width:0;padding:var(--space-sm) 26px var(--space-sm) 10px}.qty-control{transform:scale(.9)}}.add-button,.create-button{background:var(--primary);border:none;border-radius:var(--radius-lg);color:var(--text-white);cursor:pointer;font-size:var(--font-lg);font-weight:600;padding:var(--space-md) var(--space-xxl);transition:background var(--transition-fast)}.add-button:hover,.create-button:hover{background:var(--primary-dark)}.action-btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:11px;font-weight:500;height:auto;min-height:0;min-width:0;padding:4px 10px;transition:all var(--transition-fast);width:auto}.action-btn.view{background:#26a69a;color:var(--text-white)}.action-btn.view:hover{background:#00897b}.action-btn.edit{background:var(--warning-light);color:var(--warning)}.action-btn.edit:hover{background:#ffe0b2}.action-btn.delete{background:var(--danger-light);color:var(--danger)}.action-btn.delete:hover{background:var(--danger-border)}.card-action-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 12px;transition:all var(--transition-fast)}.card-action-btn.view{background:var(--info-light);color:var(--info)}.card-action-btn.view:hover{background:#bbdefb}.card-action-btn.edit{background:var(--warning-light);color:var(--warning)}.card-action-btn.edit:hover{background:#ffe0b2}.filter-btn{background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-md);font-weight:500;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{border-color:var(--primary)}.add-item-btn,.filter-btn.active{background:var(--primary);color:var(--text-white)}.add-item-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-md);font-weight:600;padding:10px var(--space-xl);transition:background var(--transition-fast)}.add-item-btn:hover:not(:disabled){background:var(--primary-dark)}.add-item-btn:disabled{background:#ccc;cursor:not-allowed}.remove-item-btn{background:var(--danger-light);border:none;border-radius:var(--radius-circle);color:var(--danger);cursor:pointer;font-size:var(--font-xxl);height:28px;transition:all var(--transition-fast);width:28px}.remove-item-btn:hover{background:var(--danger-border)}.pick-from-wheel-btn{align-items:center;background:var(--success-light);border:1px solid var(--success-border);border-radius:var(--radius-md);color:var(--success);cursor:pointer;display:flex;font-size:var(--font-md);font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.pick-from-wheel-btn:hover{background:#c8e6c9;border-color:#81c784}.export-btn{align-items:center;background:var(--bg-gray);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-md);font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.export-btn:hover:not(:disabled){background:var(--bg-dark);border-color:var(--border-medium)}.export-btn:disabled{cursor:not-allowed;opacity:.6}.upload-image-btn{align-items:center;background:var(--primary);border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--font-base);font-weight:600;gap:var(--space-sm);padding:10px var(--space-lg);transition:background var(--transition-fast)}.upload-image-btn:hover{background:var(--primary-dark)}.replace-image-btn{background:var(--info);border:none;border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;display:inline-block;font-size:var(--font-sm);font-weight:600;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.replace-image-btn:hover{background:var(--info-dark)}.remove-image-btn{background:var(--danger-light);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger);cursor:pointer;font-size:var(--font-sm);font-weight:600;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.remove-image-btn:hover{background:var(--danger-border)}.cancel-btn,.clear-label-btn{background:var(--bg-gray);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-md);font-weight:600;padding:10px var(--space-lg);transition:all var(--transition-fast)}.cancel-btn:hover,.clear-label-btn:hover{background:var(--bg-dark);color:var(--text-primary)}.back-to-wheels-btn{background:var(--bg-gray);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-md);font-weight:500;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.back-to-wheels-btn:hover{background:var(--bg-dark);color:var(--text-primary)}@media (max-width:768px){.add-button,.create-button{font-size:var(--font-md);padding:10px var(--space-lg);width:auto}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-xl);position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal{border-radius:var(--radius-xl);max-height:90vh;max-width:650px;overflow-x:hidden;overflow-y:auto;position:relative;width:95%}.modal,.modal-header{background:var(--bg-white)}.modal-header{align-items:center;border-bottom:1px solid var(--border-medium);display:flex;justify-content:space-between;padding:var(--space-xl) var(--space-xxl);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:var(--text-primary);font-size:var(--font-title);margin:0}.modal-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:28px;line-height:1}.close-btn:hover{color:var(--text-primary)}.modal-body{margin:0 auto;max-width:700px;padding:var(--space-xl) var(--space-xxl)}.modal-footer{align-items:center;background:var(--bg-lighter);border-top:1px solid var(--border-medium);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-lg) var(--space-xl)}.modal-btn{border:none;border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;font-size:var(--font-base);font-weight:600;min-width:0;padding:var(--space-sm) var(--space-md);text-align:center;transition:background var(--transition-fast)}.modal-btn.delete{background:var(--danger)}.modal-btn.delete:hover{background:var(--danger-dark)}.modal-btn.close{background:#757575}.modal-btn.close:hover{background:#616161}.modal-btn.save{background:var(--primary)}.modal-btn.save:hover:not(:disabled){background:var(--primary-dark)}.modal-btn.save:disabled{background:#ccc;cursor:not-allowed}.modal-btn.print{background:var(--info)}.modal-btn.print:hover{background:var(--info-dark)}.modal-btn.print-number{background:#7b1fa2}.modal-btn.print-number:hover{background:#6a1b9a}.modal-btn.edit{background:var(--warning)}.modal-btn.edit:hover{background:var(--warning-dark)}.delete-confirm-overlay{align-items:center;background:#00000080;border-radius:var(--radius-xl);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.delete-confirm-dialog{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:320px;padding:var(--space-xxl);text-align:center}.delete-confirm-dialog h3{color:var(--danger);font-size:var(--font-title);margin:0 0 var(--space-md) 0}.delete-confirm-dialog p{color:var(--text-primary);font-size:var(--font-md);margin:0 0 var(--space-sm) 0}.delete-confirm-dialog .warning-text{color:var(--text-secondary);font-size:var(--font-base);margin-bottom:var(--space-xl)}.delete-confirm-actions{display:flex;gap:var(--space-md);justify-content:center}.delete-confirm-actions button{border:none;border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;font-size:var(--font-md);font-weight:600;min-width:120px;padding:10px var(--space-xl);transition:background var(--transition-fast)}.delete-confirm-actions .cancel-btn{background:#757575}.delete-confirm-actions .cancel-btn:hover{background:#616161}.confirm-delete-btn{background:var(--danger)}.confirm-delete-btn:hover{background:var(--danger-dark)}.restore-wheel-option{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;color:#1565c0;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:8px 0;padding:12px 14px}.restore-wheel-option input[type=checkbox]{accent-color:#1565c0;cursor:pointer;height:18px;width:18px}.wheel-picker-modal{background:var(--bg-white);border-radius:var(--radius-xl);max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.wheel-search-box{align-items:center;background:var(--bg-gray);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md)}.wheel-search-box .search-icon{color:var(--text-muted);flex-shrink:0;height:16px;margin-right:var(--space-sm);width:16px}.wheel-search-box input{background:#0000;border:none;flex:1 1;font-size:var(--font-md);min-width:0;outline:none}.no-wheels-message{color:var(--text-secondary);padding:40px;text-align:center}.wheel-list{display:flex;flex-direction:column;gap:var(--space-md)}.wheel-list-item{background:var(--bg-lighter);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-lg);transition:all var(--transition-fast)}.wheel-list-item:hover{background:var(--bg-dark);border-color:var(--border-medium)}.wheel-list-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.wheel-list-number{color:var(--primary);font-size:var(--font-lg);font-weight:700}.wheel-list-details{color:var(--text-secondary);display:flex;font-size:var(--font-md);gap:var(--space-lg);margin-bottom:var(--space-xs)}.wheel-list-contents{color:var(--text-muted);font-size:var(--font-sm);line-height:1.4}.wheel-list-customer{border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--space-sm);padding-top:var(--space-sm)}.wheel-items-header{align-items:center;border-bottom:1px solid var(--border-medium);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.selected-wheel-title{color:var(--primary);font-size:var(--font-lg);font-weight:700}.loading-wheel-items{color:var(--text-secondary);padding:40px;text-align:center}.select-all-row{background:var(--bg-gray);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:var(--space-md)}.select-all-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:var(--space-sm)}.select-all-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.wheel-items-list{display:flex;flex-direction:column;gap:var(--space-sm)}.wheel-item-row{align-items:flex-start;background:var(--bg-lighter);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-fast)}.wheel-item-row:hover{background:var(--bg-gray)}.wheel-item-row.checked{background:#e8f5e9;border-color:var(--success-border)}.wheel-item-row input[type=checkbox]{accent-color:var(--success);cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.wheel-item-info{flex:1 1}.wheel-item-name{color:var(--text-primary);font-size:var(--font-md);margin-bottom:var(--space-xs)}.wheel-item-part{color:var(--primary);font-size:var(--font-sm);font-weight:600;margin-right:var(--space-sm)}.wheel-item-details{color:var(--text-secondary);display:flex;font-size:var(--font-sm);gap:var(--space-lg)}@media (max-width:768px){.modal{border-radius:var(--radius-lg);margin:auto;max-height:90vh;width:95%}.modal-overlay{align-items:center;padding:var(--space-md)}.modal-body,.modal-header{padding:var(--space-lg)}.modal-footer{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-sm);justify-content:center;padding:var(--space-md)}.modal-footer .modal-btn{flex:1 1;font-size:var(--font-sm);min-width:0;padding:10px var(--space-sm)}}.customers-table-container,.inventory-items-container,.items-table-container,.pallets-table-container,.shipments-table-container,.table-container,.wheels-table-container{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow-x:auto}.customers-table,.data-table,.inventory-items-table,.items-table,.pallets-table,.shipments-table,.wheels-table{border-collapse:collapse;width:100%}.customers-table thead,.data-table thead,.inventory-items-table thead,.items-table thead,.pallets-table thead,.shipments-table thead,.wheels-table thead{background:var(--bg-gray)}.customers-table th,.data-table th,.inventory-items-table th,.items-table th,.pallets-table th,.shipments-table th,.wheels-table th{border-bottom:1px solid var(--border-medium);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.customers-table td,.data-table td,.inventory-items-table td,.items-table td,.pallets-table td,.shipments-table td,.wheels-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:14px;padding:12px 10px;vertical-align:middle}.customers-table tbody tr:hover,.data-table tbody tr:hover,.inventory-items-table tbody tr:hover,.items-table tbody tr:hover,.pallets-table tbody tr:hover,.shipments-table tbody tr:hover,.wheels-table tbody tr:hover{background:var(--bg-lighter)}.customers-table tbody tr:last-child td,.data-table tbody tr:last-child td,.inventory-items-table tbody tr:last-child td,.items-table tbody tr:last-child td,.pallets-table tbody tr:last-child td,.shipments-table tbody tr:last-child td,.wheels-table tbody tr:last-child td{border-bottom:none}.pallet-number{color:var(--primary);font-size:var(--font-base);font-weight:600}.pallet-contents{max-width:180px}.items-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:var(--font-xs);line-height:1.2;overflow:hidden}.pallet-items-table{background:var(--bg-lighter);border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden;width:100%}.pallet-items-table th{background:var(--bg-dark);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase}.pallet-items-table td{border-top:1px solid var(--border-medium);color:var(--text-primary);font-size:var(--font-md);padding:var(--space-md) var(--space-lg)}.view-items-table{border-collapse:collapse;margin-top:var(--space-lg);width:100%}.view-items-table th{background:var(--bg-gray);border-bottom:1px solid var(--border-medium);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;padding:var(--space-md);text-align:left;text-transform:uppercase}.view-items-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-md);padding:var(--space-md)}.view-items-table tbody tr:hover{background:var(--bg-lighter)}.view-items-table tfoot{background:var(--bg-gray);font-weight:700}.view-items-table tfoot td{border-bottom:none}.invoice-table-wrap{margin:var(--space-lg) 0;overflow:visible}.invoice-table{border-collapse:collapse;min-width:400px;width:100%}.invoice-table th{background:var(--bg-gray);border-bottom:2px solid var(--border-medium);color:var(--text-secondary);font-size:var(--font-xs);font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase}.invoice-table td,.invoice-table th{padding:var(--space-sm) var(--space-md)}.invoice-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-md);vertical-align:middle}.invoice-table .col-item{width:50%}.invoice-table .col-qty{text-align:center;width:15%}.invoice-table .col-lot{width:20%}.invoice-table .col-action{text-align:center;width:15%}.invoice-table .item-part{color:var(--primary);display:block;font-size:var(--font-sm);font-weight:600}.invoice-table .item-name{color:var(--text-primary);font-size:var(--font-base)}.invoice-table .add-row{background:#fffef5}.invoice-table .add-row td{border-bottom:none;padding:var(--space-md)}.invoice-table input[type=number]{border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-md);padding:var(--space-sm);text-align:center;width:60px}.invoice-table input[type=number]:focus{border-color:var(--primary);outline:none}.invoice-item-search{position:relative;z-index:100}.invoice-item-search input{border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-md);padding:var(--space-sm) var(--space-md);padding-right:40px;width:100%}.invoice-item-search input:focus{border-color:var(--primary);outline:none}.invoice-scan-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-xs);position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.invoice-scan-btn:hover{background:var(--bg-gray);color:var(--primary)}.invoice-dropdown{background:var(--bg-white);border:1px solid var(--border-default);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.invoice-dropdown-item{border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md)}.invoice-dropdown-item:last-child{border-bottom:none}.invoice-dropdown-item:hover{background:var(--bg-gray)}.invoice-dropdown-item strong{color:var(--primary);font-size:var(--font-sm)}.invoice-dropdown-item span{color:var(--text-primary);font-size:var(--font-base)}.invoice-lot-input{align-items:center;display:flex;gap:var(--space-sm)}.invoice-lot-input input[type=text]{border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-md);font-weight:600;letter-spacing:1px;padding:var(--space-sm);text-align:center;width:60px}.invoice-lot-input input[type=text]:focus{border-color:var(--primary);outline:none}.lot-date-btn{cursor:pointer;font-size:var(--font-lg);position:relative}.lot-date-btn input[type=date]{cursor:pointer;height:24px;opacity:0;position:absolute;width:24px}.invoice-remove-btn{align-items:center;background:var(--danger-light);border:none;border-radius:var(--radius-circle);color:var(--danger);cursor:pointer;display:flex;font-size:var(--font-xxl);height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.invoice-remove-btn:hover{background:var(--danger-border)}.invoice-add-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-circle);color:var(--text-white);cursor:pointer;display:flex;font-size:var(--font-xl);font-weight:700;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.invoice-add-btn:hover:not(:disabled){background:var(--primary-dark)}.invoice-add-btn:disabled{background:#ccc;cursor:not-allowed}.invoice-totals{background:var(--bg-gray);border-radius:var(--radius-md);margin-top:var(--space-lg);padding:var(--space-md)}.invoice-total-row{color:var(--text-secondary);display:flex;font-size:var(--font-md);gap:var(--space-lg);justify-content:space-between}.invoice-total-row .total-weight{color:var(--text-primary);font-weight:700}.cards-container,.pallets-cards-container{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(4,1fr)}.pallet-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-fast)}.pallet-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.pallet-card .card-header{align-items:center;background:var(--bg-lighter);border-bottom:1px solid var(--border-medium);display:flex;justify-content:space-between;padding:10px var(--space-md)}.card-header-left,.card-header-right{align-items:center;display:flex;gap:var(--space-sm)}.card-pallet-number{color:var(--primary);font-size:var(--font-lg);font-weight:700}.has-image-icon{color:var(--info);flex-shrink:0;height:16px;width:16px}.pallet-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm);padding:10px var(--space-md)}.card-customer{align-items:center;border-bottom:1px solid var(--border-medium);display:flex;font-size:var(--font-sm);gap:var(--space-sm);padding-bottom:var(--space-sm)}.customer-label{color:var(--text-secondary);font-weight:600}.customer-value{color:var(--text-primary)}.card-lot-info{align-items:center;background:var(--info-light);border-radius:var(--radius-sm);display:flex;gap:var(--space-sm);padding:5px var(--space-sm)}.lot-label{font-size:10px;font-weight:600;text-transform:uppercase}.lot-label,.lot-value{color:var(--info-dark)}.lot-value{font-family:Courier New,monospace;font-size:var(--font-sm);font-weight:700}.card-items-preview{margin-top:2px;padding-top:2px}.pallet-card .card-details{display:flex;flex-direction:column;gap:var(--space-xs)}.pallet-card .card-detail-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:3px 0}.pallet-card .card-detail-item:last-child{border-bottom:none}.pallet-card .detail-label{color:var(--text-secondary);font-size:var(--font-xs);font-weight:500}.pallet-card .detail-value{color:var(--text-primary);font-size:var(--font-sm);font-weight:600}.pallet-card .card-footer{background:#fafafa;border-top:1px solid var(--border-medium);padding:var(--space-sm) var(--space-md)}@media (max-width:1024px){.cards-container,.pallets-cards-container{gap:10px;grid-template-columns:repeat(3,1fr)}.pallets-table-container{overflow-x:hidden}.pallets-table{table-layout:fixed;width:100%}.pallets-table td,.pallets-table th{font-size:13px;overflow:hidden;padding:8px 6px;text-overflow:ellipsis;white-space:nowrap}.pallets-table td:nth-child(4),.pallets-table td:nth-child(8),.pallets-table th:nth-child(4),.pallets-table th:nth-child(8){display:none}}@media (max-width:768px){.cards-container,.pallets-cards-container{gap:var(--space-sm);grid-template-columns:1fr}.pallet-items-table td,.pallet-items-table th,.pallets-table td,.pallets-table th{font-size:var(--font-sm);padding:var(--space-sm) var(--space-sm)}.pallet-items-table th{font-size:9px}.invoice-table-wrap{display:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a3691f5c.css.map*/