@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.login-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:420px;padding:2rem;width:100%}.login-card h1{color:#333!important;font-size:2rem;margin:0 0 .5rem;text-align:center}.login-card h2{color:#666!important;font-size:1.2rem;font-weight:400;margin:0 0 1.5rem;text-align:center}.login-card .form-group{margin-bottom:1.5rem}.login-card .form-group label{color:#333!important;display:block;font-weight:500;margin-bottom:.5rem}.login-card .form-group input{background-color:#fff!important;border:1px solid #ddd;border-radius:4px;color:#333!important;font-size:1rem;padding:.75rem;width:100%}.login-card .form-group input::placeholder{color:#999!important;opacity:1}.login-card .form-group input:-ms-input-placeholder{color:#999!important}.login-card .form-group input::-ms-input-placeholder{color:#999!important}.login-card .form-group input:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3;outline:none}.login-card button{background-color:#06c;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:500;opacity:1;padding:.75rem;transition:background-color .2s;visibility:visible;width:100%}.login-card button:hover{background-color:#05b;color:#fff!important}.login-card button:disabled{background-color:#ccc;color:#fff!important;cursor:not-allowed}.login-card .error-message{background-color:#fee;color:#c00!important}.login-card .error-message,.login-card .success-message{border-radius:4px;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.login-card .success-message{background-color:#efe;color:#080!important}.login-card .login-footer,.login-card .register-footer{margin-top:1.5rem;text-align:center}.login-card .note{font-size:.9rem}.login-card .note,.login-card p{color:#999!important}.login-card .back-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333!important;margin-top:1rem}.login-card .back-button:hover{background-color:#e5e5e5}@media (max-width:768px){.login-card{border-radius:0;box-shadow:none;max-width:100%;padding:1.5rem;width:100%}.login-container{align-items:flex-start;min-height:calc(100vh - 2rem);padding:1rem}.login-card button:active{transform:scale(.98)}.login-card h1{font-size:1.75rem}.login-card h2{font-size:1rem;margin-bottom:1.25rem}.login-card .register-link{display:inline-block;margin:.25rem 0;padding:.25rem 0}.login-card .form-actions{margin-top:1.5rem}}@supports (-webkit-touch-callout:none){.login-card input{font-size:16px}}.login-card .password-options{display:flex;font-size:.85rem;justify-content:flex-end;margin-top:5px}.login-card .forgot-password-link{color:#4a90e2!important;text-decoration:none}.login-card .forgot-password-link:hover{text-decoration:underline}.login-card .verification-info{color:#999!important;line-height:1.5;margin-bottom:20px}.login-card .resend-form h3{color:#333!important;font-size:1rem;margin-bottom:15px}.login-card .login-link,.login-card .register-link{color:#4a90e2!important;text-decoration:none}.login-card .login-link:hover,.login-card .register-link:hover{text-decoration:underline}.login-card .remember-me{align-items:center;display:flex;margin-bottom:1.5rem}.login-card .checkbox-label{align-items:center;color:#999!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:400}.login-card .checkbox-label input[type=checkbox]{cursor:pointer;height:16px;margin-right:8px;width:16px}.login-card .checkbox-label span{color:#999!important;margin-top:1px}.login-card .password-requirements{background-color:#f8f9fa;border-left:3px solid #0d6efd;border-radius:4px;margin:1rem 0;padding:.75rem}.login-card .password-requirements p{color:#495057!important;font-size:.85rem;font-weight:600;margin:0 0 .5rem}.login-card .password-requirements ul{list-style:none;margin:0;padding-left:1.25rem}.login-card .password-requirements li{color:#999!important;font-size:.85rem;margin:.25rem 0;position:relative}.login-card .password-requirements li:before{color:#999;content:"○";left:-1.25rem;position:absolute}.login-card .password-requirements li.met{color:#198754!important;font-weight:600}.login-card .password-requirements li.met:before{color:#198754;content:"✓"}.login-card .info-box{background-color:#e7f3ff;border-left:3px solid #0d6efd;border-radius:4px;color:#084298!important;font-size:.9rem;margin:1rem 0;padding:.75rem}.login-card .info-box strong{color:#052c65!important}.login-card .loading-message{color:#999!important;padding:2rem 1rem;text-align:center}.profile-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.profile-container h1{color:#333;margin-bottom:20px;text-align:center}.profile-form{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.avatar-section{align-items:center;display:flex;margin-bottom:20px}.avatar-preview{background-color:#e0e0e0;border-radius:50%;flex-shrink:0;height:100px;margin-right:20px;overflow:hidden;width:100px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:#4361ee;color:#fff;display:flex;font-size:40px;height:100%;justify-content:center;width:100%}.avatar-upload{flex:1 1}.avatar-upload label{display:block;font-weight:500;margin-bottom:8px}.avatar-upload input[type=file]{margin-bottom:8px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a;outline:none}.disabled-input{background-color:#f5f5f5;cursor:not-allowed}.help-text{color:#777;font-size:14px;margin-top:5px}.form-actions{margin-top:30px;text-align:right}.save-button{background-color:#4361ee;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.save-button:hover{background-color:#3a56e4}.save-button:disabled{background-color:#a8b8ff}.error-message{border-left:4px solid #d32f2f;color:#d32f2f}.success-message{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32;margin-bottom:20px;padding:10px}@media (max-width:768px){.profile-container,.profile-form{padding:15px}.avatar-section{align-items:center;flex-direction:column}.avatar-upload{margin-top:15px;width:100%}}.buyer-dashboard{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.dashboard-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:16px;padding-bottom:8px}.dashboard-header h1{color:#2c3e50;font-size:28px;letter-spacing:-.5px;margin:0}.last-updated{color:#6c757d;font-size:12px;font-weight:500}.error-message,.loading-indicator{color:#6c757d;font-size:16px;font-style:italic;padding:40px 20px;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}.key-metrics{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.metric-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.metric-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card.primary:before,.metric-card:before{background:linear-gradient(90deg,#007bff,#0056b3)}.metric-card.secondary:before{background:linear-gradient(90deg,#28a745,#1e7e34)}.metric-card.info:before{background:linear-gradient(90deg,#17a2b8,#117a8b)}.metric-card.warning:before{background:linear-gradient(90deg,#ffc107,#e0a800)}.metric-icon{font-size:32px;margin-bottom:16px;opacity:.8}.metric-content{text-align:left}.metric-label{color:#6c757d;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.metric-value{color:#2c3e50;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.metric-sublabel{color:#6c757d;font-size:12px;font-weight:500;text-transform:lowercase}.detailed-breakdown{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:32px;padding:24px}.breakdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.breakdown-section h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.breakdown-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.breakdown-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.breakdown-card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:16px;font-weight:700;padding:16px}.breakdown-card-content{padding:16px}.breakdown-stat{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.breakdown-stat:last-child{margin-bottom:0}.breakdown-label{color:#6c757d;font-size:14px;font-weight:500}.breakdown-value{color:#2c3e50;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600}.arrival-timeline{border-top:1px solid #e9ecef;padding-top:24px}.timeline-description{color:#6c757d;font-size:14px;font-style:italic;margin-bottom:20px}.timeline-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.timeline-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.timeline-grid{grid-template-columns:repeat(2,1fr)}}.timeline-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 4px #0000000f;padding:12px;position:relative;transition:all .3s ease}.timeline-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.timeline-item.no-units{background:#f8f9fa;opacity:.6}.timeline-item.no-units .timeline-month,.timeline-item.no-units .timeline-units{color:#6c757d}.timeline-header{display:flex;flex-direction:column;margin-bottom:8px}.timeline-month{color:#2c3e50;font-size:14px;font-weight:700;margin-bottom:4px}.timeline-units{color:#007bff;font-size:12px;font-weight:600}.timeline-value{color:#28a745;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600}.timeline-bar{background:#e9ecef;height:8px;overflow:hidden}.timeline-bar,.timeline-fill{border-radius:4px;position:relative}.timeline-fill{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .5s ease}.timeline-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.buyer-dashboard{margin-bottom:20px;padding:20px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-header h1{font-size:24px}.key-metrics{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{padding:20px}.metric-value{font-size:28px}.breakdown-grid{gap:12px;grid-template-columns:1fr}}@media (max-width:480px){.buyer-dashboard{padding:16px}.dashboard-header h1{font-size:20px}.key-metrics{gap:12px;grid-template-columns:1fr 1fr}.metric-card{padding:16px}.metric-icon,.metric-value{font-size:24px}}.discount-pill,.weeks-pill{border-radius:12px;display:inline-block;font-size:.85em;font-weight:500;padding:2px 6px}.weeks-pill{margin-left:6px}.discount-pill{margin:0 auto}.order-by-cell .weeks-pill,.stockout-cell .weeks-pill,.with-pos-cell .weeks-pill{display:inline-block;padding:3px 8px;text-align:center;white-space:nowrap}.normal{background-color:#e8f5e9;color:#1b5e20;font-weight:500}.grey-pill{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#616161;font-weight:500}.caution{background-color:#f8f9c1;color:#827717;font-weight:500}.caution-plus{background-color:khaki;color:#827717;font-weight:600}.warning{background-color:#fff3e0;color:#e65100;font-weight:500}.warning-plus{background-color:#ffccbc;color:#d84315;font-weight:600}.critical{background-color:#ffebee;color:#d32f2f;font-weight:600}.past-eol{background-color:#b71c1c;color:#fff;font-weight:700}.discount-pill.no-eol{background-color:#f5f5f5;color:#757575;font-weight:500}.discount-pill.past-eol{background-color:#b71c1c;color:#fff;font-weight:700}.discount-pill.warning-plus{background-color:#ffccbc;color:#d84315;font-weight:600}.discount-pill.warning{background-color:#fff3e0;color:#e65100;font-weight:500}.discount-pill.caution-plus{background-color:khaki;color:#827717;font-weight:600}.discount-pill.caution{background-color:#f8f9c1;color:#827717;font-weight:500}.no-discount{color:#999;font-size:.9em}.wos-critical{color:#d32f2f;font-weight:600}.wos-warning{color:#f57c00;font-weight:500}.wos-good{color:#388e3c;font-weight:500}.wos-above-target{color:#0288d1;font-weight:500}.wos-excess{color:#9c27b0;font-weight:500}.wos-dark-orange,.wos-good,.wos-green,.wos-low,.wos-orange,.wos-red,.wos-warning,.wos-yellow{display:inline-block}.variants-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;overflow-x:auto;overflow-y:hidden;padding:0;width:100%}.variants-table{border-spacing:0;font-size:.875rem;margin:0}.variants-table th{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:4px 6px;text-align:center!important;white-space:nowrap}.variants-table th.sortable{cursor:pointer;text-align:center!important;-webkit-user-select:none;user-select:none}.variants-table th.sortable:hover{background-color:#e5e7eb}.variants-table th.size-column,.variants-table th.text-center{text-align:center!important}.variants-table .sort-indicator{font-size:10px;margin-left:5px}.variants-table .size-column{position:relative;white-space:nowrap}.variants-table .size-column .sort-indicator{display:inline-block;margin-left:2px;vertical-align:middle}.variants-table td{border-bottom:1px solid #f3f4f6;box-sizing:border-box;padding:4px 6px;text-align:center!important}.variants-table tr.out-of-stock{background-color:#fee2e2}.variants-table tr.low-wos{background-color:#fef3c7}.variants-table .deemphasized-col{color:#9ca3af;font-style:italic}.variants-table .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.variants-table th.purchase-order-header{background-color:#edf7ff;border-bottom:none;padding:6px;text-align:center!important}.variants-table .po-header-container{align-items:center;color:#06c;display:flex;font-size:12px;font-weight:600;justify-content:center}.variants-table th.po-subheader,.variants-table th.projected-subheader{background-color:#edf7ff;border-top:none;font-size:11px;font-weight:500;padding:6px;text-align:center!important}.variants-table th.projected-subheader{color:#555;font-style:italic}.variants-table td.po-input-cell{background-color:#edf7ff;padding:4px;position:relative;text-align:center!important}.variants-table td.po-input-cell:after{display:none}.variants-table .po-input-container{align-items:center;display:flex;justify-content:center}.variants-table .po-quantity-input{border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;font-size:.875rem;padding:4px 6px;text-align:center;width:55px}.variants-table .po-quantity-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.variants-table .forecast-button-header{padding:4px 8px}.variants-table .forecast-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;box-shadow:0 2px 4px #667eea4d;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;transition:all .2s ease}.variants-table .forecast-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.variants-table .forecast-button:active{box-shadow:0 1px 2px #667eea4d;transform:translateY(0)}.variants-table .forecast-button.disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.6}.variants-table .forecast-button.disabled:hover{box-shadow:none;transform:none}.variants-table .wos-projected-cell{background-color:#edf7ff;border-left:none;color:#555;font-style:italic;padding:4px 6px;position:relative}.variants-table .wos-delta{border-radius:3px;display:inline-block;font-size:.75rem;margin-left:4px;padding:2px 4px}.variants-table .wos-delta.positive{background-color:#d1fae5;color:#059669}.variants-table .wos-delta.negative{background-color:#fee2e2;color:#dc2626}.variants-table td.order-by-cell,.variants-table td.stockout-cell{padding:4px 6px;text-align:center!important;white-space:nowrap}.variants-table td.text-center{text-align:center!important}.variants-table .order-total-row{background-color:#edf7ff;font-weight:500;table-layout:fixed;width:100%}.variants-table .order-total-row td{border-bottom:1px solid #dce7f9;border-top:2px solid #06c;box-sizing:border-box;padding:10px 12px;text-align:left!important}.variants-table .order-total-and-form-container{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between}.variants-table .order-total-section{align-items:center;display:flex;flex-shrink:0;gap:8px;min-width:200px;white-space:nowrap}.variants-table .order-total-row strong{color:#06c;font-size:.9rem;margin-right:4px;white-space:nowrap}.variants-table .order-total-row .order-count{color:#333;font-size:.85rem;font-weight:500;white-space:nowrap}.variants-table .po-form-inline-section{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;justify-content:flex-end;margin-left:auto}.variants-table .po-inline-field{align-items:center;display:flex;gap:8px}.variants-table .po-inline-field label{color:#555;font-size:.8rem;font-weight:600;margin:0;white-space:nowrap}.variants-table .po-inline-input{border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;font-size:.8rem;height:30px;padding:5px 8px}.variants-table .po-inline-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.variants-table .po-inline-input.read-only{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.variants-table .po-date-field{min-width:140px}.variants-table .po-date-field label{font-size:1rem}.variants-table .po-date-field .po-inline-input{width:120px}.variants-table .po-type-field{border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;display:flex;gap:12px;padding:0 12px}.variants-table .radio-label-inline{align-items:center;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 10px;transition:background-color .15s ease;white-space:nowrap}.variants-table .radio-label-inline:hover{background-color:#f3f4f6}.variants-table .radio-label-inline input[type=radio]{cursor:pointer;margin:0}.variants-table .radio-label-inline .radio-icon{font-size:.9rem}.variants-table .create-po-button-inline{background:linear-gradient(135deg,#06c,#0052a3);border:none;border-radius:4px;box-shadow:0 1px 3px #06c3;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;height:34px;margin-left:8px;min-width:140px;padding:8px 24px;transition:all .2s ease;white-space:nowrap}.variants-table .create-po-button-inline:hover{background:linear-gradient(135deg,#0052a3,#003d7a);box-shadow:0 2px 5px #0066cc4d;transform:translateY(-1px)}.variants-table .create-po-button-inline:active{box-shadow:0 1px 2px #06c3;transform:translateY(0)}.variants-table .create-po-button-inline:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.variants-table .po-error-message-inline,.variants-table .po-success-message-inline{border-radius:4px;font-size:.8rem;font-weight:500;margin-top:8px;padding:6px 10px}.variants-table .po-error-message-inline{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.variants-table .po-success-message-inline{background-color:#d1fae5;border:1px solid #a7f3d0;color:#059669}.variants-table .po-loading-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.variants-table .po-loading-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:40px;text-align:center}.variants-table .po-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#06c;height:50px;margin:0 auto 20px;width:50px}.variants-table .po-loading-content h3{color:#333;font-size:1.3rem;margin:0 0 10px}.variants-table .po-loading-content p{color:#666;font-size:.95rem;margin:5px 0}.variants-table .po-loading-warning{color:#d97706!important;font-weight:600;margin-top:15px!important}@media (max-width:768px){.variants-container{padding:10px}.variants-table{min-width:600px}.variants-table .order-total-and-form-container{flex-wrap:wrap;gap:12px}.variants-table .order-total-section{min-width:auto;width:100%}.variants-table .po-form-inline-section{flex-wrap:wrap;gap:8px;width:100%}.variants-table .po-inline-field{flex:1 1 auto}.variants-table .create-po-button-inline{margin-left:0;margin-top:8px;width:100%}}.products-view{padding:15px}.controls{display:flex;justify-content:space-between;margin-bottom:15px}.search-box{align-items:center;display:flex;margin-right:20px}.search-box input{border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px;padding:8px 12px;width:300px}.filters select{border:1px solid #ddd;border-radius:4px;padding:6px 10px}.product-table-container{border:1px solid #ddd;border-radius:4px;margin-bottom:15px}.product-table{font-size:13px}.product-table th{background-color:#f5f5f5;border-bottom:2px solid #ddd;font-weight:600;padding:6px;text-align:left;white-space:nowrap}.product-table th:not(:first-child){text-align:center}.product-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.product-table th.sortable:hover{background-color:#e9e9e9}.sort-indicator{font-size:10px;margin-left:5px}.product-table td{border-bottom:1px solid #eee}.product-row{transition:background-color .1s ease}.product-row:hover{background-color:#f9f9f9}.product-link{color:#06c;font-weight:500;text-decoration:none}.product-link:hover{text-decoration:underline}.toggle-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.toggle-button:hover{background-color:#e0e0e0}.expand-button{background-color:#f8f8f8;border:1px solid #ddd;border-radius:3px;font-size:10px;height:16px;line-height:16px;margin-left:3px;padding:0 4px;transition:all .2s ease;vertical-align:middle}.expand-button:hover{background-color:#f0f0f0}.product-table td.text-center{vertical-align:middle;white-space:nowrap}.product-table .variants-display{align-items:center;display:flex;gap:5px;justify-content:center}.product-table .variants-display .stock-warning{color:#e65100}.expanded-row{background-color:#f9f9f9}.expanded-row td{border-bottom:1px solid #ddd;box-sizing:border-box;padding:0;width:100%}.expanded-product-details{box-sizing:border-box;overflow:hidden;width:100%}.product-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}.product-table th:first-child{width:150px}.product-table th:nth-child(2),.product-table th:nth-child(3),.product-table th:nth-child(4),.product-table th:nth-child(5),.product-table th:nth-child(6),.product-table th:nth-child(7){width:80px}.product-table th:nth-child(8){width:120px}.product-table th:nth-child(10),.product-table th:nth-child(9){width:80px}.product-table th:nth-child(11){width:10px}.apply-recommendation-btn{align-items:center;background:#e6f2ff;border:1px solid #9cf;border-radius:50%;color:#06c;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;opacity:1;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s;width:18px}.apply-recommendation-btn:hover{background:#cce6ff}.variants-actions{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;justify-content:flex-start;padding:.5rem}.calculate-recommendations-btn{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;height:28px;margin-left:10px;padding:4px 8px;transition:background-color .2s ease;white-space:nowrap;width:auto}.calculate-recommendations-btn:hover{background-color:#0052a3}.target-wos-control{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;height:28px;margin-right:5px;padding:2px 8px}.target-wos-control label{font-size:12px;margin-right:6px;white-space:nowrap}.target-wos-input{border:1px solid #ccc;border-radius:3px;font-size:12px;padding:2px 4px;text-align:center;width:50px}.apply-all-recommendations-btn,.calculate-recommendations-btn{border:1px solid;border-radius:4px;cursor:pointer;font-size:.75rem;padding:4px 10px;transition:all .2s}.calculate-recommendations-btn:hover{background-color:#cce6ff}.apply-all-recommendations-btn{background-color:#e6f7ea;border:1px solid #b7dfb9;color:#2e7d32;font-size:.8rem;margin-left:8px}.apply-all-recommendations-btn:hover{background-color:#d7f0da}.apply-all-recommendations-btn:disabled{background-color:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed;opacity:.5}.wos-delta{border-radius:2px;display:inline-block;font-size:.7em;font-weight:400;margin-left:5px;padding:1px 3px}.wos-delta.positive{background-color:#388e3c1a;color:#388e3c}.wos-delta.negative{background-color:#d32f2f1a;color:#d32f2f}.po-form{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;margin-top:20px;padding:16px}.po-form h4{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.order-summary{background-color:#f8f9fa;border-left:4px solid #07c;border-radius:4px;font-size:16px;margin-bottom:15px;padding:10px 15px}.order-summary strong{color:#333;margin-right:8px}.po-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.po-form .form-group{margin-bottom:1rem}.po-form label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.help-text{color:#666;display:block;font-size:.75rem;margin-top:.25rem}.po-form input,.po-form select{border:1px solid #e5e7eb;border-radius:.25rem;font-size:.875rem;padding:.5rem;width:100%}.po-form-actions{display:flex;gap:10px;justify-content:flex-end}.po-form button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.po-form .btn-cancel{background-color:#f5f5f5;color:#333}.po-form .btn-cancel:hover{background-color:#e0e0e0}.po-form .btn-create{background-color:#3f51b5;color:#fff}.po-form .btn-create:hover{background-color:#303f9f}.po-form .btn-cancel:disabled,.po-form .btn-create:disabled{cursor:not-allowed;opacity:.5}.po-form .success-message{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;margin-top:10px;padding:10px;text-align:center}.refresh-button{background-color:#4285f4;border-radius:0 4px 4px 0;color:#fff;font-size:14px;padding:9px 15px;transition:background-color .2s}.refresh-button:hover{background-color:#3367d6}.refresh-button:disabled{background-color:#ccc}.purchase-orders-section{background-color:#f9f9f9;border:1px solid #e0e0e0;margin-top:30px;padding:15px}.purchase-orders-section h4{color:#333;font-size:16px;font-weight:600;margin-top:0}.purchase-orders-table{margin-top:10px}.purchase-orders-table td,.purchase-orders-table th{border-bottom:1px solid #ddd}.purchase-orders-table th,.purchase-orders-table tr:hover{background-color:#f0f0f0}.purchase-orders-table .status-ordered{color:#4caf50;font-weight:600}.purchase-orders-table .status-in_transit{color:#2196f3;font-weight:600}.purchase-orders-table .status-draft{color:#ff9800;font-weight:600}.purchase-orders-table .status-partially_received,.purchase-orders-table .status-received{color:#9c27b0;font-weight:600}.purchase-orders-table .status-cancelled{color:#f44336;font-weight:600}.no-orders-message{color:#757575;font-style:italic;margin:10px 0}.text-right{text-align:right}.po-form.compact{background-color:#f5f9ff;border:1px solid #dce7f9;border-radius:4px;font-size:.875rem;margin:0 .5rem .5rem;padding:10px}.po-form.compact h4{border-bottom:1px solid #dce7f9;font-size:.95rem;margin:0 0 10px;padding-bottom:5px}.po-form.compact .po-form-grid{display:flex;flex-wrap:wrap;gap:10px}.po-form.compact .form-group{flex:1 1 200px;margin-bottom:10px}.po-form.compact label{display:block;font-size:.8rem;font-weight:500;margin-bottom:2px}.po-form.compact input,.po-form.compact select{border:1px solid #ccc;border-radius:3px;font-size:.8rem;height:28px;padding:5px 8px;width:100%}.po-form.compact .po-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.po-form.compact button{border-radius:3px;font-size:.8rem;padding:5px 12px}.create-po-button{background-color:#06c;border:1px solid #05a;display:block;font-size:.9rem;margin-top:10px;padding:8px 16px;transition:background-color .2s ease;width:100%}.create-po-button:hover{background-color:#0052a3}.create-po-button:disabled{cursor:not-allowed;opacity:.6}.po-form.compact .btn-cancel{background-color:#f1f1f1;border:1px solid #ddd;color:#555}.po-form.compact .btn-create{background-color:#06c;border:1px solid #05a;color:#fff}.po-form.compact .success-message{font-size:.8rem;margin-top:10px;padding:5px}.product-table td{box-sizing:border-box;padding:6px}.product-table td:not(:first-child){text-align:center}.product-table td:first-child{text-align:left}.product-table td:first-child,.product-table th:first-child{background-color:#fff;left:0;overflow:hidden;position:-webkit-sticky;position:sticky;text-overflow:ellipsis;white-space:nowrap;z-index:10}.product-table th:first-child{background-color:#f5f5f5;z-index:11}.product-table td:first-child:after,.product-table th:first-child:after{background:linear-gradient(90deg,#0000001a,#0000);bottom:0;content:"";position:absolute;right:0;top:0;width:1px}.product-row:hover td:first-child{background-color:#f9f9f9}.expanded-row td{position:static!important}.product-table-container{overflow-x:auto;width:100%}.size-column{position:relative;white-space:nowrap}.size-column .sort-indicator{display:inline-block;margin-left:2px;vertical-align:middle}.text-center.size-column{text-align:center}.text-center.size-column .sort-indicator{display:inline-block;position:static;vertical-align:middle}.po-qty-header{padding:6px 4px!important;position:relative}.po-qty-header-content{align-items:center;display:flex;flex-direction:column;gap:6px}.po-qty-header-content span{display:block;font-weight:600;margin-bottom:2px}.apply-all-header-btn{background-color:#e6f7ea;border:1px solid #b7dfb9;border-radius:3px;color:#2e7d32;cursor:pointer;font-size:.7rem;padding:2px 6px;white-space:nowrap}.apply-all-header-btn:hover{background-color:#d7f0da}.apply-all-header-btn:disabled{background-color:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed;opacity:.5}.apply-all-checkmark-btn{align-items:center;background:#e6f2ff;border:1px solid #9cf;border-radius:50%;color:#06c;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;margin:0 auto;opacity:1;padding:0;transition:all .2s;width:20px}.apply-all-checkmark-btn:hover{background:#cce6ff;transform:scale(1.1)}.apply-all-checkmark-btn:disabled{background-color:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed;opacity:.4}.pagination-controls{margin:20px 0;padding:0 20px}.pagination-button,.pagination-ellipsis{height:32px;min-width:32px}.items-per-page-container label,.items-per-page-dropdown select,.pagination-info{font-size:14px}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:15px}.items-per-page-container{order:2}.pagination{order:1}.pagination-info{order:3}.product-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:5px;position:relative}.product-table-container:after{color:#666;content:"← Scroll →";display:block;font-size:12px;left:0;padding:5px 0;position:-webkit-sticky;position:sticky;text-align:center;width:100%}.product-table{min-width:800px}.controls{align-items:stretch;flex-direction:column;gap:10px}.search-box{width:100%}.filters{display:flex;flex-wrap:wrap;gap:10px}.filters select{flex:1 1;min-width:120px}.purchase-orders-section h4{font-size:16px}.create-po-button{margin-bottom:15px;width:100%}.variants-container{padding:10px}.variants-table{min-width:700px}.variants-actions{align-items:stretch;flex-direction:column;gap:10px}.apply-all-recommendations-btn,.calculate-recommendations-btn,.variants-actions button{width:100%}.target-wos-control{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.pagination-button{font-size:12px;height:28px;min-width:28px}.pagination-button.nav-button{font-size:14px}.pagination{gap:2px}.items-per-page-container label{font-size:12px}.items-per-page-dropdown select{font-size:12px;padding:4px 20px 4px 8px}.pagination-info{font-size:12px}.refresh-button{padding:6px}.refresh-button svg{height:16px;width:16px}}@media (max-width:768px){.view-toggle{background:#f5f5f5;border-radius:4px;display:flex;margin-bottom:15px;padding:2px;width:180px}.view-toggle button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:6px;justify-content:center;padding:8px 12px}.view-toggle button svg{height:16px;width:16px}.view-toggle button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--primary)}.card-view{display:flex;flex-direction:column;gap:16px;margin-top:20px}.product-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:box-shadow .2s}.product-card:hover{box-shadow:0 4px 8px #0000001a}.product-card-header{background:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.product-card-title{color:#333;font-size:16px;font-weight:600;margin:0}.product-card-content{padding:16px}.product-card-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.product-card-stat{background:#f9f9f9;border-radius:6px;padding:12px;text-align:center}.stat-label{color:#666;font-size:12px;margin-bottom:4px}.stat-value{color:#333;font-size:18px;font-weight:600}.stat-value.warning{color:#f59e0b}.stat-value.danger{color:#ef4444}.stat-value.success{color:#10b981}.product-card-variants{margin-top:12px}.product-card-variants-title{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.product-card-variants-list{display:flex;flex-direction:column;gap:8px}.variant-card{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.variant-details{flex:1 1}.variant-title{font-weight:500;margin-bottom:4px}.variant-meta{color:#666;display:flex;font-size:12px;gap:8px}.variant-stock{align-items:center;display:flex;gap:8px}.card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.card-button{align-items:center;background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px}.card-button svg{height:16px;width:16px}.card-button-primary{background:var(--primary);color:#fff}.card-button-primary:hover{background:var(--primary-dark)}.card-button:hover{background:#e5e5e5}.card-view-active .product-table-container,.table-view-active .card-view{display:none}}.po-number-input.read-only{background-color:#f5f5f5;border:1px solid #ddd;color:#666;cursor:not-allowed}.radio-group{display:flex;gap:15px;margin-top:5px}.radio-label{align-items:center;cursor:pointer;display:flex}.radio-label input[type=radio]{margin-right:5px}.expected-delivery-date-container{align-items:center;display:flex;position:relative}.expected-delivery-date-input{flex:1 1}.tomorrow-date-button{background:none;border:none;color:#06c;cursor:pointer;font-size:1.2rem;margin-left:5px}.tomorrow-date-button:hover{color:#049}.deemphasized-col{background:none!important;color:#bbb!important;font-style:italic;opacity:.15;pointer-events:none}.order-by-cell,.stockout-cell,.with-pos-cell{padding:8px 6px;white-space:nowrap}.weekly-sales-chart{background:#fff;border-radius:4px;box-shadow:0 1px 2px #00000014;margin-bottom:16px;padding:12px}.chart-header{margin-bottom:8px}.chart-header h3{color:#1f2937;font-size:15px;font-weight:500;margin:0 0 6px}.chart-stats{flex-wrap:wrap;gap:20px}.chart-stats,.stat{align-items:baseline;display:flex}.stat{flex-direction:row;gap:6px}.stat-label{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.3px}.weekly-sales-chart .stat-value{color:#1f2937;font-size:13px;font-weight:600}.weekly-sales-chart .stat.trend .stat-value{font-size:13px}.chart-controls{background:#f9fafb;border-radius:4px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;padding:8px}.chart-toggle{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:6px;-webkit-user-select:none;user-select:none}.chart-toggle input[type=checkbox]{cursor:pointer;height:14px;width:14px}.net-label{color:#2563eb;font-weight:500}.gross-label{color:#10b981;font-weight:500}.returns-label{color:#ef4444;font-weight:500}.po-label{color:#9333ea;font-weight:500}.custom-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:8px}.tooltip-label{color:#1f2937;font-size:11px;font-weight:600;margin:0 0 4px}.tooltip-value{color:#4b5563;font-size:11px;margin:2px 0}.tooltip-value strong{font-weight:600}.tooltip-value.net{color:#2563eb}.tooltip-value.gross{color:#10b981}.tooltip-value.returns{color:#ef4444}@media (max-width:768px){.chart-stats{gap:16px}.stat{min-width:calc(50% - 8px)}.chart-controls{gap:12px}}.inventory-history-chart{background:#fff;border-radius:4px;box-shadow:0 1px 2px #00000014;margin-bottom:16px;padding:12px}.inventory-history-chart .chart-header{margin-bottom:8px}.inventory-history-chart h3{color:#1f2937;font-size:15px;font-weight:500;margin:0 0 4px}.inventory-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:8px}.summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-direction:column;gap:2px;padding:8px}.summary-label{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.inventory-history-chart .summary-value{font-size:14px;font-weight:700}.summary-value.available{color:#3b82f6}.summary-value.incoming{color:#8b5cf6}.summary-value.total{color:#1f2937}.inventory-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 4px #0000001a;min-width:180px;padding:8px}.inventory-tooltip .tooltip-title{color:#1f2937;font-size:11px;font-weight:600;margin:0 0 4px}.inventory-tooltip .tooltip-section{margin-bottom:6px}.inventory-tooltip .tooltip-section:last-child{margin-bottom:0}.inventory-tooltip .tooltip-divider{background:#e5e7eb;height:1px;margin:6px 0}.inventory-tooltip .tooltip-line{display:flex;font-size:11px;gap:12px;justify-content:space-between;margin:2px 0}.inventory-tooltip .label{color:#6b7280}.inventory-tooltip .value{color:#1f2937;font-weight:600}.inventory-tooltip .value.available{color:#3b82f6}.inventory-tooltip .value.incoming{color:#8b5cf6}.inventory-tooltip .value.total{color:#1f2937}.inventory-notes{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:4px;margin-top:10px;padding:8px}.note-text{color:#1e40af;font-size:12px;margin:0}.note-text strong{font-weight:600}.no-data-message{padding:30px 20px}.no-data-message p{font-size:13px;margin:0}@media (max-width:768px){.inventory-summary{grid-template-columns:repeat(2,1fr)}}.inventory-projection-chart{background:#fff;border-radius:4px;box-shadow:0 1px 2px #00000014;margin-bottom:16px;padding:12px}.projection-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.projection-title-section{align-items:center;display:flex;gap:10px}.projection-title-section h3{color:#1f2937;font-size:15px;font-weight:500;margin:0}.lifecycle-badge{border-radius:12px;font-size:10px;font-weight:500;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.lifecycle-badge.lifecycle-new{background-color:#dbeafe;color:#1e40af}.lifecycle-badge.lifecycle-stable{background-color:#d1fae5;color:#065f46}.lifecycle-badge.lifecycle-trending{background-color:#fef3c7;color:#92400e}.lifecycle-badge.lifecycle-eol{background-color:#fee2e2;color:#991b1b}.seasonal-badge{background-color:#e0e7ff;border-radius:12px;color:#3730a3;cursor:help;font-size:10px;font-weight:500;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.seasonal-info{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:4px;margin:8px 0;padding:8px 12px}.seasonal-explanation{color:#1e40af;font-size:11px;line-height:1.5;margin:0}.projection-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.projection-controls label{color:#6b7280;font-size:12px;font-weight:500}.projection-controls select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.projection-controls select:focus{border-color:#3b82f6;outline:none}.variant-toggles{background:#f9fafb;border-radius:4px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:8px 10px}.toggles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.variant-toggles .toggles-label{color:#6b7280;font-size:11px;font-weight:500;margin:0}.toggle-actions{display:flex;gap:6px}.toggle-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:3px;color:#4b5563;cursor:pointer;font-size:10px;font-weight:500;padding:3px 8px;transition:all .15s ease}.toggle-action-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.toggle-action-btn:active{background:#e5e7eb;transform:scale(.98)}.toggle-buttons{display:flex;flex-wrap:wrap;gap:12px}.variant-toggle{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:5px}.variant-toggle input[type=checkbox]{cursor:pointer;height:14px;width:14px}.variant-toggle .toggle-label{cursor:pointer;font-weight:500}.variant-note{border-top:1px solid #e5e7eb;margin:8px 0 0;padding-top:8px}.product-note{margin:10px 0 8px}.product-note,.projection-stats{background:#f9fafb;border-radius:4px;padding:8px 10px}.projection-stats{align-items:baseline;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.projection-stats .stat{align-items:baseline;display:flex;flex-direction:row;gap:6px}.projection-stats .stat.risk{color:#dc2626}.projection-stats .stat-label{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.projection-stats .stat-value{color:#1f2937;font-size:13px;font-weight:600}.projection-stats .stat.risk .stat-value{color:#dc2626}.projection-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 4px #0000001a;min-width:180px;padding:8px}.projection-tooltip .tooltip-date{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:11px;font-weight:600;margin:0 0 6px;padding-bottom:4px}.projection-tooltip .tooltip-inventory{color:#4b5563;font-size:11px;margin:4px 0}.projection-tooltip .tooltip-sales-rate{color:#6b7280;font-size:10px;font-style:italic;margin:4px 0}.projection-tooltip .seasonal-indicator{background-color:#eff6ff;border-radius:3px;color:#3730a3;display:inline-block;margin-left:4px;padding:1px 3px}.projection-tooltip .tooltip-po-section{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:6px}.projection-tooltip .tooltip-po-header{color:#6b7280;font-size:10px;font-weight:600;margin:0 0 4px}.projection-tooltip .tooltip-po{color:#4b5563;font-size:11px;margin:2px 0}.projection-tooltip .confirmed-badge{background-color:#d1fae5;border-radius:3px;color:#065f46;display:inline-block;font-size:9px;font-weight:600;margin-left:6px;padding:2px 4px}.projection-note{color:#6b7280;font-size:11px;line-height:1.4;margin:8px 0 0}.projection-note strong{color:#4b5563;font-weight:600}.no-data-message{color:#6b7280;font-size:13px;padding:20px;text-align:center}.chart-header{margin-bottom:12px}.chart-title{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-size:15px;font-weight:500;gap:10px;margin:0 0 8px}.chart-label{border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.chart-label.db-label{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.empty-state,.error-state,.loading-state{color:#6b7280;font-size:13px;padding:40px 20px;text-align:center}.error-state{background-color:#fee2e2;border-radius:4px;color:#dc2626}.inventory-projection-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:200px;padding:10px}.inventory-projection-tooltip .tooltip-title{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:12px;font-weight:600;margin:0 0 8px;padding-bottom:6px}.inventory-projection-tooltip .tooltip-content{display:flex;flex-direction:column;gap:4px}.inventory-projection-tooltip .tooltip-row{align-items:center;display:flex;font-size:11px;gap:12px;justify-content:space-between}.inventory-projection-tooltip .tooltip-label{color:#6b7280;font-weight:500}.inventory-projection-tooltip .tooltip-value{color:#1f2937;font-weight:600}.inventory-projection-tooltip .tooltip-row.highlight{background-color:#d1fae5;border-radius:3px;margin:0 -6px;padding:4px 6px}.inventory-projection-tooltip .tooltip-row.highlight .tooltip-label,.inventory-projection-tooltip .tooltip-row.highlight .tooltip-value{color:#065f46}.inventory-projection-tooltip .tooltip-row.alert{background-color:#fee2e2;border-radius:3px;margin:0 -6px;padding:4px 6px}.inventory-projection-tooltip .tooltip-row.alert .tooltip-value{color:#991b1b;font-weight:700}@media (max-width:768px){.projection-header{flex-direction:column}.projection-controls{width:100%}.projection-controls select{flex:1 1}.projection-stats{gap:12px}}.product-pricing{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;margin-top:20px;padding:15px}.product-pricing h3{color:#333;font-size:14px;font-weight:500;margin-bottom:10px;margin-top:0}.price-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.price-item{margin-bottom:5px}.price-item strong{margin-right:5px}.compare-price{color:#888;text-decoration:line-through}.discount-badge{background-color:#e53935;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:3px 8px}.target-wos-container{margin-bottom:15px}.target-wos-display{align-items:center;display:flex}.target-wos-display span{font-weight:500;margin-right:10px}.target-wos-edit{align-items:center;display:flex}.target-wos-edit input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:4px 8px;width:60px}.cancel-button,.edit-button,.save-button{border-radius:4px;cursor:pointer;font-size:.8rem;margin-left:5px;padding:4px 8px}.edit-button{background-color:#f0f0f0;border:1px solid #ddd;color:#333}.save-button{border:1px solid #45a049}.cancel-button{background-color:#f44336;border:1px solid #e53935;color:#fff}.eol-date{color:#f44336;font-weight:500}.target-wos-value{border-bottom:1px dotted #666;cursor:help;position:relative}.target-wos-value:hover{background-color:#f0f0f0}.loading{font-size:16px;height:300px}.error-container,.loading{align-items:center;display:flex;justify-content:center}.error-container{flex-direction:column;padding:40px;text-align:center}.error-message{border-radius:5px;font-size:16px;max-width:600px;padding:15px 20px;text-align:left}.back-link{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;display:inline-block;font-weight:500;margin-top:15px;padding:8px 15px;text-decoration:none}.back-link:hover{background-color:#e9e9e9}.product-detail{margin:0 auto;max-width:1200px;padding:20px}.breadcrumbs{color:#666;font-size:12px;margin-bottom:20px}.breadcrumbs a{color:#06c;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.product-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px}.product-header h1{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.product-meta{align-items:center;color:#666;display:flex;font-size:14px;gap:15px}.product-published{color:#666;font-size:14px;font-style:italic;margin-top:10px}.product-content{display:flex;flex-direction:column;gap:16px}.main-info-section{display:flex;flex-direction:column;gap:12px}.product-description{background-color:#fff;border:1px solid #eee;border-radius:5px;padding:20px}.product-description h2{color:#333;font-size:16px;font-weight:500;margin-bottom:15px;margin-top:0}.product-description p{color:#555;font-size:14px;line-height:1.4;margin-bottom:20px}.product-details{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.detail-item{font-size:14px;margin-bottom:10px}.detail-item strong{color:#333;display:inline-block;font-weight:600;width:150px}.inventory-summary{background-color:#f0f7ff;border:1px solid #d0e3ff;border-radius:5px;margin-top:20px;padding:15px}.inventory-summary h3{color:#06c;font-size:14px;font-weight:500;margin-bottom:15px;margin-top:0}.summary-stats{display:flex;flex-wrap:wrap;gap:20px}.stat-item{border-left:3px solid #88b2ea;flex:1 1;min-width:150px;padding-left:10px}.stat-label{color:#555;display:block;font-size:12px;margin-bottom:4px}.stat-value{color:#06c;font-size:12px;font-weight:600}.variants-section{background-color:#fff;border:1px solid #eee;border-radius:5px;margin-top:20px;padding:20px}.variants-section h2{color:#333;font-size:16px;font-weight:500;margin-bottom:15px;margin-top:0}.variant-tabs,.variants-section h2{border-bottom:1px solid #eee;padding-bottom:10px}.variant-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}.variant-tab{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.variant-tab:hover{background-color:#e9e9e9}.variant-tab.active{background-color:#06c;border-color:#05a;color:#fff}.variant-details{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;padding:15px}.variant-details h3{color:#333;font-size:14px;font-weight:500;margin-bottom:15px;margin-top:0}.variant-properties{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.property{background-color:#fff;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;padding:8px}.property-label{color:#666;font-size:12px;margin-bottom:4px}.property-value{color:#333;font-size:14px;font-weight:500}.inventory-status,.sales-forecast{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;margin-top:20px;padding:15px}.inventory-status h4,.sales-forecast h4{color:#333;font-size:14px;margin-bottom:12px;margin-top:0}.forecast-details,.inventory-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.forecast-property,.inventory-property{background-color:#fff;border:1px solid #eee;border-radius:4px;padding:8px}.purchase-orders-section{background-color:#fff;border:1px solid #eee;border-radius:5px;margin-top:20px;padding:20px}.purchase-orders-section h2{border-bottom:1px solid #eee;color:#333;font-size:16px;font-weight:500;margin-bottom:15px;margin-top:0;padding-bottom:10px}.create-po-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;margin-bottom:20px;padding:10px 15px;text-decoration:none;transition:background-color .2s}.create-po-button:hover{background-color:#45a049}.recent-purchase-orders{margin-top:20px}.recent-purchase-orders h3{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.loading-message,.no-orders-message{background-color:#f9f9f9;border-radius:4px;color:#666;font-style:italic;padding:15px;text-align:center}.purchase-orders-table-container{border:1px solid #eee;border-radius:4px;margin-top:10px;overflow-x:auto}.purchase-orders-table{font-size:14px;width:100%}.purchase-orders-table td,.purchase-orders-table th{padding:10px;text-align:left}.purchase-orders-table tr:hover{background-color:#f9f9f9}.po-link{color:#06c;font-weight:500;text-decoration:none}.po-link:hover{text-decoration:underline}.status-badge{text-align:center}.status-ordered{background-color:#e3f2fd;color:#0277bd}.status-in-transit{background-color:#fff8e1;color:#ff8f00}.status-partially-received{background-color:#f3e5f5;color:#8e24aa}.status-received{background-color:#e8f5e9;color:#2e7d32}.status-cancelled{background-color:#ffebee;color:#c62828}.status-draft{background-color:#f5f5f5;color:#616161}.actions{display:flex;gap:5px}.view-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:inline-block;font-size:12px;padding:4px 8px;text-decoration:none}.view-button:hover{background-color:#e6e6e6}@media (max-width:768px){.product-detail{padding:10px}.product-header h1{font-size:18px;margin-bottom:10px}.product-content{flex-direction:column}.main-info-section,.purchase-orders-section,.variants-section{margin-bottom:20px;margin-right:0;width:100%}.inventory-summary,.product-description,.product-details{margin-bottom:15px;padding:15px}.purchase-orders-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:5px;position:relative}.purchase-orders-table-container:after{color:#666;content:"← Scroll →";display:block;font-size:12px;left:0;padding:5px 0;position:-webkit-sticky;position:sticky;text-align:center;width:100%}.purchase-orders-table{min-width:700px}.summary-stats{flex-wrap:wrap}.stat-item{flex:1 0 40%;margin-bottom:10px}.variant-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:5px;white-space:nowrap}.variant-tab{display:inline-block;font-size:13px;min-width:100px;padding:8px 12px;text-align:center}.inventory-details{-webkit-overflow-scrolling:touch;overflow-x:auto}.inventory-details,.inventory-status{margin-bottom:15px;padding:12px}.price-container{align-items:flex-start;flex-direction:column}.price-item{margin-bottom:8px}.variant-details{padding:15px}.target-wos-display{align-items:flex-start;flex-direction:column}.target-wos-edit{margin-top:10px}.breadcrumbs{-webkit-overflow-scrolling:touch;font-size:12px;margin-bottom:15px;overflow-x:auto;padding-bottom:5px;white-space:nowrap}.create-po-button{padding:10px 15px;width:100%}.property{align-items:flex-start;flex-direction:column}.property-label{margin-bottom:4px;min-width:auto}.inventory-details table,.inventory-status table{min-width:500px;width:100%}}.chart-section{margin-bottom:16px}.po-creation-section{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #00000014;margin-bottom:16px;padding:16px}.po-creation-section h2{color:#1f2937;font-size:16px;font-weight:500;margin:0 0 20px}.target-wos-control{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.target-wos-control label{color:#4b5563;font-size:13px;font-weight:500}.target-wos-input{border:1px solid #d1d5db;border-radius:4px;font-size:.9375rem;padding:6px 12px;width:80px}.po-form-inline{align-items:flex-end;background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;padding:20px}.po-form-inline .form-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:180px}.po-form-inline label{color:#374151;font-size:12px;font-weight:500}.po-form-inline input,.po-form-inline select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.9375rem;padding:8px 12px}.po-form-inline input:focus,.po-form-inline select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.po-form-inline input.read-only{background:#f3f4f6;cursor:not-allowed}.po-form-inline .create-po-button{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.po-form-inline .create-po-button:hover:not(:disabled){background-color:#059669}.po-form-inline .create-po-button:disabled{background-color:#9ca3af;cursor:not-allowed}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:8px;width:14px}.po-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.po-loading-content{animation:fadeInScale .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.po-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#10b981;height:60px;margin:0 auto 24px;width:60px}.po-loading-content h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 12px}.po-loading-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:8px 0}.po-loading-warning{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:13px!important;font-weight:500;margin-top:20px!important;padding:12px}.success-message{background-color:#d1fae5;border-left:4px solid #10b981;border-radius:4px;color:#065f46;font-weight:500;margin-top:16px;padding:12px 16px}.product-details-section{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #00000014;margin-bottom:16px;padding:12px 16px}.product-details-section h2{color:#1f2937;font-size:15px;font-weight:500;margin:0}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.details-grid .detail-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.details-grid .detail-item strong{color:#6b7280;display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}.details-grid .detail-item p{color:#1f2937;line-height:1.5;margin:0}.wos-low{color:#ef4444;font-weight:600}.wos-warning{color:#f59e0b;font-weight:600}.wos-good{color:#10b981;font-weight:600}@media (max-width:480px){.product-header h1{font-size:18px}.inventory-summary h3,.product-description h2,.purchase-orders-section h2,.variants-section h2{font-size:15px;margin-bottom:10px}.inventory-summary,.product-description,.product-details,.variant-details{padding:10px}.stat-item{flex:1 0 100%}.variant-tab{font-size:12px;min-width:80px;padding:6px 10px}.variant-details h3{font-size:14px}.po-form-inline{align-items:stretch;flex-direction:column}.po-form-inline .form-group{min-width:100%}.po-form-inline .create-po-button{width:100%}.variants-po-table{font-size:.75rem}.variants-po-table td,.variants-po-table th{padding:8px 4px}.details-grid{grid-template-columns:1fr}}.factory-info-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px}.factory-info-section h2{color:#333;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0}.factories-table-container{margin-bottom:15px;overflow-x:auto}.factories-table{background-color:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.factories-table thead{background-color:#e9ecef}.factories-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;padding:12px;text-align:left}.factories-table td{border-bottom:1px solid #e9ecef;padding:12px;vertical-align:middle}.factories-table tbody tr:last-child td{border-bottom:none}.factories-table tbody tr:hover{background-color:#f8f9fa}.primary-factory-row{background-color:#e7f5e7!important}.primary-factory-row:hover{background-color:#d4edd4!important}.primary-badge{background-color:#28a745;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;text-transform:uppercase}.delete-factory-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:6px 10px;transition:background-color .2s}.delete-factory-btn:hover{background-color:#c82333}.add-factory-section{margin-top:15px}.no-factories-message{background-color:#fff;border:1px dashed #dee2e6;border-radius:6px;padding:20px;text-align:center}.no-factories-message p{color:#6c757d;margin-bottom:15px}.add-factory-inline{margin-top:10px}.factory-info-section .loading-message{color:#6c757d;font-style:italic;padding:20px;text-align:center}.factory-lead-times-container{margin:0 auto;max-width:1200px;padding:20px}.factory-lead-times-container h1{color:#333;margin-bottom:10px}.page-description{color:#666;font-size:16px;margin-bottom:20px}.actions-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.add-button:hover{background-color:#45a049}.add-lead-time-form{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:20px}.add-lead-time-form h2{color:#333;font-size:18px;margin-bottom:20px;margin-top:0}.form-group label{font-weight:700}.form-group input{padding:8px}.submit-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.submit-button:hover{background-color:#0b7dda}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.lead-times-table-container{overflow-x:auto}.lead-times-table{border-collapse:collapse;font-size:14px;width:100%}.lead-times-table td,.lead-times-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.lead-times-table th{background-color:#f2f2f2;color:#333;font-weight:700}.lead-times-table tr:hover{background-color:#f5f5f5}.lead-time-cell{min-width:120px}.lead-time-input{border:1px solid #ddd;border-radius:4px;padding:5px;width:80px}.edit-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 10px}.edit-button{background-color:#2196f3;color:#fff}.edit-button:hover{background-color:#0b7dda}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#45a049}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;border-left:4px solid #c62828;border-radius:4px;color:#c62828;margin-bottom:20px;padding:10px}.loading,.no-data{color:#666}.no-data{padding:20px;text-align:center}.edit-lead-time{align-items:center;display:flex;gap:8px}.editable-lead-time{border-radius:4px;cursor:pointer;display:inline-block;padding:5px 8px;transition:background-color .2s}.editable-lead-time:hover{background-color:#f0f0f0;text-decoration:underline}.select-all-button{background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.select-all-button:hover{background-color:#3b5998}.bulk-edit-controls{animation:fadeIn .3s ease-in-out;background-color:#f7f9fc;border:1px solid #e1e5eb;border-radius:5px;margin:15px 0;padding:15px}.bulk-edit-form{align-items:flex-end;display:flex;gap:15px}.bulk-edit-form .form-group{flex:1 1}.checkbox-column{text-align:center;width:50px}.selected-row{background-color:#4a6fa51a}.selected-row:hover{background-color:#4a6fa526}.apply-bulk-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 15px;white-space:nowrap}.apply-bulk-button:hover{background-color:#218838}.apply-bulk-button:disabled{background-color:#6c757d;cursor:not-allowed}.editable-lead-time.disabled{color:#6c757d;cursor:default}.editable-lead-time.disabled:hover{background-color:initial;text-decoration:none}.purchase-order-create{padding:20px}.purchase-order-create h1{color:#333;margin-bottom:20px}.purchase-order-create .section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.purchase-order-create .section-title{border-bottom:1px solid #eee;font-size:18px;font-weight:500;margin-bottom:15px;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-help{color:#6c757d;display:block;font-size:12px;margin-top:5px}.search-container{margin-bottom:20px;position:relative}.search-container input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;width:100%}.search-results{background-color:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:10}.search-results .product-item{border-bottom:1px solid #eee;cursor:pointer;padding:10px 15px}.search-results .product-item:hover{background-color:#f9f9f9}.search-results .product-title{font-weight:500}.search-results .variant-count{color:#777;font-size:12px}.product-variants{margin-top:15px}.variant-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:8px 0}.variant-checkbox{margin-right:10px}.variant-details{flex-grow:1}.variant-title{font-weight:500}.variant-sku{color:#777;font-size:12px}.variant-stock{background-color:#f0f0f0;border-radius:3px;font-size:12px;margin-left:10px;padding:2px 6px}.quantity-input{border:1px solid #ddd;border-radius:3px;margin:0 10px;padding:6px;width:80px}.selected-variants{margin-top:20px}.selected-variants-table{border-collapse:collapse;width:100%}.selected-variants-table td,.selected-variants-table th{border-bottom:1px solid #ddd;padding:10px 15px;text-align:left}.selected-variants-table th{background-color:#f5f5f5;font-weight:500}.selected-variants-table tr:hover{background-color:#f9f9f9}.table-actions{text-align:right}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:5px;padding:8px 16px}.btn-primary{background-color:#3f51b5}.btn-primary:hover{background-color:#303f9f}.btn-secondary{background-color:#f5f5f5;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.btn-danger{background-color:#f44336}.btn-danger:hover{background-color:#d32f2f}.action-buttons{display:flex;justify-content:flex-end;margin-top:20px}.no-results{padding:15px}.loading,.no-results{color:#777;text-align:center}.loading{padding:20px}.error{color:#f44336;margin:10px 0}@media (max-width:768px){.quantity-input{width:60px}.selected-variants-table td,.selected-variants-table th{padding:8px 10px}}.purchase-orders-list,.purchase-orders-list-page{max-width:none!important;min-width:0;width:100%}.purchase-orders-list{padding:15px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.purchase-orders-list h1{color:#333;font-size:24px;margin-bottom:0}.loading,.no-data{background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#6c757d;margin:20px 0;padding:40px}.loading:before{animation:spin 1s linear infinite;border:3px solid #dee2e6;border-radius:50%;border-top-color:#0366d6;content:"";display:block;height:30px;margin:0 auto 15px;width:30px}.no-data:before{content:"📋";display:block;font-size:30px;margin-bottom:10px}.filters-container{border-radius:4px;box-shadow:0 1px 3px #0000000d;margin-bottom:15px;overflow:hidden}.filters{align-items:center;border:1px solid #e9ecef;border-radius:4px 4px 0 0;gap:8px;padding:10px 12px}.filter-group{align-items:center;min-width:140px;position:relative}.filter-group:not(:first-child):before{color:#ced4da;content:"|";font-weight:300;left:-6px;position:absolute}.filter-group label{font-size:12px;margin-bottom:0;margin-right:6px;white-space:nowrap}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #ced4da;box-sizing:border-box;font-size:13px;height:32px;min-width:90px;padding:4px 8px}.filter-group input:focus,.filter-group select:focus{border-color:#80bdff;box-shadow:0 0 0 .1rem #007bff40;outline:0}.advanced-filter-btn{align-items:center;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:13px;gap:4px;height:32px;padding:4px 8px;transition:all .15s}.advanced-filter-btn:hover{background-color:#e9ecef}.active-filters{align-items:center;background-color:#e9ecef;border:1px solid #e0e0e0;border-radius:0 0 4px 4px;border-top:none;display:flex;justify-content:space-between;padding:6px 10px}.filters-summary{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.filters-summary>span{color:#495057;font-size:12px;font-weight:500}.filter-tag{border-radius:3px;padding:3px 8px}.remove-filter{font-size:12px;margin-left:4px;padding:0 2px}.reset-filters-button{align-items:center;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:3px;color:#495057;cursor:pointer;display:flex;font-size:12px;gap:4px;height:28px;padding:4px 10px;transition:all .15s}.reset-filters-button:hover{background-color:#e2e6ea;color:#212529}.reset-filters-button svg{height:10px;width:10px}.filter-with-clear .product-search input{min-width:160px;width:100%}.clear-filter-button{align-items:center;background:none;border:none;color:#6c757d;display:flex;font-size:12px;height:16px;justify-content:center;padding:0;right:5px;top:50%;transform:translateY(-50%);width:16px}.clear-filter-button:hover{color:#dc3545}.search-all-filter{min-width:180px;position:relative}.search-all-filter input{padding-left:28px!important;width:100%}.search-all-filter .search-icon{color:#6c757d;font-size:12px;left:8px;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.filters{align-items:flex-start;flex-direction:column}.filter-group,.filter-group input,.filter-group select,.filter-with-clear .product-search input{width:100%}.filter-group:not(:first-child):before{display:none}}.create-button{align-items:center;align-self:flex-end;background-color:#0366d6;border:none;border-radius:4px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:6px 12px;text-decoration:none;transition:all .2s}.create-button:hover{background-color:#0250a0;transform:translateY(-1px)}.table-container{-webkit-overflow-scrolling:touch;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:none;margin-bottom:15px;margin-top:0;max-width:100%;overflow-x:auto!important;overflow-y:auto;position:relative;width:100%}.purchase-orders-table{border-collapse:collapse;display:table;font-size:13px;margin-bottom:0;margin-top:0;min-width:1400px!important;table-layout:fixed;width:1400px!important}.purchase-orders-table td,.purchase-orders-table th{border-bottom:1px solid #eee;color:#333;font-size:13px;font-weight:400;height:auto;line-height:1.4;min-height:36px;overflow:hidden;padding:8px 12px;position:relative;text-overflow:ellipsis;white-space:nowrap}.purchase-orders-table th{background-color:#f5f5f5;border-bottom:2px solid #ddd;font-size:11px;font-weight:600;height:36px;letter-spacing:.5px;line-height:1.4;text-transform:uppercase;white-space:nowrap}.purchase-orders-table th:first-child{min-width:100px;width:100px}.purchase-orders-table th:nth-child(2){min-width:120px;width:120px}.purchase-orders-table th:nth-child(3){min-width:110px;width:110px}.purchase-orders-table th:nth-child(4){min-width:300px;width:300px}.purchase-orders-table th:nth-child(5),.purchase-orders-table th:nth-child(6){min-width:140px;width:140px}.purchase-orders-table th:nth-child(7){min-width:120px;width:120px}.purchase-orders-table th:nth-child(8){min-width:140px;width:140px}.purchase-orders-table th:nth-child(9){min-width:130px;width:130px}.status-badge{font-size:11px;line-height:1.4}.status-badge.requested{background-color:#e8daef;color:#6a0dad}.status-badge.withfactory{background-color:#d6eaf8;color:#2471a3}.status-badge.ordered{background-color:#cfe8ff;color:#0062cc}table.purchase-orders-table tr td span.status-badge.ordered.all-preorder-items,table.purchase-orders-table tr td span.status-badge.paid.all-preorder-items{background-color:#fff7cd!important;color:#7a4f01!important}table.purchase-orders-table tr td span.status-badge.ordered.some-preorder-items,table.purchase-orders-table tr td span.status-badge.paid.some-preorder-items{background-color:#fff7cd!important;border:1px solid #0c53b7!important;box-shadow:0 0 0 1px #0c53b733!important;color:#0c53b7!important}.status-badge.paid{background-color:#d5f5e3;color:#27ae60}.status-badge.in_transit{background-color:#ffecb3;color:#e67700}.status-badge.unknown{background-color:#f8d7da;color:#721c24}.products-column{max-width:300px}.product-count,.product-item,.product-item span,.product-name,.products-column,.products-column div,.products-column span,.products-list,.products-list div,.products-list span{color:#333;font-size:13px;font-weight:400;line-height:1.4}.products-list{display:flex;flex-direction:column;gap:3px}.product-item{display:flex;justify-content:space-between}.product-item,.product-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name{flex:1 1;margin-right:8px;max-width:240px}.product-name:hover{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;max-width:400px;overflow:visible;padding:4px 8px;position:relative;white-space:normal;word-break:break-word;z-index:10}.product-count{color:#666;flex-shrink:0;font-size:13px;font-weight:400;line-height:1.4;white-space:nowrap}.product-count,.product-item .product-count{display:inline-block}.more-items{color:#666;font-size:13px;font-style:italic;font-weight:400;line-height:1.4}.date-column{white-space:nowrap}.variants-row{transition:all .2s ease-in-out}.variants-table-container{-webkit-overflow-scrolling:touch}.variants-table{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;font-size:14px;min-width:800px;overflow:hidden}.variants-table th:first-child{min-width:40px;text-align:center;width:40px}.variants-table th:nth-child(2){min-width:160px;text-align:left;width:180px}.variants-table th:nth-child(3){min-width:150px;text-align:left;width:180px}.variants-table th:nth-child(4){max-width:70px;min-width:50px;text-align:center;width:60px}.variants-table th:nth-child(5){max-width:80px;min-width:60px;text-align:right;width:70px}.variants-table th:nth-child(6),.variants-table th:nth-child(7){min-width:70px;text-align:right;width:80px}.variants-table th{font-size:11px;line-height:1.4}.variants-table td:first-child{text-align:center}.variants-table td:nth-child(2),.variants-table td:nth-child(3){text-align:left}.variants-table td:nth-child(4){text-align:center}.variants-table td:nth-child(5),.variants-table td:nth-child(6),.variants-table td:nth-child(7){text-align:right}.variants-table td{font-size:13px;font-weight:400;line-height:1.4}.variants-table td:nth-child(5),.variants-table td:nth-child(6),.variants-table td:nth-child(7){text-align:right;vertical-align:middle}.variants-table th:nth-child(5),.variants-table th:nth-child(6),.variants-table th:nth-child(7){text-align:right}.variants-table td:first-child,.variants-table th:first-child{text-align:center}.variants-table td:nth-child(3),.variants-table th:nth-child(3){text-align:left}.variants-table .total-row{background-color:#f8f9fa;font-weight:500}.variants-table .total-row td{border-top:2px solid #dee2e6;padding:10px 8px;vertical-align:middle}.variants-table .total-row td:nth-child(3),.variants-table .total-row td:nth-child(4){font-weight:600;text-align:center}.variants-table .total-row td:nth-child(5),.variants-table .total-row td:nth-child(7){font-feature-settings:"tnum";color:#495057;font-variant-numeric:tabular-nums;font-weight:600;padding-right:8px;text-align:right}.variants-actions{align-items:center;background-color:#f1f1f1;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px}.status-badge.cancelled,.status-badge.received{cursor:default!important}.editable-field .status-badge.cancelled,.editable-field .status-badge.received{cursor:default}.editable-field:has(.status-badge.cancelled),.editable-field:has(.status-badge.received){background-color:initial!important;cursor:default}.terminal-state-container{cursor:default!important}.terminal-state-container,.terminal-state-container:hover{background-color:initial!important}td:nth-child(2) .editable-field{padding-right:20px}td:nth-child(5) .editable-field,td:nth-child(6) .editable-field{min-width:90px}td:nth-child(3) .editable-field{min-width:80px}.inline-edit-container{align-items:center;box-sizing:border-box;display:flex!important;min-height:28px;position:relative;width:100%}.inline-edit-container input,.inline-edit-container select{border:1px solid #80bdff!important;box-sizing:border-box;display:inline-block!important;flex:1 1;font-size:13px!important;font-weight:400!important;line-height:1.4!important;margin-right:5px!important;min-width:auto!important;padding:4px 8px!important;width:auto!important;z-index:1}.inline-edit-container input[type=date]{padding-right:8px!important;width:auto!important}.inline-edit-container select{background-position:right 8px center!important;padding-right:25px!important}.purchase-orders-table td .inline-edit-container{box-sizing:border-box;overflow:visible!important;padding-right:48px}.purchase-orders-table td:has(.inline-edit-container){overflow:visible}.pagination-controls{align-items:center;display:flex;justify-content:space-between;margin:15px 0;padding:0 15px}.pagination{display:flex;gap:5px}.pagination,.pagination-button{align-items:center;justify-content:center}.pagination-button{background-color:#fff;border:1px solid #ddd;border-radius:50%;color:#666;cursor:pointer;display:inline-flex;font-size:14px;height:36px;min-width:36px;padding:0;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f0f0f0;border-color:#ccc}.pagination-button.active{background-color:#4361ee;border-color:#4361ee;color:#fff;font-weight:600}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.pagination-button.nav-button{font-size:16px;font-weight:700}.pagination-ellipsis{align-items:center;color:#666;display:inline-flex;font-weight:700;height:30px;justify-content:center;min-width:30px}@media (max-width:768px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;position:relative}.purchase-orders-table{min-width:1400px}.pagination-controls{flex-direction:column;gap:15px}.items-per-page-container{order:2}.pagination{order:1}.pagination-info{order:3}}.items-per-page-container{align-items:center;display:flex;gap:10px}.items-per-page-container label{color:#666;font-size:13px;white-space:nowrap}.items-per-page-dropdown{display:inline-block;position:relative}.items-per-page-dropdown select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:13px;padding:6px 24px 6px 10px}.items-per-page-dropdown:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #666;content:"";height:0;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0}.pagination-info{color:#666;font-size:13px}.sortable{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.sortable:hover{background-color:#e9ecef}.header-content{font-size:11px;gap:3px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.sort-indicator{color:#0366d6;display:inline-block;font-size:8px}.purchase-orders-table th{text-align:center}.purchase-orders-table th:first-child,.purchase-orders-table th:nth-child(4){text-align:left}tr.expanded{background-color:initial!important}.products-container{align-items:center;display:flex;justify-content:space-between}.expand-button{background:none;border:none;border-radius:4px;color:#0366d6;cursor:pointer;font-size:12px;margin-left:8px;padding:3px 8px;transition:all .2s}.expand-button:hover{background-color:#e1f0ff}.variants-row{background-color:initial!important}.variants-row td{border-bottom:1px solid #ddd;padding:0}.variants-table-container{background-color:initial!important;border:1px solid #eee;border-radius:4px;box-shadow:0 1px 3px #0000000d;margin:8px;max-height:80vh;overflow-x:auto;overflow-y:auto;padding:10px;transition:all .3s ease}.variants-table{border-collapse:collapse;font-size:12px;table-layout:fixed;width:100%}.variants-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.variants-table td{border-bottom:1px solid #e9ecef;padding:10px 8px;vertical-align:middle}.variant-row:hover{background-color:#007bff0a;background-color:initial!important}.variant-detail-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:8px;padding-top:8px}.detail-page-link{align-items:center;border-radius:4px;color:#0366d6;display:inline-flex;font-size:13px;font-weight:500;padding:4px 10px;text-decoration:none;transition:all .2s}.detail-page-link:hover{background-color:#e1f0ff;text-decoration:none}.purchase-orders-table td div{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-orders-table td.products-column div{overflow:visible;white-space:normal}.status-badge{font-size:12px;max-width:110px;padding:3px 8px;width:auto}#modal-root{position:relative;z-index:1050}body.modal-open{overflow:hidden}.filter-with-clear{align-items:center;display:flex;height:31px;position:relative;width:100%}.filter-with-clear .product-search{flex-grow:1}.clear-filter-button{background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:13px;height:32px;padding:6px 10px;position:absolute;right:-90px;top:0;transition:all .2s;white-space:nowrap}.clear-filter-button:hover{background-color:#dee2e6;color:#212529}.po-number-column{text-align:center!important}.po-toggle{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:4px 8px;transition:all .2s}.po-toggle:hover{background-color:#007bff14}.po-number{color:#0366d6;font-weight:500}.toggle-icon{color:#6c757d;font-size:10px;transition:transform .2s}.expanded .toggle-icon{transform:rotate(180deg)}.po-number-column .po-link{display:inline-block;text-align:center}.inline-cancel-button,.inline-save-button{align-items:center!important;border:none!important;border-radius:4px!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;height:24px!important;justify-content:center!important;padding:0!important;transition:transform .15s!important;width:24px!important}.inline-save-button{background-color:#28a745!important;color:#fff!important}.inline-cancel-button{background-color:#dc3545!important;color:#fff!important}.inline-cancel-button:hover,.inline-save-button:hover{transform:translateY(-1px)!important}.modified-field{background-color:#fff8e1!important;border:1px solid #ffe082!important}.purchase-orders-table tr:last-child td{border-bottom:none}.purchase-orders-table td:nth-child(5),.purchase-orders-table td:nth-child(6),.purchase-orders-table td:nth-child(7),.purchase-orders-table td:nth-child(8),.purchase-orders-table th:nth-child(5),.purchase-orders-table th:nth-child(6),.purchase-orders-table th:nth-child(7),.purchase-orders-table th:nth-child(8){text-align:center!important}.purchase-orders-table td:nth-child(5) input,.purchase-orders-table td:nth-child(5) select,.purchase-orders-table td:nth-child(6) input,.purchase-orders-table td:nth-child(6) select,.purchase-orders-table td:nth-child(7) input,.purchase-orders-table td:nth-child(7) select,.purchase-orders-table td:nth-child(8) input,.purchase-orders-table td:nth-child(8) select{text-align:left!important}.purchase-orders-table tbody tr,.purchase-orders-table tbody tr:hover,.purchase-orders-table tbody tr:nth-child(2n),.purchase-orders-table tbody tr:nth-child(odd),.variants-table tbody tr,.variants-table tbody tr:hover,.variants-table tbody tr:nth-child(2n),.variants-table tbody tr:nth-child(odd){background-color:initial!important}.inline-edit-actions{background-color:#fffffff2;border-radius:3px;box-shadow:0 0 3px #0000001a;display:flex!important;padding:0 1px;position:absolute;right:0;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:5}.advanced-filters-popover{background-color:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:0 3px 8px #00000026;margin-top:8px;padding:12px;position:absolute;right:0;top:100%;width:300px;z-index:100}.advanced-filters-popover h4{border-bottom:1px solid #e9ecef;color:#495057;font-size:14px;margin:0 0 12px;padding-bottom:8px}.advanced-filters-popover .filter-row{display:flex;flex-direction:column;margin-bottom:10px}.advanced-filters-popover label{color:#495057;font-size:11px;font-weight:500;margin-bottom:3px}.advanced-filters-popover input,.advanced-filters-popover select{border:1px solid #ced4da;border-radius:3px;font-size:12px;height:28px;padding:4px 8px;width:100%}.advanced-filters-popover .actions{border-top:1px solid #e9ecef;display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:10px}.advanced-filters-popover button{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:3px;cursor:pointer;font-size:11px;padding:4px 10px}.advanced-filters-popover button.apply{background-color:#0366d6;border-color:#0366d6;color:#fff}.advanced-filters-popover button.apply:hover{background-color:#0250a0}.advanced-filters-popover button.cancel:hover{background-color:#e2e6ea}.advanced-filter-container{position:relative}.filter-drawer-container{height:100vh;pointer-events:none;position:fixed;right:0;top:0;visibility:hidden;width:100%;z-index:1000}.filter-drawer-container.open{pointer-events:all;visibility:visible}.filter-drawer-backdrop{background-color:#00000040;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.filter-drawer-container.open .filter-drawer-backdrop{opacity:1}.filter-drawer{background-color:#fff;box-shadow:-2px 0 8px #00000026;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:320px}.filter-drawer-container.open .filter-drawer{transform:translateX(0)}.filter-drawer-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px}.filter-drawer-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.filter-drawer-close{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:20px;padding:4px}.filter-drawer-close:hover{background-color:#f8f9fa;color:#dc3545}.filter-drawer-content{flex:1 1;overflow-y:auto;padding:16px}.filter-drawer-section{margin-bottom:20px}.filter-drawer-section h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 10px}.filter-drawer-footer{border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 16px}.filter-drawer-footer button{background-color:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.filter-drawer-footer button.apply{background-color:#0366d6;border-color:#0366d6;color:#fff}.filter-drawer-footer button.reset{color:#dc3545}.filter-drawer-footer button:hover{transform:translateY(-1px)}.filter-drawer-footer button.apply:hover{background-color:#0250a0}.filter-drawer-footer button.reset:hover{background-color:#f8f9fa}.filter-group-drawer{margin-bottom:16px}.filter-group-drawer label{color:#495057;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.filter-group-drawer input,.filter-group-drawer select{border:1px solid #ced4da;border-radius:4px;font-size:14px;height:36px;padding:8px 12px;width:100%}.filter-group-drawer input:focus,.filter-group-drawer select:focus{border-color:#80bdff;box-shadow:0 0 0 .1rem #007bff40;outline:0}.filter-trigger{align-items:center;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.filter-trigger:hover{background-color:#e9ecef}.filter-trigger.active{background-color:#e7f2fd;border-color:#b8daff;color:#0366d6}.active-filters-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.filter-tag{background-color:#e7f2fd;border:1px solid #b8daff;border-radius:16px;font-size:12px;padding:4px 10px}.filter-tag,.remove-filter{align-items:center;color:#0366d6;display:flex}.remove-filter{background:none;border:none;cursor:pointer;font-size:14px;justify-content:center;line-height:1;margin-left:6px;padding:0}.remove-filter:hover{color:#dc3545}.variants-table .quantity-input{border:1px solid #ced4da;border-radius:4px;padding:4px;text-align:right;width:60px}.variants-table .editable-quantity{border-radius:3px;cursor:pointer;display:inline-block;padding:5px}.variants-table .editable-quantity:hover{background-color:#0000000d}.variants-table .editable-quantity.modified{background-color:#fff8e680;border:1px solid #ffe0b2;padding:4px}.variants-table th:nth-child(5),.variants-table th:nth-child(6),.variants-table th:nth-child(7){padding-right:16px}.variants-table td:nth-child(5),.variants-table td:nth-child(6),.variants-table td:nth-child(7){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.variants-table td:nth-child(3){max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variants-table td:nth-child(3):hover{background-color:#fff;border-radius:3px;box-shadow:0 2px 5px #0003;overflow:visible;position:relative;white-space:normal;word-break:break-word;z-index:5}.item-actions-container{display:flex;gap:8px}.status-update-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 10px;transition:background-color .2s;white-space:nowrap}.status-update-button:hover{background-color:#5a6268}.status-update-modal .modal-content{border-radius:8px}.status-update-modal .modal-title{font-size:1.25rem;font-weight:600}.status-update-modal .status-selection{margin:15px 0}.status-update-modal .status-description{background-color:#f8f9fa;border-radius:4px;color:#6c757d;font-size:.9rem;margin-top:10px;padding:8px}.status-update-modal select.form-control{border-color:#ced4da;border-radius:4px;font-size:.95rem;height:38px}.status-badge{border-radius:3px;font-weight:500;padding:2px 6px;text-transform:capitalize}.status-badge.pending{background-color:#e6f4ff;color:#0c53b7}.status-badge.preorder{background-color:#fff7cd;color:#7a4f01}.status-badge.received{background-color:#e9fcd4;color:#229a16}.status-badge.cancelled{background-color:#ffe7d9;color:#b72136}.status-badge.draft{background-color:#c8facd;color:#007b55}.status-badge.partially-received{background-color:#d0f2ff;color:#04297a}.receiving-date-info{align-items:center;background-color:#6c757d;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:10px;height:16px;justify-content:center;margin-left:5px;position:relative;text-align:center;width:16px;z-index:10}.receiving-date-info:hover:after{background-color:#000c;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:400;margin-bottom:5px;padding:5px 10px;white-space:nowrap}.receiving-date-info:hover:after,.receiving-date-info:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:100}.receiving-date-info:hover:before{border:5px solid #0000;border-top-color:#000c;content:"";margin-bottom:-5px}.tooltip{display:block;font-size:.875rem;margin:0;opacity:0;position:absolute;transition:opacity .15s;z-index:1070}.tooltip.show{opacity:.9}.tooltip .tooltip-inner{background-color:#000;border-radius:.25rem;color:#fff;max-width:200px;padding:.25rem .5rem;text-align:center}.status-update-icon{background:none;border:none;border-radius:3px;color:#6c757d;cursor:pointer;font-size:1rem;opacity:.7;padding:4px;transition:opacity .2s}.status-update-icon:hover{background-color:#f8f9fa;opacity:1}.item-actions-container{display:flex!important;gap:8px!important;width:100%!important}.compact-receive-button,.status-update-button{border:none!important;border-radius:4px!important;box-shadow:0 1px 3px #0003!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:.85rem!important;font-weight:500!important;padding:6px 10px!important;text-align:center!important;white-space:nowrap!important}.compact-receive-button{background-color:#28a745!important}.status-update-button{background-color:#6c757d!important}.compact-receive-button:hover,.status-update-button:hover{background-color:#5a6268!important}.variants-table .total-row{height:50px!important;min-height:50px!important}.variants-table th:nth-child(2){min-width:120px;width:130px}.status-select{font-size:.85rem!important;height:28px!important;max-width:100%}.status-direct-select,.variants-table td:nth-child(2),.variants-table td:nth-child(2)>div{padding-right:inherit!important;position:static!important}.editable-field .status-badge{cursor:pointer}td:nth-child(2) .editable-field:hover .status-badge{box-shadow:0 0 0 1px #007bff40;opacity:.9}.variants-table .total-row td:first-child{position:relative}.variants-table .total-row td:first-child>div{display:flex;gap:8px;justify-content:flex-start;max-width:250px}.action-buttons-container{bottom:20px;display:flex;gap:8px;position:fixed;right:20px;z-index:100}.action-confirm-button{background-color:#28a745}.action-cancel-button,.action-confirm-button{border:none;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.action-cancel-button{background-color:#dc3545}.action-cancel-button:hover,.action-confirm-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.status-field-container{align-items:center;display:flex;min-height:28px;position:relative;width:100%}.status-dropdown-container{align-items:center;display:flex;gap:6px;width:100%}.status-select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:.85rem;padding:4px 8px;position:relative}.status-select option{padding:10px}.status-select option[title]:hover:before{background:#000c;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:0;padding:5px 10px;position:absolute;top:-30px;white-space:nowrap;z-index:100}.editable-field{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;padding:4px 6px;transition:background-color .2s;width:auto}.editable-field:hover{background-color:#007bff1a}.status-select option[value=pending]{background-color:#e6f4ff;color:#0c53b7}.status-select option[value=preorder]{background-color:#fff7cd;color:#7a4f01}.status-select option[value=received]{background-color:#e9fcd4;color:#229a16}.status-select option[value=cancelled]{background-color:#ffe7d9;color:#b72136}.select-items-message{align-items:flex-start;color:#5a5a5a;display:flex;flex-direction:column;font-size:13px;gap:8px;margin:5px 0}.bulk-action-buttons{align-items:center;display:flex;gap:8px}.selected-count{color:#666;font-size:12px;margin-top:3px}.deselect-all-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.deselect-all-button:hover{background-color:#e0e0e0}.bulk-update-button{background-color:#0366d6!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;padding:4px 8px!important;transition:background-color .2s!important}.bulk-update-button:hover{background-color:#0255b3!important}.editable-field.bulk-selected{background-color:#0366d614;border:1px dashed #0366d6;cursor:default}.status-bulk-edit-menu{animation:slideIn .15s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #0000004d;font-size:14px;overflow:hidden;width:240px;z-index:2001}.bulk-edit-container{pointer-events:none!important}.bulk-edit-container>div{pointer-events:auto!important}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.status-bulk-edit-header{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#323338;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.status-bulk-edit-options{max-height:200px;overflow-y:auto}.status-bulk-edit-option{color:#333;cursor:pointer;padding:10px 16px 10px 36px;position:relative;text-align:left;transition:background-color .15s}.status-bulk-edit-option:hover{background-color:#f0f0f0}.status-bulk-edit-option:before{border-radius:50%;content:"";height:12px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.status-bulk-edit-option[data-status=pending]:before{background-color:#0c53b7}.status-bulk-edit-option[data-status=preorder]:before{background-color:#7a4f01}.status-bulk-edit-option[data-status=received]:before{background-color:#229a16}.status-bulk-edit-option[data-status=cancelled]:before{background-color:#b72136}.status-bulk-edit-footer{border-top:1px solid #e0e0e0;padding:10px 16px;text-align:right}.status-bulk-edit-cancel{background-color:initial;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .15s}.status-bulk-edit-cancel:hover{background-color:#f0f0f0}tr.variant-row.selected{background-color:#0079bf14}tr.variant-row.selected:hover{background-color:#0079bf1f}.receive-items-modal{font-family:inherit}.receive-items-modal .modal-dialog{margin-top:5vh;max-width:800px}.receive-items-modal .modal-content{border-radius:.5rem;box-shadow:0 5px 15px #00000080}.receive-items-modal .modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:1rem}.receive-items-modal .modal-body{padding:1.5rem}.receive-items-modal .modal-footer{background-color:#f8f9fa;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:1rem}.modal-footer-buttons{display:flex;gap:10px;justify-content:flex-end;width:100%}.receive-items-modal .table{margin-bottom:0}.receive-items-modal .table th{background-color:#f8f9fa;font-weight:600}.receive-items-modal .btn-primary{background-color:#007bff;border-color:#007bff;min-width:120px}.receive-items-modal .btn-primary:hover{background-color:#0069d9;border-color:#0062cc}.receive-items-modal .btn-secondary{background-color:#6c757d;border-color:#6c757d;min-width:120px}.receive-items-modal .btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.receive-items-modal .cancel-button,.receive-items-modal .confirm-button{font-size:14px;padding:.5rem 1rem}.receive-confirmation-modal .modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.receive-confirmation-modal .modal-title{color:#212529;font-size:1.25rem}.receive-confirmation-modal .modal-body{padding:1.5rem}.receive-confirmation-modal .modal-body p{margin-bottom:1rem}.receive-confirmation-modal .modal-body ul{margin-bottom:1rem;padding-left:1.5rem}.receive-confirmation-modal .modal-body ul li{margin-bottom:.5rem}.receive-confirmation-modal .modal-footer{border-top:1px solid #dee2e6;padding:1rem}.receive-confirmation-modal .btn-primary{background-color:#28a745;border-color:#28a745}.receive-confirmation-modal .btn-primary:hover{background-color:#218838;border-color:#1e7e34}.receive-confirmation-modal .btn-outline-primary{border-color:#28a745;color:#28a745}.receive-confirmation-modal .btn-outline-primary:hover{background-color:#28a745;color:#fff}.receive-confirmation-modal .btn-secondary{background-color:#6c757d;border-color:#6c757d}.receive-confirmation-modal .btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.product-search,.search-input-container{position:relative;width:100%}.search-input-container{align-items:center;display:flex;height:31px}.product-search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:13px;height:31px;padding:6px 30px 6px 8px;transition:border-color .15s ease-in-out;width:100%}.product-search-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.clear-search-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;position:absolute;right:6px;width:24px}.clear-search-button:hover{background-color:#f1f1f1;color:#555}.product-suggestions{background-color:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;box-shadow:0 4px 6px #0000001a;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f1f1f1;cursor:pointer;padding:8px 12px}.suggestion-item.product-group{background-color:#f8f9fa;font-weight:500}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f5f5f5}.suggestion-title{color:#333;font-size:13px;margin-bottom:2px}.suggestion-title strong{background-color:#0366d61a;font-weight:700}.suggestion-details{color:#6c757d;display:flex;font-size:11px}.suggestion-colors{background-color:#e9ecef;border-radius:3px;font-size:10px;margin-right:10px;padding:1px 5px}.suggestion-variants{margin-right:10px}.no-suggestions{background-color:#f9f9f9;padding:12px}.no-suggestions,.product-search-loading{color:#6c757d;font-size:12px;text-align:center}.product-search-loading{background-color:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;padding:10px;position:absolute;right:0;top:100%;z-index:1000}.product-search-input.has-selection{background-color:#0366d60d;border-color:#80bdff;color:#0366d6;font-weight:400}.status-tabs-container{align-items:flex-end;background:none;display:flex;justify-content:flex-start;margin:0;max-width:100%;padding-bottom:0;width:100%}.status-tabs{background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin-bottom:-2px;width:100%}.status-tab{background:#f8f9fa;border:1px solid #e0e0e0;border-bottom:none;border-radius:6px 6px 0 0;box-shadow:none;color:#495057;cursor:pointer;font-size:15px;font-weight:500;margin-right:2px;min-width:100px;outline:none;padding:8px 24px 7px;position:relative;text-align:center;transition:background .15s,color .15s;z-index:1}.status-tab.active{background:#fff;border-bottom:2px solid #1976d2;color:#1976d2;font-weight:600;z-index:2}.status-tab:focus{box-shadow:0 0 0 2px #1976d2}.tab-count{color:#888;font-size:.95em;margin-left:6px}@media (max-width:900px){.status-tabs{overflow-x:auto}.status-tab{font-size:14px;min-width:90px;padding:8px 12px 7px}}.transaction-data-view{padding:20px}.transaction-data-view h1{color:#333;margin-bottom:20px}.error{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:10px 15px}.loading,.no-data{color:#666;font-size:16px;padding:30px;text-align:center}.filters{align-items:flex-end;background-color:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#555;font-size:14px;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.data-container{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-top:20px;max-width:100%;overflow-x:auto}.transaction-table{border-collapse:collapse;min-width:900px;table-layout:auto;width:100%}.transaction-table td,.transaction-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left;white-space:nowrap}.transaction-table td:first-child,.transaction-table th:first-child{min-width:150px}.transaction-table td:not(:first-child),.transaction-table th:not(:first-child){min-width:100px;text-align:right}.transaction-table th{background-color:#f1f1f1;color:#333;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.transaction-table th.sortable{cursor:pointer;padding-right:25px;position:relative;-webkit-user-select:none;user-select:none}.transaction-table th.sortable:hover{background-color:#e8e8e8}.transaction-table th.sortable:after{color:#999;content:"↕";font-size:14px;position:absolute;right:8px}.transaction-table th.sort-asc:after{color:#333;content:"↑"}.transaction-table th.sort-desc:after{color:#333;content:"↓"}.transaction-table tr:hover{background-color:#f9f9f9}.transaction-table tr:last-child td{border-bottom:none}.transaction-table tbody tr:nth-child(2n){background-color:#f7f7f7}.totals-row{background-color:#e9f0f8!important;bottom:0;font-weight:500;position:-webkit-sticky;position:sticky;z-index:5}@media (max-width:768px){.filter-group{min-width:100%}.transaction-table td,.transaction-table th{font-size:14px;padding:8px 10px}.data-container{border-radius:0;margin-left:-20px;margin-right:-20px}}.debug-info{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-family:monospace;margin:20px 0;padding:10px}.debug-info summary{color:#444;cursor:pointer;font-weight:700;padding:5px;-webkit-user-select:none;user-select:none}.debug-info p{line-height:1.4;margin:5px 0}.debug-info strong{color:#333}.highlight-today{background-color:#90ee9033}.highlight-today td{font-weight:700}.highlight-yesterday{background-color:#ffffe04d}.debug-actions{background-color:#f0f8ff;border:1px solid #c0d9e9;border-radius:4px;margin:10px 0;padding:10px}.debug-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:10px;padding:8px 16px}.debug-button:hover{background-color:#357ab7}.debug-button:active{background-color:#2a5d8c}.role-manager{margin:0 auto;max-width:1400px;padding:24px}.role-manager-header{margin-bottom:32px}.role-manager-header h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px}.role-manager-header .subtitle{color:#6c757d;font-size:1rem;margin:0}.alert{align-items:center;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.alert-error{background-color:#f8d7da;border:1px solid #f5c2c7;color:#842029}.alert-success{background-color:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.user-management-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;margin-bottom:32px}.users-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:80vh;padding:20px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.panel-header h2{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.btn-invite{background-color:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-invite:hover{background-color:#0b5ed7;box-shadow:0 4px 8px #0d6efd4d;transform:translateY(-1px)}.search-container{margin-bottom:16px}.search-input{border:1px solid #d1d5db;font-size:.95rem;padding:10px 12px;transition:all .2s;width:100%}.search-input:focus{box-shadow:0 0 0 3px #0d6efd1a}.users-list{flex:1 1;overflow-y:auto}.user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.user-item:hover{background-color:#f3f4f6}.user-item.selected{background-color:#e7f3ff;border:1px solid #0d6efd}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;min-width:0}.user-name{color:#1a1a1a;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta{margin-top:4px}.user-roles-preview{align-items:center;display:flex;gap:4px}.role-pill{align-items:center;border-radius:50%;display:inline-flex;font-size:.85rem;height:24px;justify-content:center;width:24px}.role-count{color:#6c757d;font-size:.8rem;font-weight:600}.no-roles-text{color:#9ca3af;font-size:.85rem;font-style:italic}.loading-message,.no-results{color:#6c757d;font-style:italic;padding:20px;text-align:center}.user-detail-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:600px;padding:24px}.no-selection-message{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:16px;opacity:.3}.no-selection-message h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 8px}.no-selection-message p{color:#6c757d;margin:0}.user-detail-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px;position:relative}.user-detail-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.btn-resend-invite{background-color:#198754;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-resend-invite:hover{background-color:#157347;box-shadow:0 4px 8px #1987544d;transform:translateY(-1px)}.btn-resend-invite:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-delete-user{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-delete-user:hover{background-color:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.btn-delete-user:disabled{cursor:not-allowed;opacity:.5;transform:none}.user-detail-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;font-weight:700;height:64px;justify-content:center;width:64px}.user-detail-info h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 4px}.user-email{color:#6c757d;font-size:.95rem}.pending-warning{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:flex;font-size:.85rem;gap:8px;margin-top:8px;padding:8px 12px}.pending-warning .warning-icon{font-size:1rem;margin:0}.user-job-title{color:#0d6efd;font-size:.9rem;font-weight:500;margin:4px 0 0}.available-roles-section,.user-roles-section{margin-bottom:32px}.available-roles-section h3,.user-roles-section h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 16px}.available-roles-list,.user-roles-list{display:flex;flex-direction:column;gap:12px}.role-card{align-items:center;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s}.role-card.assigned{background-color:#f8f9fa;border:2px solid #e5e7eb}.role-card.available{background-color:#fff;border:2px dashed #d1d5db}.role-card.available:hover{background-color:#f8f9fa;border-color:#0d6efd;border-style:solid}.role-card-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;flex-shrink:0;font-size:1.75rem;height:48px;justify-content:center;width:48px}.role-card-content{flex:1 1;min-width:0}.role-card-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.role-card-name{color:#1a1a1a;font-size:1.05rem;font-weight:600}.role-card-permissions{color:#0d6efd;font-size:.85rem;font-weight:500;white-space:nowrap}.role-card-description{color:#6c757d;font-size:.9rem;line-height:1.4}.btn-assign,.btn-remove{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-remove{background-color:#dc3545;color:#fff;font-size:1.2rem;height:36px;line-height:1;padding:0;width:36px}.btn-remove:hover:not(:disabled){background-color:#bb2d3b;transform:scale(1.05)}.btn-assign{background-color:#0d6efd;color:#fff}.btn-assign:hover:not(:disabled){background-color:#0b5ed7;box-shadow:0 4px 8px #0d6efd4d;transform:translateY(-1px)}.btn-assign:disabled,.btn-remove:disabled{cursor:not-allowed;opacity:.5}.empty-state{color:#6c757d;font-style:italic;padding:32px 16px}.empty-state p{margin:0 0 4px}.empty-state-hint{color:#9ca3af;font-size:.9rem}.role-legend{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.role-legend h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 16px}.role-legend-items{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.legend-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:10px}.legend-badge{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.legend-icon{font-size:1rem}.legend-label,.legend-perms{font-size:.85rem}.legend-perms{color:#0d6efd;font-weight:600;white-space:nowrap}.legend-desc{color:#6c757d;flex:1 1;font-size:.85rem}.role-badge{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:4px 10px}.role-icon{font-size:.95rem}.role-label{font-size:.8rem}@media (max-width:1024px){.user-management-container{grid-template-columns:1fr}.users-panel{max-height:400px}.role-legend-items{grid-template-columns:1fr}}@media (max-width:768px){.role-manager{padding:16px}.role-manager-header h1{font-size:1.5rem}.role-card{align-items:flex-start;flex-direction:column}.role-card-icon{font-size:1.5rem;height:40px;width:40px}.btn-assign,.btn-remove{align-self:stretch}.legend-item{align-items:flex-start;flex-direction:column}}.modal-overlay{background-color:#00000080;padding:20px;z-index:1000}.modal-content{animation:modalFadeIn .2s ease-out;max-width:500px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:1.25rem}.modal-header h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:30px}.modal-close:hover{background-color:#f8f9fa;color:#1a1a1a}.modal-body{padding:1.25rem}.modal-description{color:#6c757d;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-group label{color:#1a1a1a;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.modal-body .form-group input{border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.6rem;transition:border-color .2s;width:100%}.modal-body .form-group input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a;outline:none}.modal-note{background-color:#f8f9fa;border-left:3px solid #0d6efd;border-radius:4px;color:#495057;font-size:.85rem;line-height:1.5;margin-top:1rem;padding:.75rem}.modal-note .role-pill{border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;margin:0 2px;padding:2px 6px}.modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.25rem}.btn-cancel{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-cancel:hover{background-color:#e9ecef;border-color:#ced4da}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#0d6efd;padding:.5rem 1rem;transition:all .2s}.btn-primary:hover{background-color:#0b5ed7;box-shadow:0 4px 8px #0d6efd4d;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;transform:none}.btn-danger{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-danger:hover{background-color:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.btn-danger:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-delete .modal-header h3{color:#dc3545}.modal-warning{color:#856404;font-size:.9rem;font-weight:600;margin:1rem 0 .5rem}.modal-warning-list{background-color:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#856404;font-size:.85rem;margin:.5rem 0 1rem 1.5rem;padding:.75rem}.modal-warning-list li{margin:.25rem 0}.modal-warning-list strong{color:#dc3545}.modal-email{color:#6c757d;font-size:.85rem;margin-top:1rem}.modal-email code{background-color:#f8f9fa;border-radius:3px;color:#495057;font-family:monospace;padding:2px 6px}@media (max-width:768px){.modal-content{border-radius:12px 12px 0 0;margin-top:auto;max-width:100%}.modal-overlay{align-items:flex-end;padding:0}}.buying-plan-dashboard{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e3e3e3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.error-container button:hover{background-color:#0056b3}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:30px;padding:30px}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.dashboard-header p{font-size:1.2rem;margin:0 0 30px;opacity:.9}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:20px;text-align:center}.summary-card h3{font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 10px;opacity:.8;text-transform:uppercase}.summary-card p{font-size:2rem;font-weight:700;margin:0}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.dashboard-section{border:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a;padding:25px}.dashboard-section h2{border-bottom:2px solid #f8f9fa;color:#2c3e50;margin:0 0 20px;padding-bottom:10px}.table-container{border:1px solid #e9ecef}.table-container th{background-color:#f8f9fa;color:#495057;padding:12px 8px;white-space:nowrap}.table-container td{border-bottom:1px solid #e9ecef;padding:10px 8px;vertical-align:middle}.table-container tbody tr:hover{background-color:#f8f9fa}.top-tier{background-color:#e8f5e8!important;font-weight:500}.high-return{background-color:#fff3cd!important;color:#856404}.status-critical{background-color:#f8d7da!important;color:#721c24}.status-low{background-color:#fff3cd!important;color:#856404}.status-good{background-color:#d1ecf1!important;color:#0c5460}.status-above_target{background-color:#d4edda!important;color:#155724}.status-excess{background-color:#f8d7da!important;color:#721c24}.chart-container{align-items:flex-end;display:flex;height:300px;justify-content:center;padding:20px 0}.seasonal-chart{align-items:flex-end;gap:8px;height:100%;overflow-x:auto;padding:0 20px;width:100%}.month-bar{height:100%;min-width:40px}.bar{background:linear-gradient(0deg,#667eea,#764ba2);min-height:10px;width:100%}.bar:hover{box-shadow:0 2px 8px #0003;transform:scaleY(1.05)}.month-label{color:#6c757d;font-size:.7rem;margin-top:8px;transform:rotate(-45deg);white-space:nowrap}.sales-label{color:#495057;font-weight:500;margin-top:4px}.dashboard-footer{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:30px}.dashboard-footer h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 20px;text-align:center}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #667eea;border-radius:8px;padding:20px;transition:transform .2s ease}.insight-card:hover{transform:translateY(-2px)}.insight-card h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 10px}.insight-card p{color:#6c757d;line-height:1.5;margin:0}.new-product-allocation{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem}.new-product-allocation h2{color:#fff;margin-bottom:.5rem}.new-product-allocation p{color:#ffffffe6;margin-bottom:2rem}.allocation-calculator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;margin-bottom:2rem;padding:2rem}.allocation-calculator h3{color:#fff;margin-bottom:1.5rem}.calculator-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.form-group label{color:#fff;font-size:.9rem}.form-group select{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:6px;color:#333;font-size:.9rem;padding:.75rem}.form-group select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.calculate-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;grid-column:1/-1;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.calculate-btn:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.calculate-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.allocation-result{background:#fffffff2;border-radius:8px;color:#333;margin-top:2rem;padding:2rem}.allocation-result h4{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.recommendation-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.recommendation-item{align-items:center;background:#f8f9fa;border-left:4px solid #4caf50;border-radius:8px;display:flex;flex-direction:column;padding:1rem;text-align:center}.recommendation-item .label{color:#666;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.recommendation-item .value{color:#333;font-size:1.2rem;font-weight:700}.recommendation-item .value.highlight{color:#4caf50;font-size:1.5rem}.allocation-breakdown{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:8px;padding:1.5rem}.allocation-breakdown h5{color:#333;font-size:1.1rem;margin-bottom:1rem}.allocation-breakdown ul{list-style:none;margin:0;padding:0}.allocation-breakdown li{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.5rem 0}.allocation-breakdown li:last-child{border-bottom:none}.risk-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.risk-badge.low{background:#d4edda;color:#155724}.risk-badge.medium{background:#fff3cd;color:#856404}.risk-badge.high{background:#f8d7da;color:#721c24}.risk-badge.very-high{background:#f5c6cb;color:#721c24}.category-performance,.vendor-risk-assessment{background:#fffffff2;border-radius:8px;color:#333;margin-bottom:2rem;padding:2rem}.category-performance h3,.vendor-risk-assessment h3{color:#333;margin-bottom:1.5rem}.risk-low{background:#d4edda4d}.risk-medium{background:#fff3cd4d}.risk-high{background:#f8d7da4d}.testing-phases{background:#fffffff2;border-radius:8px;color:#333;margin-bottom:2rem;padding:2rem}.testing-phases h3{color:#333;margin-bottom:1.5rem}.phases-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.phase-card{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:8px;padding:1.5rem;transition:transform .3s ease}.phase-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.phase-card h4{color:#333;font-size:1.1rem;margin-bottom:1rem}.phase-details p{color:#666;font-size:.9rem;margin:.5rem 0}.phase-details strong{color:#333}.risk-matrix{background:#fffffff2;border-radius:8px;color:#333;margin-bottom:2rem;padding:2rem}.risk-matrix h3{color:#333;margin-bottom:1.5rem}.risk-low-risk{background:#d4edda4d}.risk-medium-risk{background:#fff3cd4d}.risk-high-risk{background:#f8d7da4d}.status-badge{border-radius:20px;font-size:.8rem;letter-spacing:.5px;padding:.25rem .75rem}.status-badge.critical{background:#f8d7da;color:#721c24}.status-badge.low{background:#fff3cd;color:#856404}.status-badge.good{background:#d4edda;color:#155724}.status-badge.above_target{background:#cce5ff;color:#004085}.status-badge.excess{background:#e2e3e5;color:#383d41}.inventory-critical{background:#f8d7da4d}.inventory-low{background:#fff3cd4d}.inventory-good{background:#d4edda4d}.inventory-above_target{background:#cce5ff4d}.inventory-excess{background:#e2e3e54d}@media (max-width:768px){.buying-plan-dashboard{padding:15px}.dashboard-header{padding:20px}.dashboard-header h1{font-size:2rem}.summary-cards{gap:15px;grid-template-columns:repeat(2,1fr)}.dashboard-grid{gap:20px;grid-template-columns:1fr}.dashboard-section{padding:20px}.insights-grid{grid-template-columns:1fr}.seasonal-chart{gap:4px}.month-bar{min-width:30px}.month-label{font-size:.6rem}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:1rem}.summary-card p{font-size:1.5rem}}@media print{.buying-plan-dashboard{background:#fff;padding:0}.dashboard-header{color-adjust:exact;background:#667eea;-webkit-print-color-adjust:exact}.dashboard-section{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.table-container{overflow:visible}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}.bar:hover,.insight-card:hover{transform:none}}@media (prefers-contrast:high){.dashboard-section,.table-container{border:2px solid #000}.table-container th{background-color:#000;color:#fff}}.table-container{box-shadow:0 2px 8px #0000001a;overflow-x:auto}.table-container table{border-collapse:collapse;font-size:.9rem;width:100%}.table-container th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:1rem;text-align:left}.table-container td{border-bottom:1px solid #dee2e6;padding:.75rem 1rem}.table-container tr:hover{background:#f8f9fa}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.seasonal-chart{align-items:end;display:flex;height:250px;justify-content:space-around;padding:1rem 0}.month-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 .5rem}.bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;transition:all .3s ease;width:30px}.bar:hover{box-shadow:0 4px 12px #667eea4d;transform:scaleY(1.1)}.month-label{color:#666;font-size:.8rem;font-weight:500;margin-top:.5rem}.sales-label{color:#999;font-size:.7rem;margin-top:.25rem}.total-row{background:#f8f9fa;border-top:2px solid #2c3e50;font-weight:600}.total-row td{padding:1rem}.period-breakdown{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.period-breakdown.h1-breakdown{background:#4caf500d;border-color:#4caf50}.period-breakdown.h2-breakdown{background:#2196f30d;border-color:#2196f3}.period-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.period-breakdown.h1-breakdown .period-header{border-bottom-color:#4caf50}.period-breakdown.h2-breakdown .period-header{border-bottom-color:#2196f3}.period-header h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.period-total{color:#667eea;font-size:1.5rem;font-weight:700}.product-type-list{display:flex;flex-direction:column;gap:.5rem}.product-type-row{grid-gap:1rem;align-items:center;background:#fff;border-radius:4px;display:grid;gap:1rem;grid-template-columns:1fr auto auto;padding:.5rem}.product-type-name{color:#2c3e50;font-weight:500}.product-type-units{color:#495057;font-weight:600;min-width:80px;text-align:right}.product-type-percent{color:#667eea;font-weight:600;min-width:60px;text-align:right}.page-header{border-bottom:2px solid #e9ecef;margin-bottom:2rem;padding-bottom:1rem}.page-header-content{flex-direction:column;gap:.5rem}.page-header h1{align-items:center;display:flex;font-size:1.75rem;gap:.5rem}.year-input{border:2px solid #dee2e6;border-radius:6px;color:#667eea;font-size:1.75rem;font-weight:600;padding:.25rem .5rem;text-align:center;transition:all .3s;width:90px}.year-input:focus,.year-input:hover{border-color:#667eea}.year-input:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.year-context{color:#6c757d;font-size:.9rem;font-style:italic;margin:0}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.dashboard-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.scenario-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.scenario-card{border:2px solid #e2e8f0;cursor:pointer;padding:2rem;text-align:center}.scenario-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.scenario-card.selected{background:#fafafa;border-color:#6366f1;border-width:3px;box-shadow:0 4px 16px #6366f126}.scenario-card .card-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.scenario-card .card-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.scenario-card .info-icon{cursor:help;font-size:1rem;opacity:.6}.scenario-card .card-value{color:#6366f1;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.scenario-card .card-input{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:.75rem;text-align:center;transition:border-color .2s;width:100%}.scenario-card .card-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.scenario-card .input-with-prefix,.scenario-card .input-with-suffix{align-items:center;display:flex;gap:.5rem;justify-content:center}.scenario-card .input-with-prefix .prefix,.scenario-card .input-with-suffix .suffix{color:#64748b;font-size:1rem;font-weight:600}.scenario-card .input-with-prefix .card-input,.scenario-card .input-with-suffix .card-input{min-width:120px;width:auto}.error,.loading,.no-data{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.error{color:#dc3545}.no-data{color:#6c757d}.buying-plan-dashboard{background:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.scenario-input-inline{align-items:center;display:flex;gap:.5rem;margin-top:.75rem}.scenario-input{border:2px solid #dee2e6;border-radius:6px;font-size:1.5rem;font-weight:700;padding:.5rem .75rem;text-align:right;transition:all .3s;width:150px}.scenario-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-label{color:#6c757d;font-size:1rem;font-weight:500}.dollar-sign{color:#495057;font-size:1.5rem;font-weight:700}.scenario-total-display{background:#667eea1a;border-radius:6px;color:#667eea;font-size:1.3rem;font-weight:700;margin:1rem 0;padding:.75rem;text-align:center}.scenario-calculation{background:#f8f9fa;border-radius:4px;color:#6c757d;font-size:.85rem;margin-bottom:1rem;padding:.5rem;text-align:center}.scenario-comparison{background:#fff}.scenarios-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.scenario-card{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:1.5rem;transition:all .3s ease}.scenario-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.scenario-hardset{border-color:#4caf50}.scenario-salesGoal{border-color:#2196f3}.scenario-growth{border-color:#ff9800}.scenario-header{border-bottom:2px solid #f8f9fa;margin-bottom:1rem;padding-bottom:1rem}.scenario-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.scenario-breakdown{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1rem}.scenario-breakdown h4{color:#6c757d;font-size:.9rem;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.breakdown-item{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.5rem 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item .label{color:#495057}.breakdown-item .value{color:#2c3e50;font-weight:700}.scenario-insight{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#856404;font-size:.85rem;padding:.75rem}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th{background:#2c3e50;border:1px solid #1a252f;color:#fff;font-weight:600;padding:1rem;text-align:left}.comparison-table th[rowspan]{vertical-align:middle}.comparison-table th[colspan]{background:#667eea;text-align:center}.comparison-table td{border:1px solid #dee2e6;padding:.75rem 1rem}.scenario-value{font-size:1.05rem;text-align:center}.scenario-1{background:#4caf500d}.scenario-2{background:#2196f30d}.scenario-3{background:#ff98000d}.section-description{color:#6c757d;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.stat-description{color:#6c757d;font-size:.85rem;font-weight:400;margin:.5rem 0 0}.insight-box{background:#e7f3ff;border-left:4px solid #2196f3;border-radius:4px;margin-top:1.5rem;padding:1.25rem}.insight-box p{color:#0c5460;margin:0 0 .5rem}.insight-box ul{margin:.5rem 0 0;padding-left:1.5rem}.insight-box li{color:#0c5460;margin:.5rem 0}@media (max-width:1200px){.buying-plan-dashboard{padding:1rem}.dashboard-header{padding:2rem 1rem}.dashboard-header h1{font-size:2rem}.dashboard-section{padding:1.5rem}}@media (max-width:768px){.buying-plan-dashboard{padding:.5rem}.dashboard-header{padding:1.5rem 1rem}.dashboard-header h1{font-size:1.5rem}.dashboard-section{padding:1rem}.stats-grid{grid-template-columns:1fr}.seasonal-chart{height:200px}.bar{width:20px}}.allocation-table .h1-header,.allocation-table .h2-header,.allocation-table tbody td:nth-child(3),.allocation-table tbody td:nth-child(7),.allocation-table thead tr:nth-child(2) th:first-child,.allocation-table thead tr:nth-child(2) th:nth-child(5){border-left:2px solid #dee2e6!important}.allocation-table thead tr:first-child th{border-bottom:none!important}.allocation-table thead tr:last-child th{border-top:none!important}.gap-cell{text-align:right}.gap-cell.gap-positive{color:#10b981!important;font-weight:600!important}.gap-cell.gap-negative{color:#ef4444!important;font-weight:600!important}.gap-cell.gap-critical{background:#fee2e2!important;border-radius:4px;color:#dc2626!important;font-weight:700!important;padding:.25rem .5rem!important}.gap-cell.gap-warning{color:#f59e0b!important;font-weight:600!important}.gap-cell.gap-healthy{color:#10b981!important;font-weight:600!important}.velocity-cell{text-align:right}.velocity-high{color:#10b981;font-weight:600}.velocity-low{color:#ef4444;font-weight:600}.content:has(.pick-list-simple){padding-top:0!important}.pick-list-simple{box-sizing:border-box;display:flex;flex-direction:column;margin:0!important;max-width:100%;min-height:100vh}.pick-list-header{flex-shrink:0;margin-bottom:12px;padding-top:12px}.header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:10px}.pick-list-header h2{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600;margin:0;min-width:300px;word-break:break-word}.sort-dropdown{border-radius:6px;max-width:250px;padding:6px 12px;transition:all .2s ease;width:auto}.sort-dropdown:hover{border-color:#0d6efd}.sort-dropdown:focus{box-shadow:0 0 0 .2rem #0d6efd40}.timestamp-text{color:#6c757d;font-size:1rem;font-weight:400}@media (max-width:768px){.header-title-row{gap:.5rem}.pick-list-header h2{font-size:1.1rem;min-width:200px}.timestamp-text{font-size:.85rem}.sort-dropdown{font-size:.8rem;min-width:160px;padding:5px 10px}}@media (max-width:400px){.header-title-row{align-items:flex-start;flex-direction:column}.pick-list-header h2{font-size:.95rem;min-width:auto}.sort-dropdown,.timestamp-text{font-size:.75rem}.sort-dropdown{min-width:auto;width:100%}}.header-stats{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.header-stats .badge{cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.filter-badge-active{border:2px solid!important;font-weight:600!important}.filter-badge-active:hover{transform:translateY(-1px)}.filter-badge-inactive{background-color:#f8f9fa!important;border:none!important;color:#6c757d!important;font-weight:400}.filter-badge-inactive:hover{background-color:#e9ecef!important;transform:translateY(-1px)}.pick-list-table-container{background:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;border-top:none}.pick-list-table{border-collapse:collapse;font-size:.95rem;table-layout:fixed;width:100%}.pick-list-table thead{background:#f8f9fa;border-top:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.pick-list-table thead tr:first-child th:first-child{border-top-left-radius:0}.pick-list-table thead tr:first-child th:last-child{border-top-right-radius:0}.pick-list-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:8px 6px;text-align:center;white-space:nowrap}.pick-list-table th.col-qty{color:#1976d2;font-weight:700}.pick-list-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.pick-list-table th.sortable:hover{background-color:#e9ecef;color:#007bff}.pick-list-table th.sortable:active{background-color:#dee2e6}.sort-indicator{color:#007bff;font-size:.8rem;margin-left:4px}.pick-list-table td{border-bottom:1px solid #f0f0f0;padding:6px 8px;vertical-align:middle}.pick-list-table tbody tr{transition:background-color .2s}.pick-list-table tbody tr:hover{background-color:#f8f9fa}.pick-list-table tbody tr.row-completed{background-color:#e8f5e9;opacity:.7}.pick-list-table tbody tr.row-updating{opacity:.6}.col-size{text-align:center;width:14%}.col-qty{text-align:center;width:12%}.col-location{text-align:center;width:26%}.location-text.location-insufficient{align-items:center;background-color:#ff8c00;border-radius:6px;color:#fff;display:flex;font-weight:500;gap:.3rem;justify-content:center;padding:.4rem .5rem}.location-count{font-size:.85rem;opacity:.95}.col-checkbox{text-align:center;width:18%}.col-qa{width:12%}.product-header-cell{padding:6px 12px!important}.product-count{color:#6c757d;font-weight:500;margin-left:8px}.product-total-badge{font-size:.8rem;font-weight:600;padding:3px 8px}.size-row{background-color:#fff}.size-row:hover{background-color:#f8f9fa}.size-row td{padding-left:16px!important}.product-name{font-size:.95rem;font-weight:600;line-height:1.3}.color-text{color:#495057;font-size:.9rem;line-height:1.3}.size-text{color:#2c3e50;font-size:1.1rem;font-weight:700}.location-text{color:#6c757d;font-size:.95rem;font-weight:400}.qty-text{font-size:1.1rem;font-weight:700;transition:color .2s ease}.qty-text.qty-single{color:#90caf9;font-weight:600}.qty-text.qty-multiple{color:#1565c0;font-weight:800}.row-partial{background-color:#fff3cd!important;border-left:4px solid #ffc107!important}.row-partial:hover{background-color:#ffe69c!important}.checkbox{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:3px solid #dee2e6;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1.3rem;height:38px;justify-content:center;transition:all .2s;-webkit-user-select:none;user-select:none;width:38px}.checkbox:hover{border-color:#007bff;transform:scale(1.05)}.checkbox:active{transform:scale(.95)}.checkbox.checked{background:#28a745;border-color:#28a745;color:#fff}.checkbox.partial{background:#ffc107;border-color:#ffc107;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700}.checkbox.partial:hover{background:#e0a800;border-color:#e0a800;transform:scale(1.08)}.checkbox.disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.checkbox.updating{animation:pulse .8s infinite;background:#ffc107;border-color:#ffc107}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.preorder-available{color:#dc3545;font-weight:600}.preorder-incoming{color:#28a745;font-weight:600}.preorder-date{color:#6c757d;font-size:.9rem}@media (max-width:768px){.pick-list-header{margin-bottom:8px;padding-top:8px}.header-top{align-items:flex-start;flex-direction:column;gap:6px}.header-top h2{font-size:1.1rem}.header-stats{justify-content:flex-start;width:100%}.header-stats .badge{font-size:.7rem;padding:4px 8px}.filter-badge-active{font-weight:600!important}.filter-badge-inactive{font-weight:400}.col-size{width:14%}.col-qty{width:12%}.col-location{width:26%}.col-checkbox{width:18%}.col-qa{width:12%}.product-header-cell{padding:4px 8px!important}.product-count,.product-header-name{font-size:.85rem}.product-count{margin-left:6px}.product-total-badge{font-size:.7rem;padding:2px 6px}.size-row td{padding-left:10px!important}.pick-list-table{font-size:.8rem}.pick-list-table th{font-size:.7rem;font-weight:700;padding:6px 3px}.pick-list-table td{padding:5px 3px}.product-name{font-size:.8rem;line-height:1.3;word-break:break-word}.color-text{font-size:.75rem;line-height:1.2;word-break:break-word}.size-text{font-size:.95rem}.qty-text{font-size:1rem}.location-text{font-size:.8rem}.location-text.location-insufficient{font-size:.72rem;gap:.2rem;padding:.3rem .4rem}.location-count{font-size:.68rem}.checkbox{border-radius:6px;border-width:2px;font-size:1.1rem;height:34px;width:34px}.checkbox.partial{font-size:.75rem}}@media (max-width:400px){.pick-list-header{margin-bottom:6px;padding-top:6px}.header-top h2{font-size:1rem}.col-size{width:14%}.col-qty{width:12%}.col-location{width:26%}.col-checkbox{width:18%}.col-qa{width:12%}.product-header-cell{padding:3px 6px!important}.product-count,.product-header-name{font-size:.8rem}.product-count{margin-left:5px}.product-total-badge{font-size:.65rem;padding:2px 5px}.size-row td{padding-left:8px!important}.pick-list-table{font-size:.75rem}.pick-list-table th{font-size:.65rem;padding:5px 2px}.pick-list-table td{padding:4px 2px}.product-name{font-size:.75rem;line-height:1.25}.color-text{font-size:.7rem;line-height:1.2}.size-text{font-size:.9rem}.qty-text{font-size:.95rem}.location-text{font-size:.75rem}.location-text.location-insufficient{font-size:.68rem;gap:.15rem;padding:.25rem .35rem}.location-count{font-size:.62rem}.checkbox{border-radius:5px;font-size:1rem;height:32px;width:32px}.checkbox.partial{font-size:.7rem}}.quantity-modal .modal-dialog{margin:1rem auto;max-width:90%!important}.quantity-modal .modal-content{border-radius:8px}.quantity-modal .modal-header{border-bottom:1px solid #dee2e6;min-height:auto;padding:.5rem .75rem}.quantity-modal .modal-title{line-height:1.2;margin:0;padding:0}.quantity-modal .modal-footer{border-top:1px solid #dee2e6;gap:8px;padding:.5rem .75rem}@media (min-width:576px){.quantity-modal .modal-dialog{max-width:400px!important}}@media (max-width:575px){.quantity-modal .modal-dialog{margin:.5rem auto;max-width:95%!important}.quantity-modal .modal-header{padding:.5rem .75rem!important}.quantity-modal .modal-body{padding:.75rem!important}.quantity-modal .modal-footer{padding:.5rem .75rem!important}.quantity-modal .modal-title{font-size:1rem!important;line-height:1.2!important}.quantity-modal .btn{font-size:.9rem!important;padding:.375rem .75rem!important}}@media print{.pick-list-header{margin-bottom:20px}.checkbox,.header-controls{display:none}.pick-list-table-container{border:none;overflow:visible}.pick-list-table{page-break-inside:auto}.pick-list-table tr{page-break-after:auto;page-break-inside:avoid}.pick-list-table thead{display:table-header-group}.row-completed{background-color:#f0f0f0!important}}.col-qa{padding:.5rem .25rem;text-align:center;width:100px}.qa-cell{align-items:center;display:flex;flex-direction:column;gap:.25rem}.qa-link{background:none;border:none;cursor:pointer;font-size:1.3rem;line-height:1;margin:0;padding:.2rem;transition:transform .2s ease,opacity .2s ease}.qa-link:hover:not(:disabled){transform:scale(1.15)}.qa-link:active:not(:disabled){transform:scale(.95)}.qa-link:disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.3}.qa-issues-count{color:#dc3545;font-size:.75rem;font-weight:600}@media (max-width:768px){.col-qa{width:15%}.qa-link{font-size:1.1rem}.qa-issues-count{font-size:.65rem}}@media (max-width:480px){.col-qa{width:15%}.qa-link{font-size:1rem}}.box-requirements-container{color:#495057;font-size:.9rem;line-height:1.5;margin-bottom:10px;padding:6px 0}.box-requirements-label{font-weight:600;margin-right:8px}.box-requirements-warning{color:#856404;font-weight:400;margin-left:4px}.refresh-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:.85rem;margin-left:4px;padding:0 4px}.refresh-button:hover:not(:disabled){color:#495057}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.box-counts{display:inline;margin-left:4px}.warehouse-map{margin:0 auto;max-width:1400px;padding:1rem .75rem}.warehouse-map h2{color:#2c3e50;font-size:1.4rem;margin-bottom:.25rem}.warehouse-map .text-muted{font-size:.85rem}.warehouse-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.warehouse-legend{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;font-size:.8rem;gap:.75rem;padding:.4rem .75rem}.warehouse-legend .legend-title{color:#495057;font-weight:600;margin-right:.25rem}.warehouse-legend .legend-item{align-items:center;display:flex;gap:.35rem}.warehouse-legend .legend-badge{border-radius:3px;display:inline-block;font-size:.75rem;font-weight:700;line-height:1.2;padding:1px 6px}.warehouse-legend .legend-badge.urgent{background:#dc3545;color:#fff}.warehouse-legend .legend-badge.low-stock{background:#ffc107;color:#000}.warehouse-legend .legend-badge.hold-space{background:#6c757d;color:#fff;opacity:.7}.warehouse-legend .legend-label{color:#6c757d}.view-mode-toggle{background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;gap:.5rem;padding:.25rem}.view-toggle-btn{background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:all .2s ease;white-space:nowrap}.view-toggle-btn:hover{background:#f8f9fa;color:#495057}.view-toggle-btn.active{background:#0d6efd;color:#fff;font-weight:600}@media (max-width:768px){.warehouse-controls-row{align-items:stretch;flex-direction:column;gap:.75rem}.warehouse-legend{flex-wrap:wrap;font-size:.75rem;gap:.5rem}.view-mode-toggle{justify-content:center;width:100%}.view-toggle-btn{flex:1 1;font-size:.8rem;padding:.5rem .75rem}}.row-selector{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.row-selector .label{color:#495057;font-weight:600;margin-right:.5rem}.row-btn{background:#fff;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.row-btn:hover{background:#f8f9fa;border-color:#0d6efd}.row-btn.active{background:#0d6efd;border-color:#0d6efd;color:#fff}.warehouse-grid-card{border:1px solid #dee2e6;box-shadow:0 2px 8px #0000001a;margin-bottom:.5rem}.warehouse-grid-card .card-body{padding:.5rem}.warehouse-grid-scrollable{display:flex;flex-direction:column;position:relative;width:100%}.warehouse-horizontal-scroll{-webkit-overflow-scrolling:touch;overflow-x:visible;width:100%}.rack-headers-container{background:#fff;border-bottom:2px solid #dee2e6;box-shadow:0 2px 4px #0000001a;display:none!important;gap:1rem;margin-bottom:1rem;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.rack-headers-spacer{flex:0 0 40px;min-width:40px}.rack-headers{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(4,1fr)}.rack-header-label{background:#e7f3ff;border:2px solid #0d6efd;border-radius:6px;color:#0d6efd;font-size:.85rem;font-weight:700;padding:.4rem .5rem;text-align:center}.warehouse-grid{display:flex;flex-direction:column;gap:1rem}.all-rows-container{display:flex;flex-direction:column;gap:3rem;padding-bottom:2rem;width:100%}.rack-pair-container{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.grid-row-section{align-items:stretch;display:flex;flex-direction:row;gap:1rem;width:100%}.row-label{align-items:center;background:#e9ecef;border-radius:6px;box-shadow:2px 0 4px #0000000d;color:#495057;display:flex;flex:0 0 auto;font-size:1.2rem;font-weight:700;justify-content:center;left:0;max-width:40px;min-width:40px;padding:.5rem;position:-webkit-sticky;position:sticky;z-index:9}.racks-container{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.warehouse-horizontal-scroll{overflow-x:auto}.all-rows-container,.grid-row-section{min-width:-webkit-max-content;min-width:max-content;width:auto}.grid-row-section{display:flex;flex-direction:row;gap:.4rem}.row-label{background:#e9ecef;border-radius:4px;box-shadow:2px 0 4px #0000000d;font-size:.85rem;justify-content:center;left:0;max-width:28px;min-width:28px;padding:.3rem;position:-webkit-sticky;position:sticky;z-index:9}.rack-pair-container{gap:.5rem;padding:.5rem}.racks-container{display:flex;flex:1 1;gap:.5rem}.rack-column{flex:0 0 330px;min-width:330px}.rack-headers,.racks-container{min-width:-webkit-max-content;min-width:max-content}.rack-headers{display:flex;flex:1 1;gap:.5rem}.rack-header-label{flex:0 0 330px;min-width:330px}.rack-label{background:#e7f3ff;border-bottom:1px solid #0d6efd;color:#0d6efd;display:flex!important;font-size:.7rem;font-weight:700;justify-content:center;padding:.25rem .3rem;text-align:center}.shelf-cell{min-height:80px;padding:.5rem}.empty-label{font-size:.85rem;text-align:center;white-space:nowrap}.shelf-cell:has(.shelf-inventory-condensed){min-height:40px;padding:.25rem}.warehouse-grid-scrollable.condensed-mode .rack-column{flex:0 0 280px;min-width:280px}.warehouse-grid-scrollable.condensed-mode .shelf-cell{min-height:30px!important;padding:.2rem!important}.rack-content-wrapper{flex-direction:column}.rack-control-column{border-bottom:1px solid #e9ecef;border-right:none;font-size:1rem;padding:.4rem 0;width:100%}.warehouse-map .rack-shelf-section{margin-bottom:.5rem;padding:.4rem .5rem}.warehouse-map .shelf-section-title{font-size:.85rem}.warehouse-map .shelf-section-header{margin-bottom:.25rem;padding-bottom:.25rem}.warehouse-map .shelf-section-header .btn{font-size:.65rem!important;padding:.2rem .4rem!important}.rack-headers-container{gap:.4rem;min-width:-webkit-max-content;min-width:max-content;width:auto}.rack-headers-spacer{flex:0 0 28px;min-width:28px}.warehouse-grid-scrollable.condensed-mode .row-label{font-size:.75rem;justify-content:center;max-width:26px;min-width:26px;padding:.25rem;position:-webkit-sticky;position:sticky;z-index:9}.warehouse-grid-scrollable.condensed-mode .grid-row-section{flex-direction:row}.warehouse-grid-scrollable.condensed-mode .shelf-cell{min-height:25px!important;padding:.15rem!important}}.rack-column{border:2px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.rack-column.selected{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a}.rack-content-wrapper{display:flex;flex-direction:row;height:100%}.rack-control-column{align-items:center;background:#0d6efd08;border-right:1px solid #e9ecef;color:#495057;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;justify-content:center;transition:all .2s;width:28px}.rack-control-column:hover{background:#0d6efd1f;color:#0d6efd}.rack-label{border-bottom:1px solid #dee2e6;font-size:.75rem;padding:.3rem .5rem;position:-webkit-sticky;position:sticky;top:0;z-index:8}.rack-header,.rack-label{background:#f8f9fa;color:#495057;font-weight:600;text-align:center}.rack-header{border-bottom:2px solid #dee2e6;cursor:pointer;padding:.75rem;transition:background .2s}.rack-header:hover{background:#e9ecef}.shelves-container{display:flex;flex:1 1;flex-direction:column;gap:0}.shelves-container:has(.rack-cell-simple){gap:0}.shelf-cell{background:#fff;border-bottom:1px solid #dee2e6;cursor:pointer;min-height:100px;padding:.5rem;transition:all .2s}.shelf-cell:last-child{border-bottom:none}.shelf-cell.empty{align-items:center;background:#f8f9fa;display:flex;justify-content:center}.shelf-cell.occupied{background:#fff}.shelf-cell.selected{background:#f0f0f0;box-shadow:inset 0 0 0 2px #dee2e6}.shelf-inventory-condensed{display:flex;flex-direction:column;gap:.25rem;pointer-events:none}.shelf-info-footer{align-items:center;border-top:1px solid #f1f3f5;display:flex;justify-content:space-between;margin-top:.3rem;padding-top:.2rem;pointer-events:none}.total-units-badge{background:#0000;color:#adb5bd;font-size:.55rem;font-weight:400;padding:0;pointer-events:none}.last-update-time{color:#6c757d;font-size:.55rem;font-style:italic;pointer-events:none}.product-name-only{color:#1971c2;font-size:.75rem;font-weight:600;line-height:1.3;overflow:visible;pointer-events:none;white-space:normal;word-break:break-word}.product-name-text{color:#1971c2;font-weight:700}.sizes-text{color:#868e96;font-size:.9em;font-weight:400}.shelf-cell:has(.shelf-inventory-condensed){min-height:60px;padding:.4rem}.rack-cell-simple{background:#fff;border:1px solid #e9ecef;cursor:pointer;min-height:50px;padding:.3rem;transition:all .2s}.rack-cell-simple.empty{align-items:center;background:#f8f9fa;display:flex;justify-content:center}.rack-cell-simple.occupied:hover{background:#f8f9fa;border-color:#0d6efd}.rack-inventory-simple{display:flex;flex-direction:column;gap:.15rem;pointer-events:none}.rack-info-footer-simple{border-top:1px solid #f1f3f5;display:flex;justify-content:flex-end;margin-top:.2rem;padding-top:.15rem}.shelf-inventory-simple{display:flex;flex-direction:column;gap:.15rem;pointer-events:none}.product-simple-row{line-height:1.2;padding:.08rem 0}.product-simple-name{color:#1971c2;display:block;font-size:.68rem;font-weight:600;white-space:normal;word-break:break-word}.shelf-info-footer-simple{border-top:1px solid #f1f3f5;display:flex;justify-content:flex-end;margin-top:.2rem;padding-top:.15rem}.total-units-simple{color:#adb5bd;font-size:.5rem;font-weight:400}.shelf-cell:has(.shelf-inventory-simple){min-height:35px;padding:.3rem}@media (max-width:768px){.product-simple-row{padding:.1rem 0}.product-simple-name{font-size:.7rem}.total-units-simple{font-size:.5rem}.shelf-cell:has(.shelf-inventory-simple){min-height:45px;padding:.3rem}.rack-cell-simple{min-height:45px;padding:.25rem}.rack-inventory-simple{gap:.12rem}.rack-info-footer-simple{margin-top:.18rem}}.warehouse-grid-scrollable.condensed-mode .all-rows-container{gap:1rem}.warehouse-grid-scrollable.condensed-mode .rack-pair-container{border-width:1px;gap:.4rem;padding:.4rem}.warehouse-grid-scrollable.condensed-mode .grid-row-section{gap:.3rem}.warehouse-grid-scrollable.condensed-mode .row-label{font-size:.95rem;max-width:32px;min-height:auto;min-width:32px;padding:.3rem}.warehouse-grid-scrollable.condensed-mode .racks-container{gap:.25rem}.warehouse-grid-scrollable.condensed-mode .rack-column{border-radius:4px;border-width:1px}.warehouse-grid-scrollable.condensed-mode .rack-headers-container{gap:.4rem;margin-bottom:.3rem;padding:.3rem 0}.warehouse-grid-scrollable.condensed-mode .rack-headers-spacer{flex:0 0 35px;min-width:35px}.warehouse-grid-scrollable.condensed-mode .rack-headers{gap:.3rem}@media (max-width:768px){.warehouse-grid-scrollable.condensed-mode .rack-headers-spacer{flex:0 0 26px;min-width:26px}.warehouse-grid-scrollable.condensed-mode .rack-headers{gap:.3rem}}.warehouse-grid-scrollable.condensed-mode .rack-header-label{border-radius:4px;font-size:.7rem;padding:.25rem .3rem}@media (max-width:768px){.warehouse-grid-scrollable.condensed-mode .rack-header-label{flex:0 0 280px;min-width:280px}}.warehouse-grid-scrollable.condensed-mode .shelves-container{gap:0}.warehouse-grid-scrollable.condensed-mode .shelf-cell{border-bottom-width:1px;min-height:28px!important;padding:.15rem .2rem!important}.warehouse-grid-scrollable.condensed-mode .shelf-cell.empty{min-height:28px!important}.warehouse-grid-scrollable.condensed-mode .shelf-cell:has(.shelf-inventory-simple){min-height:22px!important;padding:.12rem .18rem!important}.warehouse-grid-scrollable.condensed-mode .rack-cell-simple{min-height:30px!important;padding:.2rem!important}.warehouse-grid-scrollable.condensed-mode .rack-inventory-simple,.warehouse-grid-scrollable.condensed-mode .shelf-inventory-simple{gap:.1rem}.warehouse-grid-scrollable.condensed-mode .product-simple-name{font-size:.62rem;line-height:1.1}.warehouse-grid-scrollable.condensed-mode .total-units-simple{font-size:.45rem}.warehouse-grid-scrollable.condensed-mode .rack-info-footer-simple,.warehouse-grid-scrollable.condensed-mode .shelf-info-footer-simple{margin-top:.15rem;padding-top:.1rem}.warehouse-grid-scrollable.condensed-mode .empty-label{font-size:.65rem;line-height:1.2}.warehouse-grid-scrollable.condensed-mode .product-name-only{font-size:.7rem;line-height:1.2;padding:.15rem 0;white-space:normal;word-break:break-word}.warehouse-grid-scrollable.condensed-mode .product-name-text{font-weight:700}.warehouse-grid-scrollable.condensed-mode .sizes-text{color:#adb5bd;font-size:.85em;font-weight:300}.warehouse-grid-scrollable.condensed-mode .shelf-inventory-condensed{gap:.1rem}.warehouse-grid-scrollable.condensed-mode .shelf-info-footer{margin-top:.2rem;padding-top:.15rem}.warehouse-grid-scrollable.condensed-mode .last-update-time,.warehouse-grid-scrollable.condensed-mode .total-units-badge{font-size:.5rem}.warehouse-grid-scrollable.condensed-mode{padding:0}.warehouse-grid-scrollable.condensed-mode+*{margin-top:.5rem}.warehouse-grid-card:has(.condensed-mode) .card-body{padding:.5rem}@media (max-width:768px){.warehouse-grid-card .card-body{padding:.5rem}}.warehouse-grid-card:has(.condensed-mode){margin-bottom:.5rem}.warehouse-map:has(.condensed-mode) .mb-4{margin-bottom:1rem!important}.warehouse-map:has(.condensed-mode) h2{font-size:1.5rem;margin-bottom:.25rem}.warehouse-map:has(.condensed-mode) .text-muted{font-size:.85rem;margin-bottom:0}.empty-label{color:#adb5bd;display:block;font-size:.9rem;font-style:italic;pointer-events:none;text-align:center;width:100%}.modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6}.modal-dialog.modal-xl:has(.warehouse-map) .modal-header{background:#fff;border-bottom:2px solid #dee2e6}.modal-title{color:#0d6efd;font-weight:600}@media (max-width:768px){.warehouse-map{padding:1rem .25rem}.row-selector{gap:.25rem}.row-btn{font-size:.85rem;padding:.4rem .6rem}.grid-header{gap:.5rem;grid-template-columns:60px repeat(4,1fr)}.shelf-cell{min-height:90px;padding:.75rem}}.alert{border-radius:8px;margin-bottom:1rem}.variant-selection-table{border:1px solid #dee2e6;border-radius:6px;max-height:500px;overflow:hidden;overflow-y:auto}@media (max-width:768px){.variant-selection-table{max-height:calc(100vh - 20rem)}}.variant-selection-table .table-header{grid-gap:1rem;background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;display:grid;font-size:.9rem;font-weight:600;gap:1rem;grid-template-columns:60px 3fr 80px 120px;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.variant-selection-table .table-body{display:flex;flex-direction:column}.variant-selection-table .table-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #e9ecef;display:grid;gap:1rem;grid-template-columns:60px 3fr 80px 120px;padding:.75rem 1rem;transition:background .2s}.variant-selection-table .table-row:hover{background:#f8f9fa}.variant-selection-table .table-row.selected{background:#e7f5ff}.variant-selection-table .table-row:last-child{border-bottom:none}.variant-selection-table .col-select{display:flex;justify-content:center}.variant-selection-table .col-product{word-wrap:break-word;font-weight:500;line-height:1.3}.variant-selection-table .col-size{font-size:.9rem}.variant-selection-table .col-qty{align-items:center;display:flex}.variant-selection-table .col-actions,.variant-selection-table .col-primary{display:flex;justify-content:center}.variant-selection-table.detail-modal-table .table-header,.variant-selection-table.detail-modal-table .table-row{grid-template-columns:50px 2.5fr 80px 100px 120px}.variant-selection-table .table-row.selected{background:#fff3cd;border-left:3px solid #ffc107}.bulk-actions-panel{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1rem!important}.bulk-actions-panel h6{color:#495057;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.bulk-actions-panel .form-label{color:#495057;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.bulk-actions-panel .form-control{border:1px solid #ced4da;border-radius:6px;font-size:.9rem;padding:.5rem .75rem}.bulk-actions-panel .form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26}.bulk-actions-panel .btn{border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.bulk-actions-panel .btn-primary{background:#0d6efd;border:none}.bulk-actions-panel .btn-primary:hover{background:#0b5ed7;box-shadow:0 4px 8px #0d6efd4d;transform:translateY(-1px)}.bulk-actions-panel .btn-danger{background:#dc3545;border:none}.bulk-actions-panel .btn-danger:hover{background:#bb2d3b;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.bulk-actions-panel .btn-outline-secondary{border-color:#6c757d;color:#6c757d}.bulk-actions-panel .btn-outline-secondary:hover{background:#6c757d;color:#fff;transform:translateY(-1px)}@media (max-width:1200px){.variant-selection-table .table-header,.variant-selection-table .table-row{font-size:.85rem;gap:.5rem;grid-template-columns:50px 2.5fr 70px 100px;padding:.6rem .75rem}}@media (max-width:768px){.variant-selection-table .table-header,.variant-selection-table .table-row{font-size:.75rem;gap:.3rem;grid-template-columns:45px 2fr 50px 75px;padding:.4rem}.variant-selection-table .table-header{font-size:.7rem;padding:.35rem .4rem}.variant-selection-table.detail-modal-table .table-header,.variant-selection-table.detail-modal-table .table-row{gap:.3rem;grid-template-columns:45px 2fr 50px 70px 85px}.bulk-actions-panel .row{flex-direction:column;gap:0}.bulk-actions-panel .col-md-6{margin-bottom:.75rem;width:100%}.bulk-actions-panel .d-flex{flex-direction:column;gap:.5rem}.bulk-actions-panel .btn{margin-bottom:0;width:100%}.bulk-actions-panel h6{font-size:.85rem;margin-bottom:.5rem}.variant-selection-table .col-product{font-size:.7rem;line-height:1.25}.variant-selection-table .col-size{font-size:.7rem}.variant-selection-table .col-qty .form-control,.variant-selection-table .col-qty input{font-size:.75rem;padding:.2rem .3rem;width:60px!important}.variant-selection-table .text-center{font-size:.75rem;padding:.75rem .5rem!important}.modal-xl{margin:.5rem auto;max-width:95%}.modal-body{padding:.75rem}.modal-header{padding:.6rem .75rem}.modal-title{font-size:1rem}.modal-dialog.modal-xl:has(.warehouse-map) .modal-header{padding:.5rem .75rem}.modal-dialog.modal-xl:has(.warehouse-map) .modal-title{font-size:.95rem}.modal-dialog.modal-xl:has(.warehouse-map) .modal-body{padding:.5rem .75rem}.modal-dialog.modal-xl:has(.warehouse-map) .form-group,.modal-dialog.modal-xl:has(.warehouse-map) .mb-3{margin-bottom:.5rem!important}.modal-dialog.modal-xl:has(.warehouse-map) .form-label{font-size:.85rem;margin-bottom:.25rem}.modal-dialog.modal-xl:has(.warehouse-map) .form-text{font-size:.7rem}.modal-dialog.modal-xl:has(.warehouse-map) .mt-3{margin-top:.5rem!important}.modal-dialog.modal-xl:has(.warehouse-map) .d-flex.justify-content-between .text-muted{font-size:.75rem}.modal-dialog.modal-xl:has(.warehouse-map) .d-flex.gap-2{gap:.35rem!important}.modal-dialog.modal-xl:has(.warehouse-map) .btn{font-size:.75rem;padding:.35rem .6rem}.modal-dialog.modal-xl:has(.warehouse-map) .form-control{font-size:.85rem;padding:.4rem .6rem}.modal-dialog.modal-xl:has(.warehouse-map) .form-control::placeholder{font-size:.8rem}}.quantity-stepper{gap:0;width:100%}.qty-btn,.quantity-stepper{align-items:center;display:flex}.qty-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;cursor:pointer;flex-shrink:0;font-size:1.25rem;font-weight:700;height:32px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:32px}.qty-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;color:#212529;transform:scale(1.05)}.qty-btn:active:not(:disabled){transform:scale(.95)}.qty-btn:focus{box-shadow:none;outline:none}.qty-btn:disabled{border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.4}.qty-btn-decrement{border-radius:6px 0 0 6px}.qty-btn-increment{border-radius:0 6px 6px 0}.quantity-stepper .quantity-input{border-left:none!important;border-radius:0;border-right:none!important;flex:1 1;font-size:1rem;font-weight:600;height:32px;min-width:45px;padding:.25rem .35rem;text-align:center}.quantity-stepper .quantity-input::-webkit-inner-spin-button,.quantity-stepper .quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-stepper .quantity-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.quantity-input.quantity-modified{background-color:#fff8e1!important;border-color:#ffc107!important;border-width:2px 0!important;font-weight:600}.quantity-input.quantity-modified:focus{border-color:#ff9800!important;box-shadow:0 0 0 .2rem #ff980040!important}.form-control.quantity-modified{background-color:#fff8e1!important;border-color:#ffc107!important;border-width:2px!important;font-weight:600}.form-control.quantity-modified:focus{border-color:#ff9800!important;box-shadow:0 0 0 .2rem #ff980040!important}@media (max-width:768px){.qty-btn{font-size:1.2rem;height:32px;width:32px}.quantity-stepper .quantity-input{font-size:.95rem;height:32px;max-width:50px;min-width:40px;padding:.2rem .3rem}.qty-btn:active:not(:disabled){background:#dee2e6;border-color:#adb5bd;color:#212529;transform:scale(.9)}}.modal-dialog.modal-xl:has(.warehouse-map){margin:1.75rem auto;max-width:1140px!important;width:1140px!important}.modal-dialog.modal-xl:has(.warehouse-map) .modal-content{width:100%!important}@media (max-width:1200px){.modal-dialog.modal-xl:has(.warehouse-map){width:calc(100% - 3.5rem)!important}}@media (max-width:768px){.modal-dialog.modal-xl:has(.warehouse-map){margin:.5rem auto;max-height:calc(100vh - 1rem);width:calc(100% - 1rem)!important}.modal-dialog.modal-xl:has(.warehouse-map) .modal-content{display:flex;flex-direction:column;max-height:calc(100vh - 1rem)}.modal-dialog.modal-xl:has(.warehouse-map) .modal-header{flex-shrink:0}.modal-dialog.modal-xl:has(.warehouse-map) .modal-body{flex:1 1 auto;max-height:calc(100vh - 10rem);overflow-y:auto}}.modal-body.warehouse-map{min-width:0;overflow-y:auto;padding:0!important;position:relative;width:100%}.modal-body.warehouse-map>div{min-width:100%;padding:.75rem;width:100%}@media (max-width:768px){.modal-body.warehouse-map>div{padding:.5rem}}.warehouse-map .rack-shelf-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;flex-shrink:0;margin-bottom:1rem;min-width:0;overflow:visible;padding:0;position:relative;width:100%}@media (max-width:768px){.warehouse-map .rack-shelf-section{border-radius:6px;border-width:1px;margin-bottom:.75rem}}.warehouse-map .rack-shelf-section:last-child{margin-bottom:0}.warehouse-map .shelf-section-header{background:#fff;border-bottom:none;margin:0;padding:.5rem .75rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.warehouse-map .shelf-title-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between;line-height:1;margin-bottom:.25rem}.warehouse-map .shelf-section-title{align-items:center;cursor:pointer;display:flex;font-size:1rem;font-weight:600;-webkit-user-select:none;user-select:none}.warehouse-map .collapse-icon{align-items:center;color:#495057;display:inline-flex;font-size:.7rem;line-height:1;margin-right:.3rem}.warehouse-map .add-products-btn{font-size:.7rem;height:auto!important;line-height:1.1!important;min-height:0!important;min-height:auto!important;padding:.2rem .45rem!important;white-space:nowrap}.warehouse-map .shelf-metadata-text{color:#6c757d;font-size:.7rem;line-height:1.2;margin:0;padding-left:1.05rem}@media (max-width:768px){.warehouse-map .shelf-section-header{padding:.4rem .5rem}.warehouse-map .shelf-section-title{font-size:.9rem}.warehouse-map .shelf-metadata-text{font-size:.65rem;padding-left:.9rem}.warehouse-map .add-products-btn{font-size:.65rem;height:auto!important;line-height:1.1!important;min-height:0!important;min-height:auto!important;padding:.18rem .4rem!important}}.rack-modal-action-bar{background:#fff;border-top:2px solid #dee2e6;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;margin-top:1rem;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;right:0;z-index:150}.relocate-form-inline{animation:slideDown .3s ease-out;background:#f8f9fa;border:2px solid #0d6efd;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.location-inputs,.relocate-inputs-wrapper{align-items:center;display:flex;justify-content:center}.location-inputs{gap:.75rem}.location-input{background:#fff;border:2px solid #0d6efd!important;border-radius:8px;font-size:1.25rem!important;font-weight:700!important;height:50px;text-align:center;transition:all .2s;width:70px!important}.location-input:focus{border-color:#0b5ed7!important;box-shadow:0 0 0 .25rem #0d6efd40!important;transform:scale(1.05)}.location-input::placeholder{color:#adb5bd;font-size:.9rem;font-weight:400}.location-separator{color:#495057;font-size:1.5rem;font-weight:700;-webkit-user-select:none;user-select:none}.relocate-actions-row{align-items:center;border-top:1px solid #dee2e6;display:flex;gap:1rem;justify-content:space-between;padding-top:.5rem}.relocate-actions-row .btn{flex:1 1;font-size:1rem;font-weight:600;padding:.65rem 1.5rem;white-space:nowrap}.relocate-actions-row .btn-cancel,.relocate-actions-row .btn-move{max-width:45%}.relocate-actions-row .btn-move:disabled{cursor:not-allowed;opacity:.5}.rack-modal-action-bar .btn{border-radius:6px;border-width:2px;font-weight:500;padding:.5rem 1.25rem;transition:all .2s}.rack-modal-action-bar .btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.rack-modal-action-bar .btn:active{transform:translateY(0)}.rack-modal-action-bar .btn-primary{background-color:#0d6efd;border-color:#0d6efd}.rack-modal-action-bar .btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}.rack-modal-action-bar .btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;opacity:.65}.rack-modal-action-bar .btn-outline-secondary{border-color:#6c757d;color:#6c757d}.rack-modal-action-bar .btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:#fff}.rack-modal-action-bar .btn-outline-danger{border-color:#dc3545;color:#dc3545}.rack-modal-action-bar .btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.rack-modal-action-bar>div{align-items:center!important;display:flex!important;justify-content:flex-end!important;width:100%!important}@media (max-width:768px){.rack-modal-action-bar{background:#fff;border-top:2px solid #dee2e6;bottom:0;box-shadow:0 -2px 10px #0000001a;margin-top:.5rem;padding:.75rem;position:-webkit-sticky;position:sticky;z-index:150}.relocate-form-inline{gap:1.25rem;padding:1.25rem 1rem}.rack-modal-action-bar:has(.relocate-form-inline){bottom:auto;margin-bottom:0;position:relative}.relocate-inputs-wrapper{width:100%}.location-inputs{gap:.75rem;justify-content:center}.location-input{border-radius:10px;font-size:1.5rem!important;height:56px;width:75px!important}.location-input::placeholder{font-size:.85rem}.location-separator{color:#0d6efd;font-size:2rem}.relocate-actions-row{gap:.75rem;margin-top:.25rem;padding-top:.75rem}.relocate-actions-row .btn{border-radius:8px;flex:1 1;font-size:1.05rem;padding:.85rem 1rem}.relocate-actions-row .btn-cancel{flex:0.9 1;max-width:none}.relocate-actions-row .btn-move{flex:1.1 1;max-width:none}.rack-modal-action-bar .d-flex.gap-2{flex-direction:column;gap:.75rem!important}.rack-modal-action-bar .d-flex.gap-2 .btn{border-radius:8px;font-size:1.05rem;padding:.85rem 1rem;width:100%}.modal-header .modal-title .badge{font-size:.75rem!important;padding:.35rem .6rem}.modal-header .modal-title{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:.5rem}}@media (min-width:769px){.modal-header .modal-title{align-items:center;display:flex}.modal-header .modal-title .badge{margin-left:.75rem}}.warehouse-map .shelf-metadata-row{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;box-sizing:border-box;color:#6c757d;display:flex;flex-shrink:0;font-size:.75rem;gap:.4rem;line-height:1.3;margin:0;padding:.5rem .6rem;width:100%}.warehouse-map .shelf-stat{align-items:center;display:inline-flex;gap:.2rem}.warehouse-map .shelf-stat strong{color:#495057;font-weight:600}.warehouse-map .shelf-stat-divider{color:#dee2e6;font-weight:300;padding:0 .2rem}.warehouse-map .shelf-last-updated{color:#6c757d;font-size:.75rem;font-style:italic}@media (max-width:768px){.warehouse-map .shelf-metadata-row{font-size:.65rem;gap:.25rem;margin-bottom:.3rem;padding:.4rem}.warehouse-map .shelf-last-updated{font-size:.6rem}.warehouse-map .shelf-stat-divider{padding:0 .15rem}}.warehouse-map .shelf-section-title{color:#0d6efd;font-size:.9rem;font-weight:700;line-height:1;margin:0;transition:opacity .15s}.warehouse-map .shelf-section-title:hover{opacity:.8}.warehouse-map .shelf-item-count{color:#6c757d;font-size:.75rem;font-weight:500}.warehouse-map .empty-shelf-notice{align-items:center;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}@media (max-width:768px){.warehouse-map .empty-shelf-notice{padding:.5rem}.warehouse-map .empty-shelf-notice span{font-size:.75rem}}.warehouse-map .grouped-inventory-list{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.warehouse-map .rack-shelf-section .grouped-inventory-list{padding:.75rem}@media (max-width:768px){.warehouse-map .rack-shelf-section .grouped-inventory-list{padding:.5rem}}.warehouse-map .product-group-detail{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;overflow:visible;padding:.5rem;position:relative}.warehouse-map .product-header-row{align-items:center;background:#f8f9fa;border-radius:4px 4px 0 0;box-shadow:0 1px 2px #0000000d;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.4rem .6rem;position:-webkit-sticky;position:sticky;top:50px;z-index:50}.warehouse-map .product-name-header{color:#0d6efd;font-size:.95rem;font-weight:700;margin:0}.warehouse-map .sizes-table{background:#fff;border-radius:4px;overflow:hidden}.warehouse-map .sizes-table-header{grid-gap:.75rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#6c757d;display:grid;font-size:.75rem;font-weight:600;gap:.75rem;grid-template-columns:40px 80px 120px 90px;padding:.5rem .75rem}.warehouse-map .sizes-table-header .size-col-qty{justify-content:center;text-align:center}.warehouse-map .sizes-table-header .size-col-onhand{color:#adb5bd;font-weight:400}.warehouse-map .size-row{grid-gap:.75rem;align-items:center;border-bottom:1px solid #f1f3f5;display:grid;font-size:.875rem;gap:.75rem;grid-template-columns:40px 80px 120px 90px;padding:.5rem .75rem;transition:background-color .15s}.warehouse-map .size-row:last-child{border-bottom:none}.warehouse-map .size-row:hover{background-color:#f8f9fa}.warehouse-map .size-row.selected{background-color:#e7f3ff}.warehouse-map .size-col-check{align-items:center;display:flex;justify-content:center}.warehouse-map .size-col-size{color:#495057;font-weight:600}.warehouse-map .size-col-qty{align-items:center;display:flex}.warehouse-map .size-col-qty .form-control{font-size:.875rem;height:auto;padding:.25rem .5rem;width:70px!important}.warehouse-map .size-col-onhand{align-items:center;color:#adb5bd;display:flex;font-size:.8rem;font-weight:400;justify-content:center}@media (max-width:768px){.warehouse-map .grouped-inventory-list{gap:.5rem}.warehouse-map .size-row,.warehouse-map .sizes-table-header{font-size:.75rem;gap:.4rem;grid-template-columns:30px 50px 130px 55px;padding:.4rem .5rem}.warehouse-map .sizes-table-header{font-size:.7rem;padding:.3rem .5rem}.warehouse-map .size-row .size-col-onhand,.warehouse-map .sizes-table-header .size-col-onhand{color:#adb5bd;font-size:.7rem}.warehouse-map .product-name-header{font-size:.85rem}.warehouse-map .product-group-detail{padding:.35rem}.warehouse-map .product-header-row{font-size:.85rem;margin-bottom:.35rem;padding:.3rem .4rem;top:52px}.warehouse-map .size-col-qty .form-control{font-size:.8rem;padding:.25rem .4rem;width:70px!important}.warehouse-map .size-col-onhand{font-size:.8rem}.warehouse-map .size-col-size{font-size:.85rem}}.warehouse-map .quantity-save-panel{align-items:flex-start;background:linear-gradient(135deg,#fff3cd,#fff8e1);border:2px solid #ffc107;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:1.5rem;padding:1rem 1.25rem;width:100%}.warehouse-map .quantity-save-panel .cancel-link{background:none;border:none;color:#0d6efd;cursor:pointer;font-size:1rem;font-weight:500;padding:0;text-decoration:none}.warehouse-map .quantity-save-panel .cancel-link:hover{text-decoration:underline}.warehouse-map .quantity-save-panel .save-section{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.warehouse-map .quantity-save-panel .save-btn{background:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1.5rem;transition:all .2s}.warehouse-map .quantity-save-panel .save-btn:hover{background:#0b5ed7;box-shadow:0 4px 12px #0d6efd66;transform:translateY(-1px)}.warehouse-map .quantity-save-panel .change-count{color:#6c757d;font-size:.875rem}@media (max-width:768px){.warehouse-map .quantity-save-panel{align-items:center;flex-direction:column;gap:1rem}.warehouse-map .quantity-save-panel .save-section{align-items:center;width:100%}.warehouse-map .quantity-save-panel .save-btn{width:100%}.warehouse-map .quantity-save-panel .cancel-link{order:2}}.size-badge.size-urgent,.size-cell.size-urgent{background:#dc3545!important;border-radius:4px;color:#fff!important;font-weight:700;padding:2px 6px}.size-badge.size-low-stock,.size-cell.size-low-stock{background:#ffc107!important;border-radius:4px;color:#000!important;font-weight:700;padding:2px 6px}.size-badge.size-hold-space,.size-cell.size-hold-space{background:#6c757d!important;border-radius:4px;color:#fff!important;font-weight:600;opacity:.7;padding:2px 6px}.info-icon-btn{align-items:center;background:#e7f5ff;border:1px solid #74c0fc;border-radius:50%;cursor:pointer;display:inline-flex;font-size:1rem;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.info-icon-btn:hover{background:#d0ebff;border-color:#4dabf7;transform:scale(1.1)}.info-icon-btn:active{transform:scale(.95)}.legend-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.legend-popup-content{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.legend-popup-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.legend-popup-header h4{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0}.legend-popup-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#adb5bd;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.legend-popup-close:hover{background:#f1f3f5;color:#495057}.legend-popup-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.legend-popup-instructions{background:#e7f5ff;border-left:3px solid #4dabf7;border-radius:8px;padding:.75rem 1rem}.legend-popup-instructions p{color:#1971c2;font-size:.9rem;line-height:1.5;margin:0}.legend-popup-section-title{color:#495057;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:-.5rem;margin-top:.5rem;text-transform:uppercase}.legend-popup-item{align-items:flex-start;display:flex;gap:1rem}.legend-popup-item .legend-badge{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;margin-top:2px;width:32px}.legend-popup-item .legend-badge.urgent{background:#dc3545;color:#fff}.legend-popup-item .legend-badge.low-stock{background:#ffc107;color:#000}.legend-popup-item .legend-badge.hold-space{background:#6c757d;color:#fff;opacity:.8}.legend-popup-item strong{color:#2c3e50;display:block;font-size:1rem;margin-bottom:.25rem}.legend-popup-item p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.info-icon-btn{font-size:1.1rem;height:32px;width:32px}.legend-popup-content{margin:0 .5rem;max-width:100%}.legend-popup-header{padding:1rem 1.25rem}.legend-popup-header h4{font-size:1.1rem}.legend-popup-body{gap:1rem;padding:1.25rem}.legend-popup-item{gap:.75rem}.legend-popup-item .legend-badge{font-size:.85rem;height:28px;width:28px}.legend-popup-item strong{font-size:.95rem}.legend-popup-item p{font-size:.85rem}.legend-popup-instructions{padding:.6rem .85rem}.legend-popup-instructions p{font-size:.85rem}.legend-popup-section-title{font-size:.8rem;margin-top:.25rem}}.rack-manager-page{margin:0 auto;max-width:100%;padding:12px 1rem 1rem}.page-header{margin-bottom:1rem}.page-header h1{margin:0}.search-sort-row{display:flex;gap:.75rem;margin-bottom:.75rem;width:100%}.search-input{background:#fff;border:2px solid #dee2e6;border-radius:8px;flex:1 1;font-size:1rem;min-width:0;padding:.75rem 1rem;transition:border-color .2s}.search-input:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26;outline:none}.view-tabs{display:flex;gap:6px;margin-bottom:.75rem;width:100%}.tab-button{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;justify-content:center;min-height:48px;padding:.75rem .5rem;position:relative;transition:all .2s ease}.tab-button:hover{background:#f8f9fa;border-color:#adb5bd}.tab-button.active{background:#0d6efd;border-color:#0d6efd;color:#fff}.tab-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.tab-button.active .tab-badge{background:#ffc107;color:#000}.sort-dropdown{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;font-weight:500;min-width:200px;padding:.75rem 1rem;transition:border-color .2s}.sort-dropdown:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26;outline:none}.sort-dropdown:hover{border-color:#adb5bd}.pending-changes-bar{align-items:center;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.pending-changes-info{align-items:center;display:flex;gap:.5rem}.pending-count{background:#ffc107;border-radius:12px;color:#000;font-size:.9rem;font-weight:700;padding:.25rem .625rem}.pending-text{color:#856404;font-weight:500}.pending-actions{display:flex;gap:.5rem}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268}.btn-save{background:#28a745;color:#fff}.btn-save:hover:not(:disabled){background:#218838}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.rack-table-container{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.rack-table{border-collapse:collapse;font-size:.95rem;width:100%}.rack-table thead{background:#f8f9fa;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.rack-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:.85rem;font-weight:600;padding:8px 6px;text-align:center;white-space:nowrap}.rack-table th.size-col{width:70px}.rack-table th.location-col{width:110px}.rack-table th.locations-col{min-width:180px}.rack-table th.qty-col{width:110px}.rack-table th.incoming-col{width:100px}.rack-table tbody tr{transition:background-color .2s}.rack-table tbody tr:hover{background-color:#f8f9fa}.rack-table td{border-bottom:1px solid #f0f0f0;padding:8px 6px;vertical-align:middle}.product-header-row{background-color:#f8f9fa;border-top:2px solid #dee2e6}.product-header-cell{padding:8px 12px!important}.product-header-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.product-header-name{color:#2c3e50;flex:1 1;font-size:.95rem;font-weight:700}.product-header-meta{color:#6c757d;font-size:.8rem;font-weight:500;white-space:nowrap}.size-row{background:#fff}.size-row:hover{background:#f8f9fa}.size-row.modified-row{background:#fff9e6!important;border-left:3px solid #ffc107}.size-row.modified-row:hover{background:#fff3cd!important}.modified-indicator{color:#ffc107;font-size:1.1em;font-weight:700;margin-left:2px}.size-cell{color:#2c3e50;font-size:.95rem;font-weight:700;padding-left:20px!important}.location-cell{min-width:120px;text-align:center}.location-code{border-radius:4px;color:#6c757d;display:inline-block;font-size:.75rem;font-weight:400;padding:.2rem .4rem;transition:all .2s ease;white-space:nowrap}.location-code.urgent{background:#dc3545;color:#fff;font-weight:600}.location-code.low-stock{background:#ffc107;color:#000;font-weight:600}.locations-cell{min-width:180px;text-align:center}.locations-list{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin-bottom:.25rem}.location-tag{background:#f8f9fa;color:#6c757d;font-size:.75rem;font-weight:400;padding:.2rem .4rem;white-space:nowrap}.location-tag,.warning-badge{border-radius:4px;display:inline-block}.warning-badge{font-size:.65rem;font-weight:600;margin:.125rem;padding:.15rem .4rem}.warning-badge.multi-location{background:#ffc107;color:#000}.warning-badge.over-allocated{background:#dc3545;color:#fff}.multi-location-details{background:#f8f9fa!important}.multi-location-details td{padding:.75rem 1rem!important}.location-adjustments{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.75rem}.adjustment-header{color:#495057;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.location-adjustment-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:.75rem;padding:.5rem}.location-adjustment-row:last-child{border-bottom:none}.location-label{color:#495057;font-weight:600;min-width:60px}.discrepancy-cell,.onhand-qty-cell,.rack-qty-cell{text-align:center}.rack-qty-controls{display:flex;gap:4px}.qty-adjust-btn,.rack-qty-controls{align-items:center;height:32px;justify-content:center}.qty-adjust-btn{background:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;line-height:1;max-height:32px;min-height:32px;padding:0;transition:all .15s ease;width:32px}.qty-adjust-btn:hover:not(:disabled){background:#f8f9fa;border-color:#999;transform:scale(1.05)}.qty-adjust-btn:active:not(:disabled){transform:scale(.95)}.qty-adjust-btn:disabled{cursor:not-allowed;opacity:.4}.qty-adjust-btn.decrement{color:#dc3545}.qty-adjust-btn.increment{color:#28a745}.qty-badge{border-radius:4px;color:#495057;display:inline-block;font-size:.85rem;font-weight:600;min-width:28px;padding:.25rem .5rem;text-align:center}.qty-badge.rack{background:#0000;color:#333;font-weight:600;padding:.25rem .4rem}.qty-badge.urgent{background:#dc3545;color:#fff}.qty-badge.low-stock{background:#ffc107;color:#000}.qty-value{color:#6c757d;font-size:.9rem}.discrepancy-badge{background:#f8d7da;border-radius:4px;color:#721c24;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .625rem}.incoming-cell{text-align:center}.incoming-value{color:#495057;font-size:.85rem}.empty-state{border:1px solid #dee2e6;border-radius:8px;margin-bottom:1.5rem}.info-panel{background:#e7f3ff;border:1px solid #0d6efd;border-radius:8px;color:#084298;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.info-panel p{margin:0 0 .5rem}.info-panel ul{margin:0;padding-left:1.5rem}.info-panel li{margin:.25rem 0}@media (max-width:992px){.rack-manager-page{padding:1rem}.page-header h1{font-size:1.5rem}.rack-table{font-size:.9rem}}@media (max-width:768px){.rack-manager-page{padding:.5rem}.page-header h1{font-size:1.25rem}.page-header{margin-bottom:.75rem}.search-sort-row{flex-direction:column;gap:.5rem}.search-input{font-size:.9rem;padding:.625rem .875rem}.sort-dropdown{min-width:0;min-width:auto;width:100%}.view-tabs{gap:4px}.tab-button{font-size:.8rem;min-height:44px;padding:.625rem .375rem}.tab-badge{font-size:.6rem;padding:1px 5px}.sort-dropdown{font-size:.85rem;padding:.5rem .75rem}.pending-changes-bar{flex-direction:column;gap:.75rem;padding:.625rem}.pending-actions{flex-direction:row;width:100%}.btn-cancel,.btn-save{flex:1 1}.rack-table-container{border-radius:0;margin-left:-.5rem;margin-right:-.5rem;overflow-x:visible}.rack-table{font-size:.75rem;table-layout:fixed;width:100%}.rack-table th{font-size:.7rem;padding:6px 4px}.rack-table td{padding:6px 4px;word-break:break-word}.rack-table th.size-col{width:14%}.rack-table th.location-col{width:20%}.rack-table th.qty-col{width:24%}.rack-table th.incoming-col{width:18%}.rack-table th.locations-col{width:30%}.product-header-name{font-size:.85rem}.product-header-meta{font-size:.7rem}.size-cell{font-size:.85rem;padding-left:12px!important}.qty-adjust-btn{font-size:1rem;height:28px;max-height:28px;min-height:28px;width:28px}.rack-qty-controls{gap:3px}.qty-badge{font-size:.75rem;min-width:26px;padding:.2rem .4rem}.location-tag{font-size:.7rem;padding:.15rem .3rem}.warning-badge{font-size:.6rem;padding:.1rem .3rem}.multi-location-details td{padding:.5rem .4rem!important}.location-adjustments{padding:.5rem .4rem}.adjustment-header{font-size:.75rem;margin-bottom:.4rem}.location-adjustment-row{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:.375rem .25rem}.location-label{flex-shrink:0;font-size:.75rem;min-width:50px}.info-panel{font-size:.8rem;padding:.75rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:2.5rem}.empty-state h3{font-size:1.1rem}}@media (max-width:480px){.rack-manager-page{padding:.4rem}.page-header h1{font-size:1.15rem}.search-sort-row{flex-direction:column;gap:.4rem}.search-input{font-size:.85rem;padding:.5rem .75rem}.sort-dropdown{font-size:.8rem;min-width:0;min-width:auto;padding:.5rem .75rem;width:100%}.tab-button{font-size:.75rem;min-height:42px;padding:.5rem .25rem}.pending-changes-bar{border-radius:0;flex-direction:column;gap:.5rem;margin-left:-.4rem;margin-right:-.4rem;padding:.5rem .4rem}.pending-count,.pending-text{font-size:.8rem}.btn-cancel,.btn-save{font-size:.8rem;padding:.4rem .75rem}.qty-adjust-btn{font-size:.95rem;height:26px;max-height:26px;min-height:26px;width:26px}.rack-qty-controls{gap:2px}.qty-badge{font-size:.7rem;min-width:22px;padding:.15rem .3rem}.rack-table-container{margin-left:-.4rem;margin-right:-.4rem;overflow-x:visible}.rack-table{font-size:.7rem;table-layout:fixed;width:100%}.rack-table td,.rack-table th{padding:5px 2px;word-break:break-word}.rack-table th{font-size:.65rem}.rack-table th.size-col{width:12%}.rack-table th.location-col{width:19%}.rack-table th.qty-col{width:26%}.rack-table th.incoming-col{width:17%}.rack-table th.locations-col{width:28%}.product-header-name{font-size:.75rem;line-height:1.3}.product-header-meta{font-size:.65rem}.size-cell{font-size:.7rem;padding-left:8px!important}.location-code{font-size:.65rem;padding:.1rem .25rem}.location-tag{font-size:.6rem;padding:.1rem .2rem}.incoming-value,.qty-value{font-size:.7rem}.warning-badge{font-size:.55rem;padding:.1rem .25rem}.discrepancy-badge{font-size:.65rem;padding:.2rem .4rem}.multi-location-details td{padding:.4rem .3rem!important}.location-adjustments{padding:.4rem .3rem}.adjustment-header{font-size:.7rem;margin-bottom:.3rem}.location-adjustment-row{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.4rem;padding:.3rem .2rem}.location-label{flex-shrink:0;font-size:.7rem;min-width:45px}.info-panel{border-radius:0;font-size:.75rem;margin-left:-.4rem;margin-right:-.4rem;padding:.6rem .4rem}.info-panel ul{padding-left:1.2rem}.info-panel li{font-size:.7rem;margin:.2rem 0}}.qa-log-page{max-width:100%;padding:1.5rem}.qa-log-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.qa-log-header h2{color:#2c3e50;font-size:1.75rem;font-weight:600;margin:0}.qa-summary{display:flex;flex-wrap:wrap;gap:.75rem}.summary-badge{font-size:.95rem;font-weight:500;padding:.5rem 1rem}.qa-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#495057;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.filter-select{border:2px solid #dee2e6;border-radius:6px;font-size:.95rem;padding:.5rem .75rem;transition:all .2s ease}.filter-select:hover{border-color:#0d6efd}.filter-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.no-issues{padding:4rem 2rem;text-align:center}.no-issues-icon{color:#28a745;font-size:4rem;margin-bottom:1rem}.no-issues h4{color:#2c3e50;margin-bottom:.5rem}.no-issues p{font-size:1rem}.qa-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.qa-table{font-size:.95rem;margin-bottom:0}.qa-table thead{background-color:#f8f9fa}.qa-table th,.qa-table thead{border-bottom:2px solid #dee2e6}.qa-table th{color:#495057;font-weight:600;padding:1rem;white-space:nowrap}.qa-table td{border-bottom:1px solid #e9ecef;padding:1rem;vertical-align:middle}.qa-table tbody tr:hover{background-color:#f8f9fa}.product-cell{min-width:200px}.product-name{color:#2c3e50;font-weight:500;margin-bottom:.25rem}.product-colorway{color:#6c757d;font-size:.85rem}.size-cell{font-weight:500;min-width:60px;text-align:center}.qty-cell{font-weight:600;min-width:60px}.date-cell{color:#495057;min-width:140px}.notes-cell{color:#495057;max-width:300px}.reporter-cell{color:#495057;min-width:120px}@media (max-width:992px){.qa-log-page{padding:1rem}.qa-log-header h2{font-size:1.5rem}.summary-badge{font-size:.85rem;padding:.4rem .8rem}.filter-group{min-width:160px}.qa-table{font-size:.9rem}.qa-table td,.qa-table th{padding:.75rem}.product-cell{min-width:160px}.notes-cell{max-width:200px}}@media (max-width:768px){.qa-log-header{align-items:flex-start}.qa-filters,.qa-log-header{flex-direction:column}.filter-group{min-width:auto;width:100%}.qa-table thead{display:none}.qa-table tbody,.qa-table td,.qa-table tr{display:block;width:100%}.qa-table tr{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.qa-table td{border:none;padding:.5rem 0 .5rem 45%;position:relative;text-align:left!important}.qa-table td:before{color:#495057;content:attr(data-label);font-weight:600;left:0;padding-right:10px;position:absolute;width:40%}.qa-table td:first-of-type:before{content:"Product:"}.qa-table td:nth-of-type(2):before{content:"Size:"}.qa-table td:nth-of-type(3):before{content:"Issue:"}.qa-table td:nth-of-type(4):before{content:"Qty:"}.qa-table td:nth-of-type(5):before{content:"Date:"}.qa-table td:nth-of-type(6):before{content:"Notes:"}.qa-table td:nth-of-type(7):before{content:"Reporter:"}.date-cell,.notes-cell,.product-cell,.reporter-cell{max-width:none;min-width:auto}}@media (max-width:400px){.qa-log-page{padding:.75rem}.qa-log-header h2{font-size:1.25rem}.summary-badge{font-size:.8rem;padding:.35rem .7rem}.no-issues{padding:2rem 1rem}.no-issues-icon{font-size:3rem}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#f8f9fa;color:#495057}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:.75rem;justify-content:flex-end}.modal-footer,.po-form{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#495057;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.required{color:#dc3545}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:6px;font-size:.95rem;padding:.5rem .75rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input.error,.form-group select.error{border-color:#dc3545}.form-group input:disabled,.form-group select:disabled{background:#e9ecef;cursor:not-allowed}.error-message{color:#dc3545}.error-message,.field-hint{font-size:.8rem;margin-top:.25rem}.field-hint{color:#6c757d;font-style:italic}.calculated-value{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#28a745;font-size:1.1rem;font-weight:600;padding:.5rem .75rem}.form-error{background:#f8d7da;border:1px solid #f5c2c7;border-radius:6px;color:#842029}.form-error,.form-success{margin-bottom:1rem;padding:.75rem}.form-success{background:#d1e7dd;border:1px solid #badbcc;border-radius:6px;color:#0f5132;font-weight:600}.po-header-section{border-bottom:2px solid #e9ecef;padding-bottom:1.5rem}.line-items-section,.po-header-section{margin-bottom:1.5rem}.line-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.line-items-header h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.btn-add-line-item{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background .2s ease}.btn-add-line-item:hover{background:#0056b3}.line-item-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:1rem;padding:1rem}.line-item-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.line-item-number{color:#495057;font-size:.9rem;font-weight:600}.btn-remove-line-item{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.25rem .5rem;transition:background .2s ease}.btn-remove-line-item:hover{background:#c82333}.line-item-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:.75rem}.split-delivery-toggle{margin-bottom:0}.split-delivery-toggle label{color:#6c757d;font-size:.9rem;font-weight:500}.po-total{align-items:center;background:#e7f3ff;border:2px solid #007bff;border-radius:8px;display:flex;font-size:1.1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem}.total-amount{color:#007bff;font-size:1.5rem;font-weight:700}.split-delivery-section{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-top:1rem;padding:1rem}.split-delivery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.split-delivery-header h3,.split-delivery-header h4{color:#495057;font-size:.95rem;font-weight:600;margin:0}.btn-add-delivery{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background .2s ease}.btn-add-delivery:hover{background:#0056b3}.delivery-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr auto;margin-bottom:.75rem}.delivery-row input{border:1px solid #ced4da;border-radius:6px;font-size:.95rem;padding:.5rem .75rem}.btn-remove-delivery{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem .75rem;transition:background .2s ease}.btn-remove-delivery:hover{background:#c82333}.btn-primary{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .2s ease}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.btn-draft{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .2s ease}.btn-draft:hover:not(:disabled){background:#5a6268}.btn-draft:disabled{background:#adb5bd;cursor:not-allowed}.btn-secondary{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#f8f9fa}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal-content{margin:0;max-height:95vh;max-width:100%}.delivery-row,.form-row,.line-item-fields{grid-template-columns:1fr}.modal-header h2{font-size:1.25rem}.line-items-header{align-items:stretch;flex-direction:column;gap:.75rem}.btn-add-line-item{width:100%}.po-total{align-items:center;flex-direction:column;gap:.5rem;text-align:center}}.packaging-page{margin:0 auto;max-width:100%;padding:12px 1rem 1rem}.page-header{flex-shrink:0;margin-bottom:12px}.page-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.page-header h1{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 8px}.page-subtitle{color:#6c757d;font-size:1rem;font-weight:400;margin:0}.btn-create-po{background:#007bff;border:none;border-radius:8px;box-shadow:0 2px 4px #007bff33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-create-po:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.stat-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;text-align:center}.stat-label{color:#6c757d;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#0d6efd;font-size:1.75rem;font-weight:700}.tabs-container{border-bottom:2px solid #dee2e6;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:0}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s}.tab-btn:hover{background:#f8f9fa;color:#0d6efd}.tab-btn.active{border-bottom-color:#0d6efd;color:#0d6efd;font-weight:600}.table-container{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.materials-table{border-collapse:collapse;font-size:.95rem;width:100%}.materials-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.materials-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:.85rem;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.materials-table th.align-right{padding-right:1.5rem;text-align:right}.materials-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.materials-table tbody tr td{border-bottom:none}.materials-table tbody tr:hover{background-color:#f8f9fa}.materials-table tbody tr:last-child{border-bottom:none}.materials-table td{border-bottom:none;padding:12px;vertical-align:middle}.materials-table tbody tr.low-stock{background-color:#fff3cd}.materials-table tbody tr.low-stock:hover{background-color:#ffe69c}.material-name{align-items:center;border-bottom:none!important;color:#2c3e50;display:flex;font-weight:600;gap:.5rem}.material-name,.material-name *{text-decoration:none!important}.stock-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.stock-badge.urgent{background:#dc3545;color:#fff}.type-badge{background:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .625rem}.quantity-cell{font-weight:600;padding-right:1.5rem!important;text-align:right}.quantity-value{color:#0d6efd;font-size:1.1rem;font-weight:700}.quantity-value.low{color:#dc3545}.unit{color:#6c757d;font-size:.8rem;font-weight:400;margin-left:.25rem}.reorder-cell{color:#6c757d;font-size:.9rem;padding-right:1.5rem!important;text-align:left}.dimensions-cell{color:#6c757d;font-family:Courier New,monospace;font-size:.85rem}.cost-cell{color:#495057;font-weight:600;padding-right:1.5rem!important;text-align:right}.actions-cell{padding:.5rem!important;text-align:center}.btn-order{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-order:hover{background:#218838;box-shadow:0 2px 6px #28a7454d;transform:translateY(-1px)}.order-name{color:#0d6efd;font-weight:500}.method-cell{color:#6c757d;font-size:.85rem}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.status-badge.received{background:#d1e7dd;color:#0a3622}.status-badge.pending{background:#cfe2ff;color:#052c65}.status-badge.status-draft{background:#e2e3e5;color:#383d41}.status-badge.status-pending{background:#fff3cd;color:#856404;padding:.375rem .875rem}.status-badge.status-ordered{background:#cce5ff;color:#004085}.status-badge.status-in_transit{background:#d1ecf1;color:#0c5460}.status-badge.status-partially_received{background:#d4edda;border:2px solid #c3e6cb;color:#155724}.status-badge.status-completed{background:#d4edda;color:#155724}.status-badge.status-cancelled{background:#f8d7da;color:#721c24;text-decoration:line-through}.payment-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .625rem;white-space:nowrap}.payment-badge.payment-unpaid{background:#f8d7da;color:#721c24}.payment-badge.payment-partial{background:#fff3cd;color:#856404}.payment-badge.payment-paid,.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.status-retired{background:#e2e3e5;color:#383d41;text-decoration:line-through}.status-badge.status-phasing_out{background:#fff3cd;color:#856404}.clickable-badge{cursor:pointer;transition:all .2s ease}.clickable-badge:hover{box-shadow:0 2px 4px #0003;opacity:.8;transform:translateY(-1px)}.status-edit-inline{align-items:center;display:flex;gap:.375rem}.status-select{flex:1 1;min-width:120px}.btn-cancel-inline-small,.btn-save-inline-small{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:700;padding:.25rem .5rem;transition:background .2s ease}.btn-save-inline-small{background:#28a745;color:#fff}.btn-save-inline-small:hover{background:#218838}.btn-cancel-inline-small{background:#dc3545;color:#fff}.btn-cancel-inline-small:hover{background:#c82333}.editing-row{background:#f8f9fa!important}.inline-edit-input{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:.375rem .5rem;width:100%}.inline-edit-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.inline-edit-select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:.375rem .5rem;width:100%}.inline-edit-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.inline-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.btn-edit-inline{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:background .2s ease}.btn-edit-inline:hover{background:#0056b3}.btn-save-inline{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.375rem .75rem;transition:background .2s ease}.btn-save-inline:hover{background:#218838}.btn-cancel-inline{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.375rem .75rem;transition:background .2s ease}.btn-cancel-inline:hover{background:#c82333}.po-number-cell{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem;width:120px}.po-table td:first-child,.po-table th:first-child{min-width:120px;width:120px}.po-table td:nth-child(2),.po-table th:nth-child(2){min-width:120px;width:150px}.po-table td:nth-child(3),.po-table th:nth-child(3){min-width:100px;text-align:right;width:100px}.po-table td:nth-child(4),.po-table th:nth-child(4){min-width:120px;width:120px}.po-table td:nth-child(5),.po-table th:nth-child(5){min-width:140px;width:140px}.po-table td:nth-child(6),.po-table th:nth-child(6){min-width:100px;width:100px}.po-table td:nth-child(7),.po-table th:nth-child(7){min-width:120px;width:auto}.po-table td:nth-child(8),.po-table th:nth-child(8){min-width:120px;text-align:center;width:120px}.empty-state{background:#fff;padding:3rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#495057;font-size:1.25rem;margin-bottom:.5rem}.empty-state p{color:#6c757d;font-size:.95rem}.error-state,.loading-state{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:1.5rem;padding:2.5rem;text-align:center}.error-state button{background:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem;transition:background .2s}.error-state button:hover{background:#0b5ed7}@media (max-width:992px){.packaging-page{padding:1rem}.page-header h1{font-size:1.5rem}.materials-table{font-size:.9rem}.materials-table td,.materials-table th{padding:10px 8px}}@media (max-width:768px){.packaging-page{padding:.5rem}.page-header h1{font-size:1.25rem}.page-subtitle{font-size:.85rem}.page-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.btn-create-po{font-size:.9rem;padding:.6rem 1.25rem;width:100%}.summary-stats{gap:.5rem;grid-template-columns:repeat(3,1fr)}.stat-card{padding:.75rem .5rem}.stat-label{font-size:.65rem}.stat-value{font-size:1.35rem}.tabs-container{gap:.25rem;overflow-x:auto}.tab-btn{font-size:.85rem;padding:.5rem 1rem;white-space:nowrap}.table-container{border-radius:0;margin-left:-.5rem;margin-right:-.5rem;overflow-x:auto}.materials-table{font-size:.8rem;min-width:600px}.materials-table td,.materials-table th{padding:8px 6px}.material-name{align-items:flex-start;flex-direction:column;font-size:.85rem;gap:.25rem}.quantity-value{font-size:.95rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:2.5rem}.empty-state h3{font-size:1.1rem}}@media (max-width:480px){.packaging-page{padding:.4rem}.page-header h1{font-size:1.15rem}.summary-stats{gap:.4rem}.stat-card{padding:.5rem .4rem}.stat-value{font-size:1.25rem}.materials-table{font-size:.75rem}.materials-table td,.materials-table th{padding:6px 4px}}.oos-date-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-left:.5rem;text-align:left;white-space:pre}.reorder-header{position:relative}.info-icon{border-radius:50%;color:#6c757d;cursor:pointer;display:inline-block;font-size:.9rem;margin-left:6px;padding:2px 4px;transition:color .2s ease;-webkit-user-select:none;user-select:none}.info-icon:hover{background:#0000000d;color:#495057}.tooltip-box{animation:fadeIn .2s ease;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;padding:1rem;position:absolute;right:0;text-align:left;top:100%;width:320px;z-index:1000}.tooltip-title{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:.95rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.tooltip-content{color:#495057;font-size:.85rem;line-height:1.5}.tooltip-content p{margin:0 0 .5rem}.tooltip-content strong{color:#2c3e50;font-weight:600}.tooltip-detail{background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;font-size:.8rem;line-height:1.6;margin:.75rem 0;padding:.75rem}.tooltip-note{border-top:1px solid #e9ecef;color:#6c757d;font-size:.75rem;font-style:italic;margin-top:.75rem;padding-top:.75rem}.tooltip-box:before{border:8px solid;border-color:#0000 #0000 #dee2e6;right:20px}.tooltip-box:after,.tooltip-box:before{bottom:100%;content:"";position:absolute}.tooltip-box:after{border:7px solid;border-color:#0000 #0000 #fff;right:21px}.tooltip-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:24px}.tooltip-close:hover{background:#f8f9fa;color:#495057}@media (max-width:768px){.tooltip-box{font-size:.8rem;right:-50px;width:280px}.tooltip-detail{font-size:.75rem}.tooltip-box:after,.tooltip-box:before{right:70px}}:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem}.app-container{background-color:#f3f4f6;background-color:var(--gray-100);display:flex;flex-direction:column;height:100vh}.app-header{background-color:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);height:64px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{height:100%;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 1.5rem}.header-content,.logo-container,.mobile-menu-toggle{align-items:center;display:flex}.mobile-menu-toggle{background:#0000;border:none;border-radius:.25rem;border-radius:var(--radius);color:#374151;color:var(--gray-700);cursor:pointer;height:44px;justify-content:center;margin-right:8px;padding:8px;width:44px}.mobile-menu-toggle:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.mobile-menu-toggle svg{height:24px;width:24px}.logo{align-items:center;color:#2563eb;color:var(--primary);display:flex}.logo-icon{height:32px;margin-right:8px;width:32px}.logo h1{font-size:1.25rem;font-weight:700;margin:0}.header-actions,.user-profile{align-items:center;display:flex}.user-profile{border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;padding:.5rem;position:relative;transition:background-color .2s}.user-profile:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.avatar{align-items:center;background-color:#2563eb;background-color:var(--primary);border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;margin-right:8px;width:32px}.user-email{color:#374151;color:var(--gray-700);font-size:.875rem;margin-right:4px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{height:16px;transition:transform .2s;width:16px}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{background-color:#fff;border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:101}.dropdown-item{align-items:center;color:#374151;color:var(--gray-700);display:flex;padding:.75rem 1rem;transition:background-color .2s}.dropdown-item:hover{background-color:#f3f4f6;background-color:var(--gray-100);color:#111827;color:var(--gray-900)}.dropdown-item svg{height:18px;margin-right:8px;width:18px}.app-body{display:flex;flex:1 1;overflow:hidden;position:relative}.sidebar-backdrop{animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:64px;z-index:40}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;overflow-y:auto;position:relative;transition:width .3s ease;width:250px}.sidebar.collapsed{width:64px}.sidebar.mobile{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:100%;left:0;position:absolute;z-index:50}.sidebar.mobile.collapsed{transform:translateX(-100%)}.sidebar-toggle{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-14px;top:16px;transition:transform .2s ease;width:28px;z-index:200}.sidebar-toggle:hover{background-color:#f9fafb;background-color:var(--gray-50);transform:scale(1.1)}.sidebar-toggle svg{color:#4b5563;color:var(--gray-600);height:20px;width:20px}.sidebar.collapsed .app-version,.sidebar.collapsed .nav-items li a span,.sidebar.collapsed .nav-title{display:none}.sidebar.collapsed .nav-items li a{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-items li a svg{margin-right:0}.nav-section{padding:1.5rem 0}.nav-title{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;padding:0 1.5rem;text-transform:uppercase}.nav-items{list-style:none;margin:0;padding:0}.nav-items li{margin-bottom:2px}.nav-items li a{align-items:center;border-radius:0;color:#374151;color:var(--gray-700);display:flex;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.nav-items li a svg{color:#4b5563;color:var(--gray-600);flex-shrink:0;height:20px;margin-right:16px;width:20px}.nav-items li a:hover{background-color:#f3f4f6;background-color:var(--gray-100);color:#111827;color:var(--gray-900)}.nav-items li a:hover svg,.nav-items li.active a{color:#2563eb;color:var(--primary)}.nav-items li.active a{background-color:#f3f4f6;background-color:var(--gray-100);font-weight:500}.nav-items li.active a svg{color:#2563eb;color:var(--primary)}.nav-group{margin-bottom:2px}.nav-group-header{align-items:center;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s;-webkit-user-select:none;user-select:none}.nav-group-header:hover{background-color:#f3f4f6;background-color:var(--gray-100);color:#111827;color:var(--gray-900)}.nav-group-header svg:first-child{color:#4b5563;color:var(--gray-600);flex-shrink:0;height:20px;margin-right:12px;width:20px}.nav-group-header .chevron{color:#6b7280;color:var(--gray-500);height:16px;margin-left:auto;transform:rotate(-90deg);transition:transform .2s ease;width:16px}.nav-group-header .chevron.expanded{transform:rotate(0deg)}.nav-subitems{background-color:#f9fafb;background-color:var(--gray-50);border-left:2px solid #e5e7eb;border-left:2px solid var(--gray-200);list-style:none;margin:0;padding:0}.nav-subitems li{margin-bottom:0}.nav-subitems li a{font-size:.875rem;padding:.625rem 1.5rem .625rem 3rem}.nav-subitems li a svg{height:18px;margin-right:12px;width:18px}.sidebar.collapsed .nav-group-header .chevron,.sidebar.collapsed .nav-group-header span{display:none}.sidebar.collapsed .nav-group-header{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-group-header svg:first-child{margin-right:0}.sidebar.collapsed .nav-subitems{display:none}.nav-footer{margin-top:auto;padding:1rem 1.5rem}.app-version{color:#6b7280;color:var(--gray-500);font-size:.75rem;text-align:center}.content{flex:1 1;overflow:auto;padding:1.5rem}@media (max-width:768px){.header-content{padding:0 1rem}.logo h1{font-size:1.125rem}.mobile-menu-toggle{margin-right:4px}.sidebar.mobile{transform:translateX(0);transition:transform .3s ease;width:250px}.sidebar.mobile.collapsed{transform:translateX(-100%);width:250px}.content{padding:1rem;width:100%}.nav-items li a{min-height:44px;padding:.875rem 1.5rem}.dropdown-item,.mobile-menu-toggle,.nav-items li a,.user-profile{min-height:44px;min-width:44px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown{animation:fadeIn .2s ease-out}@media (max-width:480px){.logo-icon{margin-right:4px}.content{padding:.75rem}.avatar{margin-right:0}}.touch-optimized .btn,.touch-optimized .form-control,.touch-optimized button,.touch-optimized input[type=date],.touch-optimized input[type=email],.touch-optimized input[type=number],.touch-optimized input[type=password],.touch-optimized input[type=search],.touch-optimized input[type=text],.touch-optimized select,.touch-optimized textarea{-webkit-appearance:none;appearance:none;border-radius:8px;font-size:16px;min-height:44px}.touch-optimized .form-group{margin-bottom:20px}.touch-optimized label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.touch-optimized input[type=checkbox],.touch-optimized input[type=radio]{margin-right:10px;min-height:22px;min-width:22px}.touch-optimized .checkbox-container,.touch-optimized .radio-container{align-items:center;display:flex;margin-bottom:8px;min-height:44px;padding:8px}.touch-optimized .btn,.touch-optimized button{align-items:center;border:none;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-width:44px;padding:12px 16px;transition:background-color .2s,transform .1s}.touch-optimized .btn:active,.touch-optimized button:active{box-shadow:0 0 1px #0000001a;transform:scale(.98)}.touch-optimized .btn-icon{align-items:center;display:flex;gap:8px;justify-content:center}.touch-optimized .btn-sm{font-size:14px;min-height:44px;padding:10px 14px}.touch-optimized .form-grid{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.touch-optimized .form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.touch-optimized select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:30px}.touch-optimized input[type=number]{-moz-appearance:textfield}.touch-optimized input[type=number]::-webkit-inner-spin-button,.touch-optimized input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.touch-optimized input[type=date]{padding-right:10px}.touch-optimized button:focus,.touch-optimized input:focus,.touch-optimized select:focus,.touch-optimized textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.touch-optimized .input-error{border-color:#ef4444}.touch-optimized .error-message{align-items:center;color:#ef4444;display:flex;font-size:14px;gap:6px;margin-top:6px}.touch-optimized .form-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:16px}@media (min-width:640px){.touch-optimized .form-actions{flex-direction:row;justify-content:flex-end}}.touch-optimized .btn-primary{background-color:#2563eb;color:#fff}.touch-optimized .btn-primary:hover{background-color:#1d4ed8}.touch-optimized .btn-secondary{background-color:#f3f4f6;color:#1f2937}.touch-optimized .btn-secondary:hover{background-color:#e5e7eb}.touch-optimized .btn-danger{background-color:#ef4444;color:#fff}.touch-optimized .btn-danger:hover{background-color:#dc2626}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}img{height:auto;max-width:100%;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button{background:none;border:none;cursor:pointer;padding:0}.sr-only,.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.modal-backdrop{background-color:#000!important;height:100vh!important;opacity:.5!important;width:100vw!important;z-index:1040!important}.modal,.modal-backdrop{left:0!important;position:fixed!important;top:0!important}.modal{display:block!important;height:100%!important;outline:0!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important;z-index:1050!important}.modal-dialog{margin:1.75rem auto!important;max-width:800px!important;pointer-events:auto!important;position:relative!important;width:auto!important}.modal-content{background-color:#fff!important;border:1px solid #0003!important;border-radius:.3rem!important;box-shadow:0 .5rem 1rem #00000026!important;display:flex!important;flex-direction:column!important;outline:0!important;position:relative!important;width:100%!important}@media (max-width:768px){body,body *{touch-action:manipulation}.btn,.form-control,button,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{font-size:16px;min-height:44px}.form-group,form>div{margin-bottom:20px}.btn,button{margin:5px 0}.action-buttons,.button-group,.form-actions,.modal-footer{display:flex;flex-direction:column;gap:10px}@media (min-width:640px){.action-buttons,.button-group,.form-actions,.modal-footer{flex-direction:row;justify-content:flex-end}}}
/*# sourceMappingURL=main.51314a2f.css.map*/