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;text-transform:uppercase}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.image-uploader .file-input{display:none}.data-table{border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;width:100%}.data-table thead{background:#f5f5f5;border-bottom:1px solid #ddd;position:-webkit-sticky;position:sticky;top:0}.data-table thead th{border-bottom:1px solid #ccc;color:#222;font-size:11px;font-weight:600;padding:6px 8px;text-align:left;vertical-align:middle}.data-table tbody tr:hover{background:#fafafa}.data-table tbody tr{border-bottom:1px solid #eee}.data-table td,.data-table th{padding:6px 8px;vertical-align:middle}.data-table .cell-swatch{position:relative;width:48px}.data-table .cell-swatch .color-swatch,.data-table .cell-swatch .color-swatch-small,.data-table .cell-swatch .swatch-box{appearance:none;-webkit-appearance:none;border:1px solid #0003;border-radius:0;cursor:pointer;display:block;height:36px;padding:0;transition:.12s ease;width:36px}.data-table .cell-swatch .color-swatch-small:hover,.data-table .cell-swatch .color-swatch:hover,.data-table .cell-swatch .swatch-box:hover{transform:scale(1.06)}.data-table .cell-swatch .color-swatch-small:active,.data-table .cell-swatch .color-swatch:active,.data-table .cell-swatch .swatch-box:active{transform:scale(1.02)}.data-table .cell-swatch .copied-badge{background:#fffffff2;border:1px solid #00000040;border-radius:0;color:#111;font-size:9px;left:50%;padding:2px 4px;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table .cell-code{min-width:120px}.data-table .cell-code .code-value{color:#222;display:block;font-family:monospace;font-size:11px;font-weight:600}.data-table .cell-code .color-name{color:#666;display:block;font-size:11px;font-weight:400;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .cell-hex{color:#222;font-family:monospace;font-size:11px;font-weight:600;width:150px}.data-table .cell-spoolcode{color:#222;font-family:monospace;font-size:11px;font-weight:400;white-space:nowrap}.data-table .cell-spoolcode .spool-code-value{color:#222;letter-spacing:.05em}.data-table .cell-spoolcode .spool-code-empty{color:#bbb}.data-table .cell-length,.data-table .cell-weight{color:#444;font-size:11px;font-weight:400;white-space:nowrap}.data-table .loc-input,.data-table .qty-input{background:#fff;border:1px solid #ddd;color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:400;padding:4px 6px;text-align:center;transition:.12s ease;width:45px}.data-table .loc-input:focus,.data-table .qty-input:focus{background:#fafafa;border-color:#222;outline:none}.data-table .cell-location .loc-input{text-transform:uppercase}.data-table .cell-quantity .qty-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.data-table .cell-quantity .qty-input::-webkit-inner-spin-button,.data-table .cell-quantity .qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.data-table .cell-actions{text-align:right;width:60px}.data-table .cell-actions .action-btn,.data-table .cell-actions .delete-btn,.data-table .cell-actions .restock-btn,.data-table .cell-actions .save-btn{align-items:center;background:#fff;border-radius:0;cursor:pointer;display:inline-flex;height:24px;justify-content:center;margin-right:4px;padding:4px;transition:.15s ease;vertical-align:middle;width:24px}.data-table .cell-actions .action-btn .icon,.data-table .cell-actions .delete-btn .icon,.data-table .cell-actions .restock-btn .icon,.data-table .cell-actions .save-btn .icon{height:14px;width:14px}.data-table .cell-actions .action-btn:active,.data-table .cell-actions .delete-btn:active,.data-table .cell-actions .restock-btn:active,.data-table .cell-actions .save-btn:active{box-shadow:none;transform:translate(0)}.data-table .cell-actions .action-btn:last-child,.data-table .cell-actions .delete-btn:last-child,.data-table .cell-actions .restock-btn:last-child,.data-table .cell-actions .save-btn:last-child{margin-right:0}.data-table .cell-actions .save-btn{border:1px solid #43a047;opacity:.3}.data-table .cell-actions .save-btn:hover{opacity:1}.data-table .cell-actions .delete-btn,.data-table .cell-actions .restock-btn{border:1px solid #d32f2f;opacity:.3}.data-table .cell-actions .delete-btn:hover,.data-table .cell-actions .restock-btn:hover{opacity:1}.data-table .cell-pantone,.data-table .cell-thread{color:#444;font-size:11px;min-width:150px}.data-table .cell-pantone .madeira-display,.data-table .cell-pantone .pantone-display,.data-table .cell-thread .madeira-display,.data-table .cell-thread .pantone-display{align-items:center;display:flex;gap:8px;min-height:36px}.data-table .cell-pantone .madeira-display .madeira-swatch,.data-table .cell-pantone .madeira-display .pantone-swatch,.data-table .cell-pantone .pantone-display .madeira-swatch,.data-table .cell-pantone .pantone-display .pantone-swatch,.data-table .cell-thread .madeira-display .madeira-swatch,.data-table .cell-thread .madeira-display .pantone-swatch,.data-table .cell-thread .pantone-display .madeira-swatch,.data-table .cell-thread .pantone-display .pantone-swatch{appearance:none;-webkit-appearance:none;border:1px solid #0003;border-radius:0;cursor:pointer;flex-shrink:0;height:36px;padding:0;transition:.12s ease;width:36px}.data-table .cell-pantone .madeira-display .madeira-swatch:hover,.data-table .cell-pantone .madeira-display .pantone-swatch:hover,.data-table .cell-pantone .pantone-display .madeira-swatch:hover,.data-table .cell-pantone .pantone-display .pantone-swatch:hover,.data-table .cell-thread .madeira-display .madeira-swatch:hover,.data-table .cell-thread .madeira-display .pantone-swatch:hover,.data-table .cell-thread .pantone-display .madeira-swatch:hover,.data-table .cell-thread .pantone-display .pantone-swatch:hover{transform:scale(1.06)}.data-table .cell-pantone .madeira-display .madeira-swatch:active,.data-table .cell-pantone .madeira-display .pantone-swatch:active,.data-table .cell-pantone .pantone-display .madeira-swatch:active,.data-table .cell-pantone .pantone-display .pantone-swatch:active,.data-table .cell-thread .madeira-display .madeira-swatch:active,.data-table .cell-thread .madeira-display .pantone-swatch:active,.data-table .cell-thread .pantone-display .madeira-swatch:active,.data-table .cell-thread .pantone-display .pantone-swatch:active{transform:scale(1.02)}.data-table .cell-pantone .madeira-display span,.data-table .cell-pantone .pantone-display span,.data-table .cell-thread .madeira-display span,.data-table .cell-thread .pantone-display span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .cell-pantone .madeira-display .na,.data-table .cell-pantone .pantone-display .na,.data-table .cell-thread .madeira-display .na,.data-table .cell-thread .pantone-display .na{color:#999}.data-table .cell-pantone .madeira-display .quality-dot,.data-table .cell-pantone .pantone-display .quality-dot,.data-table .cell-thread .madeira-display .quality-dot,.data-table .cell-thread .pantone-display .quality-dot{border-radius:50%;flex-shrink:0;height:8px;margin-left:auto;width:8px}.data-table th.sortable{cursor:pointer;transition:.1s ease;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:#00000014}.data-table th.sortable:active{background:#0000001f}.data-table.restock-variant tbody tr{background:#fdf8f5}.data-table.restock-variant tbody tr:hover{background:#faf0ea}.color-palette{margin-top:12px;max-height:600px;max-width:900px;overflow-y:auto}.color-palette.is-loading{opacity:.6;pointer-events:none}.cell-stock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:center}.cell-stock .in-stock{color:#43a047}.cell-stock .out-of-stock{color:#999}.weight-badge{color:#fff;display:inline-block;font-size:10px;font-weight:700;line-height:1.1;margin-left:4px;padding:1px 4px;vertical-align:middle}.weight-badge.w60{background:#312783}.weight-badge.w75{background:#f9b104}.eraser-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.eraser-modal .eraser-backdrop{background:#00000080;cursor:pointer;inset:0;position:absolute}.eraser-modal .eraser-content{background:#fff;border:1px solid #000;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:1000px;position:relative;width:90vw;z-index:1001}.eraser-modal .eraser-header{align-items:center;border-bottom:1px solid #000;display:flex;justify-content:space-between;padding:12px 16px}.eraser-modal .eraser-header h3{font-size:14px;font-weight:600;margin:0}.eraser-modal .eraser-header .header-help{color:#666;font-size:11px;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.eraser-modal .eraser-header .close-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:0;width:28px}.eraser-modal .eraser-header .close-btn:hover{background:#f0f0f0}.eraser-modal .eraser-toolbar{align-items:center;background:#f9f9f9;border-bottom:1px solid #ddd;display:flex;gap:16px;justify-content:space-between;padding:10px 16px}.eraser-modal .eraser-toolbar .toolbar-left{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.eraser-modal .eraser-toolbar .toolbar-right{display:flex;gap:8px}.eraser-modal .eraser-toolbar .tool-buttons{border-right:1px solid #ddd;display:flex;gap:8px;padding-right:12px}.eraser-modal .eraser-toolbar .control-group{align-items:center;display:flex;gap:8px}.eraser-modal .eraser-toolbar .control-group label{font-size:12px;font-weight:500;min-width:80px}.eraser-modal .eraser-toolbar .control-group input[type=range]{width:100px}.eraser-modal .eraser-toolbar .control-group input[type=color]{border:1px solid #ddd;cursor:pointer;height:28px;width:40px}.eraser-modal .eraser-toolbar .control-group .color-display,.eraser-modal .eraser-toolbar .control-group .size-display,.eraser-modal .eraser-toolbar .control-group .zoom-display{font-size:12px;font-weight:600;min-width:40px}.eraser-modal .eraser-toolbar .control-group span{font-size:12px;font-weight:500}.eraser-modal .eraser-toolbar .control-group.shape-toggle{gap:4px;margin-left:8px}.eraser-modal .eraser-toolbar .control-group.shape-toggle .shape-btn{align-items:center;background:#fff;border:1px solid #ccc;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;padding:0;transition:.15s ease;width:28px}.eraser-modal .eraser-toolbar .control-group.shape-toggle .shape-btn:hover{border-color:#000}.eraser-modal .eraser-toolbar .control-group.shape-toggle .shape-btn.active{background:#000;border-color:#000;color:#fff}.eraser-modal .tool-btn{align-items:center;background:#fff;border:1px solid #000;border-radius:0;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;letter-spacing:.5px;padding:8px 14px;position:relative;text-transform:uppercase;transition:.18s ease}.eraser-modal .tool-btn .icon{display:inline-block;height:16px;transition:.1s ease;width:16px}.eraser-modal .tool-btn .tool-tooltip{background:#000;border-radius:4px;bottom:auto;color:#fff;font-size:12px;font-weight:500;left:auto;letter-spacing:0;opacity:0;padding:6px 12px;pointer-events:none;position:fixed;text-transform:none;top:-40px;transition:opacity .08s ease,visibility .08s ease;visibility:hidden;white-space:nowrap;z-index:2000}.eraser-modal .tool-btn:hover:not(:disabled){box-shadow:-4px 4px 0 #000;transform:translate(2px,-2px)}.eraser-modal .tool-btn:hover:not(:disabled) .tool-tooltip{opacity:1;visibility:visible}.eraser-modal .tool-btn:active:not(:disabled){box-shadow:-2px 2px 0 #000;transform:translate(1px,-1px)}.eraser-modal .tool-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.eraser-modal .tool-btn.danger{border-color:#c00;color:#c00}.eraser-modal .tool-btn.danger:hover:not(:disabled){box-shadow:-4px 4px 0 #c00}.eraser-modal .tool-btn.primary{background:#000;border-color:#000;color:#fff}.eraser-modal .tool-btn.primary .icon{filter:brightness(0) invert(1)}.eraser-modal .tool-btn.primary:hover:not(:disabled){background:#333}.eraser-modal .tool-btn.primary:disabled{background:#666;border-color:#666}.eraser-modal .tool-btn.active{background:#000;border-color:#000;color:#fff}.eraser-modal .tool-btn.active .icon{filter:brightness(0) invert(1)}.eraser-modal .tool-btn.active .tool-tooltip{opacity:1;visibility:visible}.eraser-modal .tool-btn.active:hover:not(:disabled){background:#333}.eraser-modal .canvas-container{align-items:center;background:#f5f5f5;cursor:auto;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.eraser-modal .canvas-container.drag-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" fill="%23000"><path d="M391 178c-8 0-15 3-21 8V59c0-20-16-43-38-43-9 0-17 4-24 10-6-14-20-26-36-26-9 0-18 4-25 11-9 8-14 20-14 31-6-4-14-8-21-8-22 0-38 22-38 43v147c-8-16-18-32-28-42-14-14-41-15-56-2-4 4-19 20 1 47 18 26 32 82 32 114 0 68 44 99 60 108v54c0 5 3 8 8 8s9-3 9-8v-59c0-3-2-6-5-8-3-1-55-26-55-95 0-32-14-94-36-125-6-8-11-18-3-24 8-7 26-7 33 1 21 21 40 67 40 88 0 5 4 8 9 8s8-3 8-8V76c0-12 9-26 21-26s22 14 22 26v154c0 5 3 8 8 8s9-3 9-8V42c0-7 3-15 8-20 4-3 9-6 13-6 12 0 21 14 21 26v196c0 5 4 8 9 8s8-3 8-8V59c0-12 9-26 21-26s22 14 22 26v160v1v35c0 5 3 9 8 9s9-4 9-9v-35c1-12 10-25 21-25 12 0 22 14 22 26v119c0 65 0 65-24 97-2 2-2 5-2 6v58c0 5 4 9 9 9s8-4 8-9v-56c26-34 26-38 26-105V221c0-20-16-43-38-43z"/></svg>') 12 2,auto}.eraser-modal .canvas-container.drag-cursor:active{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" fill="%23000"><path d="M389 67c-9 0-19 4-26 9v-9c0-24-19-43-43-43-10 0-19 4-26 10-3-20-21-34-42-34-18 0-34 12-40 28-8-7-17-11-28-11-24 0-43 19-43 43v48c-11-8-26-11-39-7-7 2-28 12-19 50 8 31 3 72-1 105-2 9-2 17-3 25-8 96 54 141 71 151v70c0 5 3 8 8 8 5 0 9-3 9-8v-75c0-4-3-8-6-8-10-5-72-43-65-136 1-8 2-16 3-25 4-35 9-78 1-111-3-10-4-26 8-31 11-3 28 5 34 16v96c0 5 3 8 8 8s9-3 9-8V59c0-15 11-26 26-26s25 11 25 26v111c0 5 4 8 9 8 5 0 8-3 8-8V59V42c0-15 11-26 26-26s25 11 25 26v17v8v103c0 5 4 8 9 8 5 0 8-3 8-8v-103c0-14 11-25 26-25s25 11 25 25v43v85c0 5 4 9 9 9s8-4 8-9v-85c0-15 11-26 26-26 14 0 25 11 25 26v171c0 96-1 97-31 138l-1 2c-2 2-2 3-2 6v76c0 5 4 8 9 8s8-3 8-8v-74c33-45 34-49 34-148V110c0-24-19-43-43-43z"/></svg>') 12 8,auto}.eraser-modal .canvas-container.eraser-cursor{cursor:none}.eraser-modal .canvas-container.color-eraser-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" fill="%23000"><path d="M261 437c-59 0-107-48-107-107 0-6-5-10-11-10s-10 4-10 10c0 71 57 128 128 128 6 0 11-4 11-10 0-6-5-11-11-11z"/><path d="M263 3c-4-4-11-4-15 0-7 7-169 167-169 330 0 99 79 180 176 180s176-81 176-180C431 170 270 10 263 3zM256 491c-85 0-155-71-155-159 0-134 123-272 155-306 32 33 155 171 155 306 0 88-70 159-155 159z"/></svg>') 6 2,auto}.eraser-modal .canvas-container.bucket-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 60 60" fill="%23000"><path d="M6 39c0 0-1 0-1 0l-3 3c-2 2-2 5 0 6 1 1 2 1 3 1s2 0 3-1c2-2 2-5 0-6L6 39zM7 47c-1 1-3 1-4 0-1-1-1-3 0-4l2-2 2 2c1 1 1 3 0 4z"/><path d="M58 31L34 6c-1-1-3-1-5 0-1-3-4-6-8-6-4 0-7 3-7 7v10c-7 7-12 15-9 17l7 8 13 13 5 5c0 0 1 1 2 1 1 0 3-1 6-2 3-2 7-5 11-9s7-7 9-11c2-4 2-6 0-8zM48 36L37 25c0 0 0-1 0-2 2-2 3-4 4-6l11 11c1 1 0 3-4 8zM31 7c0 0 1 0 1 0 1 1 0 4-3 8V8c1-1 2-1 2-1zM22 2c3 0 5 2 5 5-3 2-7 5-11 8V7c0-3 2-5 6-5zM17 18c4-4 8-7 10-8v9c-1 1-3 3-5 5-8 8-15 11-16 10 0-1 3-8 11-16zM27 53L16 42c1 0 2-1 3-1 0 0 1 0 1 0l11 10c-2 1-4 2-4 2zM47 48c-8 8-15 11-16 10l-3-3c1 0 2-1 3-1 1 0 1-1 1-2 0-1 0-1-1-2L21 40c-1-1-2-1-4-1-2 1-3 1-4 1l-5-5c1 0 3-1 4-2 2-1 5-3 7-5 0 0 0 0 0 0 0 0 1 0 1-1 0 0 0 0 1 0 0 0 0 0 1-1 0 0 0 0 0 0 1-1 2-2 3-3V30h2V18c1-2 2-3 3-5 1-2 2-3 2-4l5 5 0 0c0 0 0 3-3 7-1 1-1 3 0 5l11 10c0 0 1 1 1 1 0 0 0 0 0 0 1 0 1 0 1 0 2-2 4-5 5-7l3 3c-1 1 2 7-6 15z"/></svg>') 6 18,auto}.eraser-modal .canvas-container.crop-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="miter"><polyline points="22 19 5 19 5 2"/><polyline points="9 5 19 5 19 15"/><line x1="19" y1="19" x2="19" y2="22"/><line x1="2" y1="5" x2="5" y2="5"/></svg>') 5 19,auto}.eraser-modal .canvas-container .checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#00000014 25%,#0000 0),linear-gradient(-45deg,#00000014 25%,#0000 0),linear-gradient(45deg,#0000 75%,#00000014 0),linear-gradient(-45deg,#0000 75%,#00000014 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;inset:0;pointer-events:none;position:absolute;z-index:0}.eraser-modal .canvas-container .eraser-canvas{background:#0000;display:block;position:relative;transform-origin:center center;transition:none;z-index:1}.eraser-modal .canvas-container .brush-preview{border:2px solid #ff3232cc;box-shadow:0 0 0 1px #0000001a,inset 0 0 8px #ff32324d;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:2}.eraser-modal .canvas-container .brush-preview.circle{border-radius:50%}.eraser-modal .canvas-container .brush-preview.square{border-radius:0}.eraser-modal .eraser-footer{border-top:1px solid #ddd;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.eraser-modal .eraser-footer .btn-save{background:#000;color:#fff}.eraser-modal .eraser-footer .btn-save:hover{background:#333}.eraser-modal .crop-overlay{background:#ffffff1a;border:2px dashed #000;box-shadow:0 0 0 9999px #00000080;pointer-events:none;position:absolute;z-index:100}.eraser-modal .crop-overlay .crop-move-area{cursor:move;inset:0;pointer-events:auto;position:absolute}.eraser-modal .crop-overlay .crop-handle{background:#fff;border:2px solid #000;height:12px;pointer-events:auto;position:absolute;width:12px;z-index:101}.eraser-modal .crop-overlay .crop-handle.nw{cursor:nw-resize;left:-6px;top:-6px}.eraser-modal .crop-overlay .crop-handle.ne{cursor:ne-resize;right:-6px;top:-6px}.eraser-modal .crop-overlay .crop-handle.sw{bottom:-6px;cursor:sw-resize;left:-6px}.eraser-modal .crop-overlay .crop-handle.se{bottom:-6px;cursor:se-resize;right:-6px}.eraser-modal .crop-overlay .crop-handle.n{cursor:n-resize;left:50%;top:-6px;transform:translateX(-50%)}.eraser-modal .crop-overlay .crop-handle.s{bottom:-6px;cursor:s-resize;left:50%;transform:translateX(-50%)}.eraser-modal .crop-overlay .crop-handle.w{cursor:w-resize;left:-6px;top:50%;transform:translateY(-50%)}.eraser-modal .crop-overlay .crop-handle.e{cursor:e-resize;right:-6px;top:50%;transform:translateY(-50%)}.eraser-modal .canvas-container.crop-cursor{cursor:crosshair}.eraser-modal .crop-controls{display:flex;gap:8px}.eraser-modal .crop-controls .tool-btn.primary{background:#000;color:#fff}.eraser-modal .crop-controls .tool-btn.primary:hover{background:#333}@media(max-width:768px){.eraser-modal .eraser-content{height:100%;max-height:none;max-width:none;width:100%}.eraser-modal .eraser-toolbar{flex-direction:column;gap:8px}.eraser-modal .eraser-toolbar .toolbar-left,.eraser-modal .eraser-toolbar .toolbar-right{justify-content:space-between;width:100%}}.svg-editor-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.svg-editor-modal .svg-editor-backdrop{background:#00000080;cursor:pointer;inset:0;position:absolute}.svg-editor-modal .svg-editor-content{background:#fff;border:1px solid #000;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:900px;position:relative;width:90vw;z-index:1001}.svg-editor-modal .svg-editor-header{align-items:center;border-bottom:1px solid #000;display:flex;justify-content:space-between;padding:12px 16px}.svg-editor-modal .svg-editor-header h3{font-size:14px;font-weight:600;margin:0}.svg-editor-modal .svg-editor-header .header-help{color:#666;font-size:11px;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.svg-editor-modal .svg-editor-header .close-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:0;width:28px}.svg-editor-modal .svg-editor-header .close-btn:hover{background:#f0f0f0}.svg-editor-modal .svg-editor-body{display:flex;flex:1 1;overflow:hidden}.svg-editor-modal .svg-preview-panel{align-items:center;background:#f5f5f5;border-right:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:16px;position:relative}.svg-editor-modal .svg-preview-panel .preview-container{align-items:center;display:flex;justify-content:center;max-height:100%;max-width:100%}.svg-editor-modal .svg-preview-panel .preview-container.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#00000014 25%,#0000 0),linear-gradient(-45deg,#00000014 25%,#0000 0),linear-gradient(45deg,#0000 75%,#00000014 0),linear-gradient(-45deg,#0000 75%,#00000014 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:4px;padding:20px}.svg-editor-modal .svg-preview-panel .preview-container img{background:#0000;height:auto;max-height:400px;max-width:100%;min-height:100px;min-width:100px;object-fit:contain;width:auto}.svg-editor-modal .svg-preview-panel .preview-container .svg-inline-preview{align-items:center;display:flex;height:100%;justify-content:center;max-height:400px;max-width:400px;min-height:200px;min-width:200px;width:100%}.svg-editor-modal .svg-preview-panel .preview-container .svg-inline-preview svg{height:100%;max-height:100%;max-width:100%;width:100%}.svg-editor-modal .svg-colors-panel{background:#fff;overflow-y:auto;padding:16px;width:320px}.svg-editor-modal .svg-colors-panel h4{color:#333;font-size:13px;font-weight:600;margin:0 0 16px}.svg-editor-modal .svg-colors-panel .no-colors{color:#666;font-size:12px;font-style:italic}.svg-editor-modal .svg-colors-panel .color-list{display:flex;flex-direction:column;gap:12px}.svg-editor-modal .svg-colors-panel .color-row{align-items:center;background:#f9f9f9;border:1px solid #eee;display:flex;gap:8px;padding:8px}.svg-editor-modal .svg-colors-panel .color-row .color-row-main{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.svg-editor-modal .svg-colors-panel .color-row .color-original,.svg-editor-modal .svg-colors-panel .color-row .color-replacement{align-items:center;display:flex;flex-shrink:1;gap:6px;min-width:0}.svg-editor-modal .svg-colors-panel .color-row .color-original{flex:0 0 auto}.svg-editor-modal .svg-colors-panel .color-row .color-replacement{flex:1 1 auto;min-width:60px}.svg-editor-modal .svg-colors-panel .color-row .color-swatch{border:1px solid #0003;flex-shrink:0;height:24px;width:24px}.svg-editor-modal .svg-colors-panel .color-row .color-hex{color:#333;flex-shrink:1;font-family:monospace;font-size:10px;font-weight:500;min-width:45px}.svg-editor-modal .svg-colors-panel .color-row .arrow{color:#999;flex-shrink:0;font-size:12px}.svg-editor-modal .svg-colors-panel .color-row input[type=color]{background:none;border:1px solid #0003;cursor:pointer;flex-shrink:0;height:24px;padding:0;width:24px}.svg-editor-modal .svg-colors-panel .color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.svg-editor-modal .svg-colors-panel .color-row input[type=color]::-webkit-color-swatch{border:none}.svg-editor-modal .svg-colors-panel .color-row .transparent-swatch{border:1px solid #0003;flex-shrink:0;height:24px;width:24px}.svg-editor-modal .svg-colors-panel .color-row .transparent-swatch.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#00000026 25%,#0000 0),linear-gradient(-45deg,#00000026 25%,#0000 0),linear-gradient(45deg,#0000 75%,#00000026 0),linear-gradient(-45deg,#0000 75%,#00000026 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.svg-editor-modal .svg-colors-panel .color-row .color-actions{display:flex;flex-shrink:0;gap:4px}.svg-editor-modal .svg-colors-panel .color-row .color-actions button{align-items:center;background:#fff;border:1px solid #999;border-radius:2px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.svg-editor-modal .svg-colors-panel .color-row .color-actions button:hover{background:#f0f0f0;border-color:#666}.svg-editor-modal .svg-colors-panel .color-row .color-actions button:active{background:#e0e0e0}.svg-editor-modal .svg-colors-panel .color-row .color-actions button .tiny-checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#00000026 25%,#0000 0),linear-gradient(-45deg,#00000026 25%,#0000 0),linear-gradient(45deg,#0000 75%,#00000026 0),linear-gradient(-45deg,#0000 75%,#00000026 0);background-position:0 0,0 2.5px,2.5px -2.5px,-2.5px 0;background-size:5px 5px;border-radius:1px;height:14px;width:14px}.svg-editor-modal .svg-colors-panel .color-row .color-actions button .color-swatch-small{border:1px solid #0003;border-radius:1px;height:14px;width:14px}.svg-editor-modal .svg-colors-panel .color-row .color-actions button.btn-make-transparent{border-color:#d9534f}.svg-editor-modal .svg-colors-panel .color-row .color-actions button.btn-make-transparent:hover{background:#fee;border-color:#c9242f}.svg-editor-modal .svg-colors-panel .color-row .color-actions button.btn-make-opaque{border-color:#5cb85c}.svg-editor-modal .svg-colors-panel .color-row .color-actions button.btn-make-opaque:hover{background:#efe;border-color:#3c763d}.svg-editor-modal .svg-colors-panel .color-row.transparent{background:#f0f8f0;border-color:#d4edda}.svg-editor-modal .svg-editor-footer{align-items:center;border-top:1px solid #ddd;display:flex;gap:10px;justify-content:space-between;padding:12px 16px}.svg-editor-modal .svg-editor-footer .footer-right{display:flex;gap:10px}.svg-editor-modal .svg-editor-footer .btn-reset{border-color:#f0ad4e;color:#f0ad4e}.svg-editor-modal .svg-editor-footer .btn-reset:hover{background:#fffaf0}.svg-editor-modal .svg-editor-footer .btn-save{background:#000;color:#fff}.svg-editor-modal .svg-editor-footer .btn-save:hover{background:#333}@media(max-width:768px){.svg-editor-modal .svg-editor-content{height:100%;max-height:none;max-width:none;width:100%}.svg-editor-modal .svg-editor-body{flex-direction:column}.svg-editor-modal .svg-preview-panel{border-bottom:1px solid #ddd;border-right:none;flex:none;height:40%}.svg-editor-modal .svg-colors-panel{flex:1 1;width:100%}}.inventory-page{font-family:Arial,sans-serif;margin:20px auto;max-width:900px;padding:20px;width:95vw}.inventory-page,.inventory-page .btn{background:#fff;border:1px solid #000}.inventory-page .btn{color:#000;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.6px;padding:9px 16px;text-transform:uppercase;transition:.18s ease}.inventory-page .btn:hover{box-shadow:-4px 4px 0 #000;transform:translate(2px,-2px)}.inventory-page .btn:active{box-shadow:-2px 2px 0 #000;transform:translate(1px,-1px)}.inventory-page .btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.inventory-page .btn--filled{background:#000;color:#fff}.inventory-page .btn--filled:hover{background:#222;box-shadow:-4px 4px 0 #000;transform:translate(2px,-2px)}.inventory-page .btn--active{background:#000;color:#fff}.inventory-page .btn--sm{font-size:10px;padding:6px 12px}.inventory-page .btn--warn{border-color:#f0ad4e;color:#f0ad4e}.inventory-page .btn--warn:hover{background:#fffaf0;box-shadow:-4px 4px 0 #f0ad4e;transform:translate(2px,-2px)}.inventory-page .data-table{border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;width:100%}.inventory-page .data-table thead{background:#f5f5f5;border-bottom:1px solid #ddd;position:-webkit-sticky;position:sticky;top:0}.inventory-page .data-table thead th{border-bottom:1px solid #ccc;color:#222;font-size:11px;font-weight:600;padding:6px 8px;text-align:left;vertical-align:middle}.inventory-page .data-table tbody tr:hover{background:#fafafa}.inventory-page .data-table tbody tr{border-bottom:1px solid #eee}.inventory-page .data-table td,.inventory-page .data-table th{padding:6px 8px;vertical-align:middle}.inventory-page .data-table .cell-swatch{position:relative;width:48px}.inventory-page .data-table .cell-swatch .color-swatch,.inventory-page .data-table .cell-swatch .color-swatch-small,.inventory-page .data-table .cell-swatch .swatch-box{appearance:none;-webkit-appearance:none;border:1px solid #0003;border-radius:0;cursor:pointer;display:block;height:36px;padding:0;transition:.12s ease;width:36px}.inventory-page .data-table .cell-swatch .color-swatch-small:hover,.inventory-page .data-table .cell-swatch .color-swatch:hover,.inventory-page .data-table .cell-swatch .swatch-box:hover{transform:scale(1.06)}.inventory-page .data-table .cell-swatch .color-swatch-small:active,.inventory-page .data-table .cell-swatch .color-swatch:active,.inventory-page .data-table .cell-swatch .swatch-box:active{transform:scale(1.02)}.inventory-page .data-table .cell-swatch .copied-badge{background:#fffffff2;border:1px solid #00000040;border-radius:0;color:#111;font-size:9px;left:50%;padding:2px 4px;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;white-space:nowrap}.inventory-page .data-table .cell-code{min-width:120px}.inventory-page .data-table .cell-code .code-value{color:#222;display:block;font-family:monospace;font-size:11px;font-weight:600}.inventory-page .data-table .cell-code .color-name{color:#666;display:block;font-size:11px;font-weight:400;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-page .data-table .cell-hex{color:#222;font-family:monospace;font-size:11px;font-weight:600;width:150px}.inventory-page .data-table .cell-spoolcode{color:#222;font-family:monospace;font-size:11px;font-weight:400;white-space:nowrap}.inventory-page .data-table .cell-spoolcode .spool-code-value{color:#222;letter-spacing:.05em}.inventory-page .data-table .cell-spoolcode .spool-code-empty{color:#bbb}.inventory-page .data-table .cell-length,.inventory-page .data-table .cell-weight{color:#444;font-size:11px;font-weight:400;white-space:nowrap}.inventory-page .data-table .loc-input,.inventory-page .data-table .qty-input{background:#fff;border:1px solid #ddd;color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:400;padding:4px 6px;text-align:center;transition:.12s ease;width:45px}.inventory-page .data-table .loc-input:focus,.inventory-page .data-table .qty-input:focus{background:#fafafa;border-color:#222;outline:none}.inventory-page .data-table .cell-location .loc-input{text-transform:uppercase}.inventory-page .data-table .cell-quantity .qty-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.inventory-page .data-table .cell-quantity .qty-input::-webkit-inner-spin-button,.inventory-page .data-table .cell-quantity .qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inventory-page .data-table .cell-actions{text-align:right;width:60px}.inventory-page .data-table .cell-actions .action-btn,.inventory-page .data-table .cell-actions .delete-btn,.inventory-page .data-table .cell-actions .restock-btn,.inventory-page .data-table .cell-actions .save-btn{align-items:center;background:#fff;border-radius:0;cursor:pointer;display:inline-flex;height:24px;justify-content:center;margin-right:4px;padding:4px;transition:.15s ease;vertical-align:middle;width:24px}.inventory-page .data-table .cell-actions .action-btn .icon,.inventory-page .data-table .cell-actions .delete-btn .icon,.inventory-page .data-table .cell-actions .restock-btn .icon,.inventory-page .data-table .cell-actions .save-btn .icon{height:14px;width:14px}.inventory-page .data-table .cell-actions .action-btn:active,.inventory-page .data-table .cell-actions .delete-btn:active,.inventory-page .data-table .cell-actions .restock-btn:active,.inventory-page .data-table .cell-actions .save-btn:active{box-shadow:none;transform:translate(0)}.inventory-page .data-table .cell-actions .action-btn:last-child,.inventory-page .data-table .cell-actions .delete-btn:last-child,.inventory-page .data-table .cell-actions .restock-btn:last-child,.inventory-page .data-table .cell-actions .save-btn:last-child{margin-right:0}.inventory-page .data-table .cell-actions .save-btn{border:1px solid #43a047;opacity:.3}.inventory-page .data-table .cell-actions .save-btn:hover{opacity:1}.inventory-page .data-table .cell-actions .delete-btn,.inventory-page .data-table .cell-actions .restock-btn{border:1px solid #d32f2f;opacity:.3}.inventory-page .data-table .cell-actions .delete-btn:hover,.inventory-page .data-table .cell-actions .restock-btn:hover{opacity:1}.inventory-page .data-table .cell-pantone,.inventory-page .data-table .cell-thread{color:#444;font-size:11px;min-width:150px}.inventory-page .data-table .cell-pantone .madeira-display,.inventory-page .data-table .cell-pantone .pantone-display,.inventory-page .data-table .cell-thread .madeira-display,.inventory-page .data-table .cell-thread .pantone-display{align-items:center;display:flex;gap:8px;min-height:36px}.inventory-page .data-table .cell-pantone .madeira-display .madeira-swatch,.inventory-page .data-table .cell-pantone .madeira-display .pantone-swatch,.inventory-page .data-table .cell-pantone .pantone-display .madeira-swatch,.inventory-page .data-table .cell-pantone .pantone-display .pantone-swatch,.inventory-page .data-table .cell-thread .madeira-display .madeira-swatch,.inventory-page .data-table .cell-thread .madeira-display .pantone-swatch,.inventory-page .data-table .cell-thread .pantone-display .madeira-swatch,.inventory-page .data-table .cell-thread .pantone-display .pantone-swatch{appearance:none;-webkit-appearance:none;border:1px solid #0003;border-radius:0;cursor:pointer;flex-shrink:0;height:36px;padding:0;transition:.12s ease;width:36px}.inventory-page .data-table .cell-pantone .madeira-display .madeira-swatch:hover,.inventory-page .data-table .cell-pantone .madeira-display .pantone-swatch:hover,.inventory-page .data-table .cell-pantone .pantone-display .madeira-swatch:hover,.inventory-page .data-table .cell-pantone .pantone-display .pantone-swatch:hover,.inventory-page .data-table .cell-thread .madeira-display .madeira-swatch:hover,.inventory-page .data-table .cell-thread .madeira-display .pantone-swatch:hover,.inventory-page .data-table .cell-thread .pantone-display .madeira-swatch:hover,.inventory-page .data-table .cell-thread .pantone-display .pantone-swatch:hover{transform:scale(1.06)}.inventory-page .data-table .cell-pantone .madeira-display .madeira-swatch:active,.inventory-page .data-table .cell-pantone .madeira-display .pantone-swatch:active,.inventory-page .data-table .cell-pantone .pantone-display .madeira-swatch:active,.inventory-page .data-table .cell-pantone .pantone-display .pantone-swatch:active,.inventory-page .data-table .cell-thread .madeira-display .madeira-swatch:active,.inventory-page .data-table .cell-thread .madeira-display .pantone-swatch:active,.inventory-page .data-table .cell-thread .pantone-display .madeira-swatch:active,.inventory-page .data-table .cell-thread .pantone-display .pantone-swatch:active{transform:scale(1.02)}.inventory-page .data-table .cell-pantone .madeira-display span,.inventory-page .data-table .cell-pantone .pantone-display span,.inventory-page .data-table .cell-thread .madeira-display span,.inventory-page .data-table .cell-thread .pantone-display span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-page .data-table .cell-pantone .madeira-display .na,.inventory-page .data-table .cell-pantone .pantone-display .na,.inventory-page .data-table .cell-thread .madeira-display .na,.inventory-page .data-table .cell-thread .pantone-display .na{color:#999}.inventory-page .data-table .cell-pantone .madeira-display .quality-dot,.inventory-page .data-table .cell-pantone .pantone-display .quality-dot,.inventory-page .data-table .cell-thread .madeira-display .quality-dot,.inventory-page .data-table .cell-thread .pantone-display .quality-dot{border-radius:50%;flex-shrink:0;height:8px;margin-left:auto;width:8px}.inventory-page .data-table th.sortable{cursor:pointer;transition:.1s ease;-webkit-user-select:none;user-select:none}.inventory-page .data-table th.sortable:hover{background:#00000014}.inventory-page .data-table th.sortable:active{background:#0000001f}.inventory-page .data-table.restock-variant tbody tr{background:#fdf8f5}.inventory-page .data-table.restock-variant tbody tr:hover{background:#faf0ea}.inventory-page .inventory-header{border-bottom:1px solid #000;margin-bottom:20px;padding-bottom:12px}.inventory-page .inventory-header h1{font-size:18px;font-weight:600;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.inventory-page .inventory-header .subtitle{color:#666;font-size:11px}.inventory-page section{margin-bottom:20px}.inventory-page section h2{color:#000;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.inventory-page .scanner-section{background:#f5f5f5;border:1px solid #000;padding:20px}.inventory-page .scanner-section .mode-toggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px}.inventory-page .scanner-section .mode-toggle .mode-btn{text-align:center}.inventory-page .scanner-section .mode-toggle .mode-btn.active{background:#000;color:#fff}.inventory-page .scanner-section .scanner-form .input-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 70px 45px;margin-bottom:12px}.inventory-page .scanner-section .scanner-form .scan-input{background:#fff;border:1px solid #000;font-family:monospace;font-size:15px;padding:12px 10px;text-align:center;text-transform:uppercase}.inventory-page .scanner-section .scanner-form .scan-input:focus{outline:none}.inventory-page .scanner-section .scanner-form .scan-input:disabled{opacity:.6}.inventory-page .scanner-section .scanner-form .location-input{background:#fff;border:1px solid #000;font-family:monospace;font-size:10px;padding:12px 8px;text-align:center;text-transform:uppercase}.inventory-page .scanner-section .scanner-form .location-input:focus{outline:none}.inventory-page .scanner-section .scanner-form .submit-btn{font-size:16px;font-weight:600;padding:12px 8px}.inventory-page .scanner-section .scanner-form .scan-feedback{background:#fff;border:1px solid #000;font-size:13px;font-weight:500;padding:10px 12px;text-align:center}.inventory-page .scanner-section .scanner-form .scan-feedback.error{border-color:#b00020;color:#b00020}.inventory-page .scanner-section .scanner-form .scan-feedback.success{color:#000}.inventory-page .summary-section .summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.inventory-page .summary-section .summary-header h2{margin:0}.inventory-page .summary-section .summary-header .grid-toggle-btn.active{background:#000;color:#fff}.inventory-page .summary-section .summary-cards{display:flex;flex-wrap:wrap;gap:10px}.inventory-page .summary-section .summary-cards .summary-card{background:#fff;border:1px solid #000;flex:1 1;min-width:80px;padding:12px 10px;text-align:center}.inventory-page .summary-section .summary-cards .summary-card .stat-value{color:#000;display:block;font-size:24px;font-weight:700}.inventory-page .summary-section .summary-cards .summary-card .stat-label{color:#666;display:block;font-size:9px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.inventory-page .grid-section{overflow:hidden}.inventory-page .grid-section .grid-container{background:#fff;border:1px solid #000;display:inline-block}.inventory-page .grid-section .grid-header{border-bottom:1px solid #000;display:flex;flex-wrap:nowrap}.inventory-page .grid-section .grid-header .grid-corner{background:#f5f5f5;border-right:1px solid #000;flex-shrink:0;height:32px;width:32px}.inventory-page .grid-section .grid-header .grid-col-label{align-items:center;background:#f5f5f5;border-right:1px solid #eee;box-sizing:border-box;color:#666;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:32px;justify-content:center;width:36px}.inventory-page .grid-section .grid-header .grid-col-label:last-child{border-right:none}.inventory-page .grid-section .grid-body .grid-row{display:flex;flex-wrap:nowrap}.inventory-page .grid-section .grid-body .grid-row:not(:last-child){border-bottom:1px solid #eee}.inventory-page .grid-section .grid-body .grid-row-label{align-items:center;background:#f5f5f5;border-right:1px solid #000;color:#666;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:32px;justify-content:center;width:32px}.inventory-page .grid-section .grid-body .grid-cell{border-right:1px solid #eee;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:32px;transition:.1s ease;width:36px}.inventory-page .grid-section .grid-body .grid-cell:hover{outline:2px solid #000;outline-offset:-2px;z-index:1}.inventory-page .grid-section .grid-body .grid-cell.selected{outline:2px solid #000;outline-offset:-2px}.inventory-page .grid-section .grid-body .grid-cell.occupied{border-color:#0000001a}.inventory-page .grid-section .grid-body .grid-cell.low-stock{position:relative}.inventory-page .grid-section .grid-body .grid-cell.low-stock:after{color:#fff;content:attr(data-qty);font-size:14px;font-weight:700;left:50%;position:absolute;text-shadow:0 0 3px #000,0 0 3px #000;top:50%;transform:translate(-50%,-50%)}.inventory-page .grid-section .grid-body .grid-cell.low-stock:before{border-color:#0000 #d32f2f #0000 #0000;border-style:solid;border-width:0 10px 10px 0;content:"";height:0;position:absolute;right:0;top:0;width:0}.inventory-page .grid-section .grid-body .grid-cell:last-child{border-right:none}.inventory-page .grid-section .cell-popup{background:#fff;border:1px solid #000;box-shadow:0 2px 8px #00000026;display:flex;gap:10px;min-width:160px;padding:10px;position:fixed;transform:translate(-50%,-100%) translateY(-8px);z-index:100}.inventory-page .grid-section .cell-popup .popup-swatch{border:1px solid #0000001a;flex-shrink:0;height:40px;width:40px}.inventory-page .grid-section .cell-popup .popup-info{display:flex;flex-direction:column;gap:2px}.inventory-page .grid-section .cell-popup .popup-info .popup-name{color:#000;font-size:12px;font-weight:600}.inventory-page .grid-section .cell-popup .popup-info .popup-code{color:#666;font-size:11px}.inventory-page .grid-section .cell-popup .popup-info .popup-details{color:#888;display:flex;font-size:10px;gap:8px}.inventory-page .grid-section .cell-popup .popup-info .popup-details .low{color:#d32f2f;font-weight:600}.inventory-page .grid-section .cell-popup .popup-info .popup-loc{color:#999;font-size:10px;font-weight:600}.inventory-page .inventory-list-section .list-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.inventory-page .inventory-list-section .list-header h2{flex-shrink:0;margin:0}.inventory-page .inventory-list-section .list-header .search-input{background:#fff;border:1px solid #000;flex:1 1;font-size:13px;max-width:250px;padding:8px 12px}.inventory-page .inventory-list-section .list-header .search-input:focus{outline:none}.inventory-page .inventory-list-section .list-header .search-input::placeholder{color:#999}.inventory-page .inventory-list-section .empty-state,.inventory-page .inventory-list-section .error,.inventory-page .inventory-list-section .loading{color:#666;font-size:12px;padding:30px;text-align:center}.inventory-page .inventory-list-section .error{border:1px solid #b00020;color:#b00020}.inventory-page .restock-section{border-top:2px dashed #d32f2f;margin-top:30px;padding-top:20px}.inventory-page .restock-section h2{color:#c62828;font-size:18px;margin:0 0 15px}.inventory-page .restock-section .restock-qty{border-color:#ef9a9a}.inventory-page .restock-section .restock-qty:focus{border-color:#c62828}@media(max-width:640px){.inventory-page{margin-top:10px;padding:14px}.inventory-page .scanner-section .scanner-form .input-row{flex-direction:column}.inventory-page .scanner-section .scanner-form .location-input,.inventory-page .scanner-section .scanner-form .scan-input{width:100%}.inventory-page .grid-section .grid-container{max-width:100%}.inventory-page .inventory-list-section .data-table .cell-length,.inventory-page .inventory-list-section .data-table .cell-location,.inventory-page .inventory-list-section .data-table .cell-spoolcode,.inventory-page .inventory-list-section .data-table .cell-weight,.inventory-page .inventory-list-section .data-table thead{display:none}}.toast{align-items:center;animation:toast-in .25s ease forwards;border:1px solid;bottom:24px;display:flex;font-size:13px;gap:12px;left:50%;letter-spacing:.3px;max-width:520px;padding:12px 18px;position:fixed;transform:translateX(-50%);z-index:9999}.toast--exit{animation:toast-out .25s ease forwards}.toast--error{background:#fff0f0;border-color:#b00020;color:#b00020}.toast--success{background:#f0fff4;border-color:#1a7f37;color:#1a7f37}.toast--info{background:#f0f4ff;border-color:#0550ae;color:#0550ae}.toast__message{flex:1 1;line-height:1.4}.toast__close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;opacity:.6;padding:0 2px;transition:opacity .15s}.toast__close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}.login-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.login-form{background:#fff;display:flex;flex-direction:column;gap:14px;padding:32px 28px;width:320px}.login-form h2{font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 4px}.login-form input{border:1px solid #000;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;text-transform:none}.login-form input:focus{box-shadow:-2px 2px 0 #000}.login-form .login-error{color:#d32f2f;font-size:12px}.btn{background:#fff;border:1px solid #000;color:#000;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.6px;padding:9px 16px;text-transform:uppercase;transition:.18s ease}.btn:hover{box-shadow:-4px 4px 0 #000;transform:translate(2px,-2px)}.btn:active{box-shadow:-2px 2px 0 #000;transform:translate(1px,-1px)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn--filled{background:#000;color:#fff}.btn--filled:hover{background:#222;box-shadow:-4px 4px 0 #000;transform:translate(2px,-2px)}.btn--active{background:#000;color:#fff}.btn--sm{font-size:10px;padding:6px 12px}.btn--warn{border-color:#f0ad4e;color:#f0ad4e}.btn--warn:hover{background:#fffaf0;box-shadow:-4px 4px 0 #f0ad4e;transform:translate(2px,-2px)}.App{align-items:center;color:#000;flex-direction:column;font-family:Arial,sans-serif;justify-content:flex-start;margin:0;min-height:100vh;padding:0;width:100vw}.App,.App .app-nav{background:#e8e8e8;display:flex}.App .app-nav{flex-shrink:0;gap:0;width:100%}.App .app-nav .nav-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#555;cursor:pointer;font-size:12px;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:.15s ease}.App .app-nav .nav-btn:hover{color:#000}.App .app-nav .nav-btn.active{border-bottom-color:#000;color:#000}.App .app-nav .nav-spacer{flex:1 1}.App .app-nav .nav-auth{color:#888;font-size:11px;letter-spacing:.4px}.App h2{font-size:20px;letter-spacing:.2px;margin:0 0 18px}.App .container{grid-gap:0;background:#fff;border:1px solid #000;display:grid;gap:0;grid-template-columns:1fr 1fr;height:calc(85vh - 50px);margin-top:20px;max-height:650px;max-width:1600px;overflow:hidden;width:95vw}@media(max-width:900px){.App .container{gap:0;grid-template-columns:1fr}}.App .container .left-column{background:#f5f5f5;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;transition:background .15s ease}.App .container .left-column.drag-over{background:#e0e8ff}.App .container .left-column.drag-over .drop-zone,.App .container .left-column.drag-over .image-wrapper{border-color:#4a90d9;border-style:dashed}.App .container .left-column .drop-zone{align-items:center;border:2px dashed #aaa;color:#999;display:flex;flex:1 1;font-size:14px;justify-content:center;letter-spacing:.5px;pointer-events:none;text-transform:uppercase;transition:border-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.App .container .left-column.drag-over .drop-zone{color:#4a90d9}.App .container .left-column .button-row{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between}.App .container .left-column .image-wrapper{align-items:center;background:#fff;border:1px solid #000;display:flex;flex:1 1;justify-content:center;overflow:auto;position:relative}.App .container .left-column .image-wrapper .checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#0000000d 25%,#0000 0),linear-gradient(-45deg,#0000000d 25%,#0000 0),linear-gradient(45deg,#0000 75%,#0000000d 0),linear-gradient(-45deg,#0000 75%,#0000000d 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;inset:0;pointer-events:none;position:absolute}.App .container .left-column .image-wrapper img{background-color:#0000;display:block;height:100%;object-fit:contain;position:relative;width:100%}.App .container .left-column .image-wrapper .spinner-overlay{align-items:center;background:#ffffffb3;display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.App .container .left-column .drop-zone.processing{border-color:#555;color:#555}.App .container .right-column{background:#fff;border-left:1px solid #ddd;display:flex;flex-direction:column;flex-shrink:0;gap:14px;overflow-y:auto;padding:20px}@media(max-width:900px){.App .container .right-column{border-left:none;border-top:1px solid #ddd}}.spinner{animation:spin .6s linear infinite;border:2.5px solid #ccc;border-radius:50%;border-top-color:#000;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0b09e55c.css.map*/