@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;font-size:2rem;margin:0 0 .5rem;text-align:center}.login-card h2{color:#666;font-size:1.2rem;font-weight:400;margin:0 0 1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#333}.form-group input{font-size:1rem;padding:.75rem}.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;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}.login-card button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#fee;color:#c00;font-size:.9rem}.error-message,.success-message{margin-bottom:1rem;padding:.75rem}.success-message{background-color:#efe;color:#080}.login-footer,.register-footer{margin-top:1.5rem;text-align:center}.note{color:#666;font-size:.9rem}.register-link{color:#06c;font-weight:500;text-decoration:none;transition:color .2s}.register-link:hover{color:#05b;text-decoration:underline}.back-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333;margin-top:1rem}.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}.register-link{display:inline-block;margin:.25rem 0;padding:.25rem 0}.form-actions{margin-top:1.5rem}}@supports (-webkit-touch-callout:none){.login-card input{font-size:16px}}.password-options{display:flex;font-size:.85rem;justify-content:flex-end;margin-top:5px}.forgot-password-link{color:#4a90e2;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.success-message{background-color:#d4edda;border-radius:5px;color:#155724;font-size:.9rem;margin-bottom:15px}.verification-info{color:#555;line-height:1.5;margin-bottom:20px}.resend-form h3{color:#333;font-size:1rem;margin-bottom:15px}.login-link,.register-link{color:#4a90e2;text-decoration:none}.login-link:hover,.register-link:hover{text-decoration:underline}.remember-me{margin-bottom:1.5rem}.checkbox-label,.remember-me{align-items:center;display:flex}.checkbox-label{color:#555;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;margin-right:8px;width:16px}.checkbox-label span{margin-top:1px}.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}.success-message{border-left:4px solid #2e7d32;border-radius:4px;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%}}.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;overflow-x:auto}.product-table{border-collapse:collapse;font-size:13px;width:100%}.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;padding:6px}.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%}.variants-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;margin:.5rem;max-width:100%;overflow-x:auto;padding:0;width:100%}.variants-table{font-size:.875rem;margin:0;max-width:100%}.variants-table th{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:.3rem .5rem;white-space:nowrap}.variants-table th:not(:first-child){text-align:center}.product-table th:first-child{width:150px}.product-table th:nth-child(2),.variants-table th:first-child{width:80px}.variants-table th:nth-child(2){width:50px}.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),.variants-table th:nth-child(3),.variants-table th:nth-child(4),.variants-table th:nth-child(5),.variants-table th:nth-child(6),.variants-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}.po-input-cell{align-items:center;background-color:#edf7ff!important;border-right:none!important;display:flex;justify-content:center;padding:6px!important;position:relative;text-align:center!important}.po-input-cell:after{display:none}.po-input-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.po-quantity-input{border:1px solid #ddd;border-radius:4px;flex:0 0 auto;font-size:.875rem;padding:3px!important;text-align:center;transition:border-color .2s;width:60px!important}.po-quantity-input::placeholder{color:#06c;font-style:italic;opacity:.7}.po-quantity-input:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc40;outline:none}.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{align-items:center;background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;display:flex;height:28px;margin-right:5px;padding:2px 8px}.target-wos-control label{font-size:12px;font-weight:500;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}.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}.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}.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}.normal{background-color:#e8f5e9;color:#1b5e20;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}.refresh-button{background-color:#4285f4;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:14px;padding:9px 15px;transition:background-color .2s}.refresh-button:hover{background-color:#3367d6}.refresh-button:disabled{background-color:#ccc;cursor:not-allowed}.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;padding:8px 12px}.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}.order-total-row{background-color:#f5f9ff;font-weight:500;table-layout:fixed;width:100%}.order-total-row td{box-sizing:border-box}.order-total-container{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center}.order-total-row strong{color:#333;font-size:.8rem;margin-right:3px;white-space:nowrap}.order-total-row .order-count{color:#555;font-size:.75rem;font-weight:400;white-space:nowrap}.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,.variants-table td{box-sizing:border-box;padding:6px}.product-table,.variants-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}.product-table td:not(:first-child),.variants-table td:not(:first-child){text-align:center}.product-table td:first-child{text-align:left}.wos-dark-orange,.wos-good,.wos-green,.wos-low,.wos-orange,.wos-red,.wos-warning,.wos-yellow{display:inline-block}.order-total-row td{border-top:1px solid #ccc;padding:8px 3px;text-align:center}.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}.product-table-container,.variants-container{overflow-x:auto;width:100%}.variants-container{overflow:hidden}.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}.purchase-order-header{background-color:#edf7ff!important;border-bottom:none!important;padding:6px!important;text-align:center!important}.po-header-container{align-items:center;color:#06c;display:flex;font-size:12px;font-weight:600;justify-content:center}.po-subheader,.projected-subheader{background-color:#edf7ff!important;border-top:none!important;font-size:11px!important;font-weight:500!important;padding:6px!important;text-align:center!important}.projected-subheader,.wos-projected-cell{color:#555;font-style:italic}.wos-projected-cell{background-color:#edf7ff!important;border-left:none!important;padding:6px!important;position:relative}.pagination-controls{margin:20px 0;padding:0 20px}.pagination-button{font-size:14px}.pagination-button,.pagination-ellipsis{height:32px;min-width:32px}@media (max-width:768px){.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: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}.product-pricing{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;margin-top:20px;padding:15px}.product-pricing h3{color:#333;font-size:16px;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:14px;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:20px;padding-bottom:15px}.product-header h1{color:#333;font-size:28px;margin:0 0 10px}.product-meta{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:30px}.main-info-section{display:flex;flex-direction:column;gap:20px}.product-description{background-color:#fff;border:1px solid #eee;border-radius:5px;padding:20px}.product-description h2{color:#333;font-size:20px;margin-bottom:15px;margin-top:0}.product-description p{color:#555;line-height:1.6;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:16px;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:18px;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:20px;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:16px;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:20px;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}.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{border-radius:12px;font-size:12px;padding:3px 8px;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:1.5rem;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: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%}}@media (max-width:480px){.product-header h1{font-size:1.3rem}.inventory-summary h3,.product-description h2,.purchase-orders-section h2,.variants-section h2{font-size:1rem;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}}.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{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}.action-buttons{display:flex;justify-content:flex-end;margin-top:20px}.no-results{color:#777;padding:15px}.loading{color:#777;padding:20px;text-align:center}.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{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{color:#495057;font-size:11px;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:12px;height:28px;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:12px;gap:4px;height:28px;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:11px;font-weight:500}.filter-tag{border-radius:3px;font-size:11px;padding:2px 6px}.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:11px;gap:4px;height:24px;padding:3px 8px;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;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:fit-content;padding:6px 12px;text-decoration:none;transition:all .2s}.create-button:hover{background-color:#0250a0;transform:translateY(-1px)}.table-container{border:1px solid #ddd;border-radius:4px;box-shadow:none;margin-bottom:15px}.purchase-orders-table{border-collapse:collapse;font-size:12px;margin-bottom:0;table-layout:auto;width:100%}.purchase-orders-table td,.purchase-orders-table th{border-bottom:1px solid #eee;color:#333;font-size:12px;height:auto;min-height:30px;overflow:visible;padding:4px 8px;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:30px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.purchase-orders-table th:first-child{width:8%}.purchase-orders-table th:nth-child(2),.purchase-orders-table th:nth-child(3){width:10%}.purchase-orders-table th:nth-child(4){width:20%}.purchase-orders-table th:nth-child(5),.purchase-orders-table th:nth-child(6){width:12%}.purchase-orders-table th:nth-child(7),.purchase-orders-table th:nth-child(8){width:10%}.purchase-orders-table th:nth-child(9){width:8%}.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}.product-count{color:#666;font-size:12px;white-space:nowrap}.product-count,.product-item .product-count{display:inline-block}.variants-row{transition:all .2s ease-in-out}.variants-table{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;font-size:13px;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 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;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:12px!important;margin-right:5px!important;min-width:auto!important;padding:3px 6px!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 th:nth-child(5),.purchase-orders-table th:nth-child(6){min-width:110px;width:110px}.purchase-orders-table th:nth-child(3){min-width:90px;width:100px}.purchase-orders-table td .inline-edit-container{box-sizing:border-box;overflow:visible!important;padding-right:48px}.purchase-orders-table td{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:13px;height:30px;min-width:30px;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){.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:14px;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:14px;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:14px}.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: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:12px;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 th:first-child{min-width:70px;width:70px}.purchase-orders-table th:nth-child(2){min-width:90px;width:90px}.purchase-orders-table th:nth-child(3){min-width:80px;width:90px}.purchase-orders-table th:nth-child(4){min-width:150px;width:180px}.purchase-orders-table th:nth-child(5),.purchase-orders-table th:nth-child(6){min-width:90px;width:100px}.purchase-orders-table th:nth-child(7),.purchase-orders-table th:nth-child(8){min-width:80px;width:90px}.purchase-orders-table th:nth-child(9){min-width:70px;width:80px}.purchase-orders-table td div{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{font-size:11px;max-width:90px;padding:2px 5px;white-space:nowrap;width:auto}.products-column{max-width:180px}.products-list{display:flex;flex-direction:column;gap:2px}.product-item{display:flex;justify-content:space-between}.product-item,.product-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name{margin-right:6px;max-width:120px}.date-column{font-size:12px;white-space:nowrap}#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:12px;height:31px;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;display:inline-block;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;flex:1 1;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;min-width:200px}.filter-group label{color:#555;font-size:14px;font-weight:500;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: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: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:1200px;padding:20px}.role-manager h1{color:#333;font-weight:500;margin-bottom:20px}.error-message,.success-message{border-radius:4px;margin-bottom:20px;padding:12px 20px}.error-message{background-color:#ffebee;border-left:4px solid #f44336;color:#d32f2f}.success-message{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.setup-notice{background-color:#e3f2fd;border-radius:6px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:24px}.setup-notice h2{color:#1976d2;margin-bottom:16px;margin-top:0}.setup-notice pre{background-color:#f5f5f5;border-left:4px solid #1976d2;border-radius:4px;font-family:monospace;margin:16px 0;overflow-x:auto;padding:16px}.user-management-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr;height:calc(100vh - 180px);min-height:500px}.users-panel{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.users-panel h2{border-bottom:1px solid #e0e0e0;font-size:18px;font-weight:500;margin:0;padding:16px}.search-container{border-bottom:1px solid #e0e0e0;padding:12px 16px}.search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.users-list{flex:1 1;overflow-y:auto}.user-item{align-items:center;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.user-item:hover{background-color:#e8eaf6}.user-item.selected{background-color:#c5cae9}.user-avatar{align-items:center;background-color:#3f51b5;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:500;height:36px;justify-content:center;margin-right:12px;width:36px}.user-info{flex:1 1}.user-name{font-weight:500;margin-bottom:4px}.user-email{color:#666;font-size:13px}.no-results{color:#666;padding:24px 16px;text-align:center}.user-detail-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-y:auto;padding:20px}.no-selection-message{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.no-selection-message h2{font-weight:500;margin-bottom:12px}.user-detail-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:24px;padding-bottom:20px}.user-detail-avatar{align-items:center;background-color:#3f51b5;border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:500;height:64px;justify-content:center;margin-right:20px;width:64px}.user-detail-info h2{font-weight:500;margin:0 0 8px}.user-detail-info p{color:#666;margin:0}.available-roles-section,.user-permissions-section,.user-roles-section{margin-bottom:32px}.available-roles-section h3,.user-permissions-section h3,.user-roles-section h3{border-bottom:1px solid #e0e0e0;font-size:18px;font-weight:500;margin-bottom:16px;padding-bottom:8px}.permissions-info{color:#666;font-size:14px;margin-bottom:16px;margin-top:-8px}.available-roles-list,.user-roles-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.role-card{align-items:start;background-color:#f5f5f5;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:16px}.role-info{flex:1 1}.role-name{font-weight:500;margin-bottom:6px}.role-description{color:#666;font-size:13px}.no-roles-message{background-color:#f5f5f5;border-radius:6px;color:#666;grid-column:1/-1;padding:16px;text-align:center}.permission-groups{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.permission-group{background-color:#f5f5f5;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:16px}.permission-group h4{border-bottom:1px solid #e0e0e0;font-weight:500;margin-bottom:12px;margin-top:0;padding-bottom:8px}.permission-group-items{display:flex;flex-direction:column;gap:8px}.permission-item{background-color:#fff;border-left:3px solid #7986cb;border-radius:4px;padding:8px}.permission-name{font-weight:500;margin-bottom:4px}.permission-description{color:#666;font-size:13px}.no-permissions-message{background-color:#f5f5f5;border-radius:6px;color:#666;padding:24px;text-align:center}.btn-danger,.btn-primary{border:none;border-radius:4px;cursor:pointer;font-weight:500;min-width:80px;padding:6px 12px;transition:background-color .2s}.btn-primary{background-color:#3f51b5;color:#fff}.btn-primary:hover{background-color:#303f9f}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#d32f2f}.btn-danger:disabled,.btn-primary:disabled{background-color:#bdbdbd;cursor:not-allowed}.btn-small{font-size:13px;padding:4px 10px}@media (max-width:768px){.user-management-container{grid-template-columns:1fr;height:auto}.users-panel{height:300px}.permission-groups{grid-template-columns:1fr}}.create-test-user{border-top:1px solid #e0e0e0;padding:16px;text-align:center}.create-test-note{color:#666;font-size:12px;margin-top:8px}.btn-secondary{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-weight:500;min-width:160px;padding:8px 16px;transition:background-color .2s}.btn-secondary:hover{background-color:#e0e0e0}.btn-secondary:disabled{background-color:#f5f5f5;color:#bdbdbd;cursor:not-allowed}.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{box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:30px}.dashboard-header h1{margin:0 0 10px}.dashboard-header p{font-size:1.2rem;margin:0 0 30px}.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{display:flex;flex-direction:column}.form-group label{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.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;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.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{background:#fff;border-radius:8px;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;color:#333;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}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.stat-card h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.stat-value{color:#333;font-size:2rem;font-weight:700}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dashboard-header p{font-size:1.1rem;opacity:.9}.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}.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:1400px;min-height:100vh;padding:2rem}@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}}: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: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-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-y: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.a6572855.css.map*/