body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background-color:#343a40;min-height:100vh;transition:all .3s}.sidebar .nav-link{border-bottom:1px solid #495057;color:#adb5bd;padding:1rem 1.5rem}.sidebar .nav-link.active,.sidebar .nav-link:hover{background-color:#495057;color:#fff}.main-content{background-color:#fff;min-height:100vh;padding:2rem}.card-metric{background:linear-gradient(45deg,#007bff,#0056b3);border:none;border-radius:10px;color:#fff}.card-alert{border-left:4px solid #dc3545}.card-warning{border-left:4px solid #ffc107}.overdue{background-color:#f8d7da;color:#721c24}.table-responsive{border-radius:8px;box-shadow:0 0 10px #0000001a}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.search-suggestion{background:#fff;border:1px solid #ced4da;border-top:none;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:1000}.search-suggestion-item{border-bottom:1px solid #f1f1f1;cursor:pointer;padding:8px 12px}.search-suggestion-item:hover{background-color:#f8f9fa}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner-border{height:3rem;width:3rem}.customer-management-container{background:#f8f9fa;background:var(--light-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.customer-content-wrapper{margin:0 auto;max-width:1400px;padding:2rem;padding:var(--spacing-lg)}.customer-management-header{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-lg)}.customer-management-title{color:#2c3e50;color:var(--text-dark);font-size:2.5rem;font-weight:700;position:relative}.customer-management-title:after{background:linear-gradient(90deg,#ff6b35,#ff8c5e);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.customer-add-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.customer-add-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.customer-add-icon{font-size:1.2rem}.customer-search-container{margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.customer-search-wrapper{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-md)}.customer-search-input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-size:1rem;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition);width:100%}.customer-search-input:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.customer-search-input::placeholder{color:#7f8c8d;color:var(--text-light);font-weight:400}.customer-table-container{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden}.customer-table-wrapper{overflow-x:auto}.customer-table{border-collapse:collapse;font-size:.95rem;width:100%}.customer-table-header{background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter))}.customer-header-cell{border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--primary-orange);color:#2c3e50;color:var(--text-dark);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);position:relative;text-align:left;text-transform:uppercase}.customer-table-row{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);transition:all .3s ease;transition:var(--transition)}.customer-table-row:hover{background:#fff4f1;background:var(--primary-orange-subtle);transform:scale(1.01)}.customer-table-row:last-child{border-bottom:none}.customer-table-cell{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);vertical-align:top}.customer-info{min-width:200px}.customer-name{color:#2c3e50;color:var(--text-dark);font-size:1.05rem;font-weight:700;margin-bottom:4px}.customer-email{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-style:italic}.customer-code{color:#ff6b35;color:var(--primary-orange);font-size:.85rem;font-weight:600;margin-top:4px}.customer-contact{color:#2c3e50;color:var(--text-dark);font-weight:600;margin-bottom:4px}.customer-contact-person{color:#7f8c8d;color:var(--text-light);font-size:.9rem}.customer-location{color:#2c3e50;color:var(--text-dark);font-weight:600;margin-bottom:4px}.customer-address{color:#7f8c8d;color:var(--text-light);font-size:.9rem}.customer-credit-limit{color:#17a2b8;color:var(--info);font-size:.9rem;font-weight:600;margin-bottom:4px}.customer-outstanding{font-size:.9rem;font-weight:700}.credit-normal{color:#28a745;color:var(--success)}.credit-warning{color:#ffc107;color:var(--warning)}.credit-danger{color:#dc3545;color:var(--danger)}.credit-default{color:#7f8c8d;color:var(--text-light)}.customer-status-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.customer-status-active{background:#28a7451a;border:1px solid #28a7454d;color:#28a745;color:var(--success)}.customer-status-inactive{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545;color:var(--danger)}.customer-actions{display:flex;gap:.5rem;gap:var(--spacing-xs);justify-content:flex-end}.customer-edit-button{background:#17a2b8;background:var(--info);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.customer-edit-button:hover{background:#138496;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.customer-delete-button{background:#dc3545;background:var(--danger);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.customer-delete-button:hover{background:#c82333;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.customer-empty-state{color:#7f8c8d;color:var(--text-light);font-size:1.1rem;font-style:italic;padding:3rem;padding:var(--spacing-xl);text-align:center}.customer-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.customer-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.customer-modal-title{border-bottom:3px solid #ff6b35;border-bottom:3px solid var(--primary-orange);color:#2c3e50;color:var(--text-dark);font-size:1.8rem;font-weight:700;margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:2rem 2rem 0;padding:var(--spacing-lg) var(--spacing-lg) 0;padding-bottom:1.5rem;padding-bottom:var(--spacing-md)}.customer-modal-form{padding:2rem;padding:var(--spacing-lg)}.customer-form-group,.customer-form-row{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.customer-form-row{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.customer-form-label{color:#2c3e50;color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.customer-form-label.required:after{color:#dc3545;color:var(--danger);content:" *";font-weight:700}.customer-form-input,.customer-form-textarea{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;padding:1rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:100%}.customer-form-input:focus,.customer-form-textarea:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.customer-form-textarea{min-height:80px;resize:vertical}.customer-currency-preview{color:#ff6b35;color:var(--primary-orange);font-size:.85rem;font-weight:600;margin-top:.5rem;margin-top:var(--spacing-xs)}.customer-checkbox-group{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-xs);margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.customer-checkbox{accent-color:#ff6b35;accent-color:var(--primary-orange);cursor:pointer;height:18px;width:18px}.customer-checkbox-label{color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:1rem;font-weight:600}.customer-modal-buttons{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-sm);justify-content:flex-end;padding-top:2rem;padding-top:var(--spacing-lg)}.customer-modal-submit-button{background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.customer-modal-submit-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.customer-modal-cancel-button{background:#e9ecef;background:var(--medium-gray);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.customer-modal-cancel-button:hover{background:#6c757d;background:var(--dark-gray);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);transform:translateY(-2px)}.customer-loading-container{align-items:center;background:#f8f9fa;background:var(--light-gray);display:flex;justify-content:center;min-height:100vh}.customer-loading-card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-width:400px;padding:3rem;padding:var(--spacing-xl);text-align:center}.customer-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top:4px solid #ff6b35;border:4px solid var(--medium-gray);border-radius:50%;border-top-color:var(--primary-orange);height:50px;margin:0 auto 1.5rem;margin:0 auto var(--spacing-md);width:50px}.customer-loading-text{color:#2c3e50;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.customer-error-container{align-items:center;background:#f8f9fa;background:var(--light-gray);display:flex;justify-content:center;min-height:100vh;padding:2rem;padding:var(--spacing-lg)}.customer-error-card{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-width:500px;padding:3rem;padding:var(--spacing-xl);text-align:center}.customer-error-text{color:#dc3545;color:var(--danger);font-size:1.2rem;font-weight:500;line-height:1.5;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.customer-retry-button{background:#ff6b35;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.customer-retry-button:hover{background:#e55a2b;background:var(--primary-orange-dark);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:1200px){.customer-content-wrapper,.customer-management-header{padding:1.5rem;padding:var(--spacing-md)}.customer-management-title{font-size:2.2rem}}@media (max-width:768px){.customer-management-header{flex-direction:column;gap:1.5rem;gap:var(--spacing-md);text-align:center}.customer-management-title{font-size:2rem}.customer-management-title:after{left:50%;transform:translateX(-50%)}.customer-add-button{justify-content:center;width:100%}.customer-table-wrapper{overflow-x:scroll}.customer-table{min-width:800px}.customer-header-cell,.customer-table-cell{padding:1rem .5rem;padding:var(--spacing-sm) var(--spacing-xs)}.customer-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.customer-delete-button,.customer-edit-button{text-align:center;width:100%}.customer-form-row{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr}.customer-modal{margin:1rem;margin:var(--spacing-sm);width:95%}.customer-modal-buttons{flex-direction:column}.customer-modal-cancel-button,.customer-modal-submit-button{width:100%}}@media (max-width:480px){.customer-content-wrapper,.customer-management-header{padding:1rem;padding:var(--spacing-sm)}.customer-management-title{font-size:1.8rem}.customer-search-input,.customer-search-wrapper{padding:1rem;padding:var(--spacing-sm)}.customer-table{font-size:.9rem;min-width:600px}.customer-header-cell{font-size:.8rem}.customer-header-cell,.customer-table-cell{padding:1rem .5rem;padding:var(--spacing-sm) var(--spacing-xs)}.customer-name{font-size:1rem}.customer-address,.customer-contact-person,.customer-email{font-size:.85rem}.customer-modal-form{padding:1.5rem;padding:var(--spacing-md)}.customer-modal-title{font-size:1.5rem;padding:1.5rem 1.5rem 0;padding:var(--spacing-md) var(--spacing-md) 0}.customer-form-group{margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.customer-error-card,.customer-loading-card{margin:1rem;margin:var(--spacing-sm);padding:2rem;padding:var(--spacing-lg)}.customer-loading-text{font-size:1.1rem}.customer-error-text{font-size:1rem}}@media (max-width:320px){.customer-management-title{font-size:1.6rem}.customer-table{font-size:.85rem;min-width:500px}.customer-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.customer-modal-title{font-size:1.3rem}}.dashboard-container{margin:0 auto;max-width:1400px;max-width:var(--container-max-width);min-height:100vh;padding:2rem;padding:var(--spacing-lg);width:100%}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.dashboard-title{color:#2c3e50;color:var(--text-dark);flex:1 1;font-size:2.5rem;font-size:var(--font-size-title);font-weight:700;min-width:0;position:relative}.dashboard-title:after{background:linear-gradient(90deg,#ff6b35,#ff8c5e);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));border-radius:2px;content:"";display:block;height:4px;margin:1rem 0;margin:var(--spacing-sm) 0;width:80px}.dashboard-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm)}.dashboard-action-btn{background:#0000;border:2px solid #ff6b35;border:2px solid var(--primary-orange);border-radius:8px;border-radius:var(--border-radius-sm);color:#ff6b35;color:var(--primary-orange);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;min-height:44px;min-height:var(--touch-target-min);padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.dashboard-action-btn:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-action-btn.primary,.dashboard-action-btn:hover{background:#ff6b35;background:var(--primary-orange);color:#fff;color:var(--white)}.dashboard-action-btn.primary:hover{background:#e55a2b;background:var(--primary-orange-dark)}.dashboard-stats-grid{grid-gap:1.5rem;grid-gap:var(--grid-gap);display:grid;gap:1.5rem;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-xl)}.dashboard-stats-card{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;padding:var(--card-padding);position:relative;transition:all .3s ease;transition:var(--transition)}.dashboard-stats-card:before{background:linear-gradient(90deg,#ff6b35,#ff8c5e);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-stats-card:hover{border-color:#ffb3a3;border-color:var(--primary-orange-lighter);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.dashboard-stats-card-title{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.dashboard-stats-card-value{color:#ff6b35;color:var(--primary-orange);font-size:2.5rem;font-weight:700;line-height:1;word-break:break-all}.dashboard-stats-card-trend{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs);margin-top:1rem;margin-top:var(--spacing-sm)}.trend-up{color:#28a745;color:var(--success)}.trend-down{color:#dc3545;color:var(--danger)}.trend-neutral{color:#7f8c8d;color:var(--text-light)}.dashboard-content-grid{grid-gap:2rem;grid-gap:var(--spacing-lg);display:grid;gap:2rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-xl)}.dashboard-chart-container{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;padding:var(--card-padding);transition:all .3s ease;transition:var(--transition)}.dashboard-chart-container:hover{border-color:#ffb3a3;border-color:var(--primary-orange-lighter);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg)}.chart-content{overflow-x:auto;width:100%}.chart-title{color:#2c3e50;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);text-align:center}.chart-no-data{color:#7f8c8d;color:var(--text-light);font-style:italic;padding:3rem;padding:var(--spacing-xl);text-align:center}.bar-chart-container{align-items:flex-end;display:flex;gap:1rem;gap:var(--spacing-sm);height:200px;justify-content:space-around;overflow-x:auto;padding:1.5rem 0;padding:var(--spacing-md) 0}.bar-chart-item{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:80px;min-width:60px}.bar-chart-value{color:#2c3e50;color:var(--text-dark);font-size:.8rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);text-align:center;word-break:break-word}.bar-chart-bar{background:linear-gradient(180deg,#ff6b35,#e55a2b);background:linear-gradient(180deg,var(--primary-orange),var(--primary-orange-dark));border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);min-height:5px;transition:all .3s ease;transition:var(--transition);width:100%}.bar-chart-bar:hover{background:linear-gradient(180deg,#ff8c5e,#ff6b35);background:linear-gradient(180deg,var(--primary-orange-light),var(--primary-orange));transform:scaleX(1.05)}.bar-chart-label{color:#7f8c8d;color:var(--text-light);font-size:.75rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;margin-top:.5rem;margin-top:var(--spacing-xs);text-align:center;word-break:break-word}.pie-chart-container{padding:1.5rem;padding:var(--spacing-md)}.pie-chart-legend{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-sm)}.pie-chart-item{background:#f8f9fa;background:var(--light-gray);border-radius:8px;border-radius:var(--border-radius-sm);padding:1rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.pie-chart-item:hover{background:#fff4f1;background:var(--primary-orange-subtle);transform:translateX(5px)}.pie-chart-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-xs);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.pie-chart-method{color:#2c3e50;color:var(--text-dark);flex:1 1;font-weight:600;min-width:0}.pie-chart-percentage{color:#ff6b35;color:var(--primary-orange);font-weight:700;white-space:nowrap}.pie-chart-bar-bg{background:#e9ecef;background:var(--medium-gray);border-radius:3px;height:6px;overflow:hidden}.pie-chart-bar-fill{background:linear-gradient(90deg,#ff6b35,#ff8c5e);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));border-radius:3px;height:100%;transition:width .6s ease}.dashboard-widget-card{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:2rem;padding:var(--card-padding);transition:all .3s ease;transition:var(--transition)}.dashboard-widget-card:hover{border-color:#ffb3a3;border-color:var(--primary-orange-lighter);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg)}.dashboard-widget-title{align-items:center;color:#2c3e50;color:var(--text-dark);display:flex;flex-wrap:wrap;font-size:1.3rem;font-weight:600;gap:1rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.dashboard-empty-state{color:#7f8c8d;color:var(--text-light);font-style:italic;padding:3rem;padding:var(--spacing-xl);text-align:center}.dashboard-item-row{align-items:center;background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-sm);min-height:44px;min-height:var(--touch-target-min);padding:1.5rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.dashboard-item-row:hover{background:#fff4f1;background:var(--primary-orange-subtle);border-color:#ffb3a3;border-color:var(--primary-orange-lighter);transform:translateX(5px)}.dashboard-item-row:last-child{margin-bottom:0}.item-details{flex:1 1;min-width:0}.item-name{color:#2c3e50;color:var(--text-dark);font-weight:600;-webkit-hyphens:auto;hyphens:auto;margin-bottom:2px;word-break:break-word}.item-code{color:#7f8c8d;color:var(--text-light);font-size:.85rem;word-break:break-all}.item-meta{margin-left:1rem;margin-left:var(--spacing-sm);text-align:right;white-space:nowrap}.item-primary-value{font-weight:700;margin-bottom:2px}.item-secondary-value{color:#7f8c8d;color:var(--text-light);font-size:.85rem}.status-success{color:#28a745!important;color:var(--success)!important}.status-warning{color:#ffc107!important;color:var(--warning)!important}.status-error{color:#dc3545!important;color:var(--danger)!important}.status-info{color:#17a2b8!important;color:var(--info)!important}.business-insights-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.insight-card{background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);min-height:44px;min-height:var(--touch-target-min);padding:1.5rem;padding:var(--spacing-md);text-align:center;transition:all .3s ease;transition:var(--transition)}.insight-card:hover{background:#fff4f1;background:var(--primary-orange-subtle);border-color:#ffb3a3;border-color:var(--primary-orange-lighter);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-3px)}.insight-value{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);word-break:break-all}.insight-value.success{color:#28a745;color:var(--success)}.insight-value.error{color:#dc3545;color:var(--danger)}.insight-value.info{color:#17a2b8;color:var(--info)}.insight-value.warning{color:#ffc107;color:var(--warning)}.insight-label{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-weight:500}.performance-metrics{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-item{align-items:center;background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;min-height:44px;min-height:var(--touch-target-min);padding:1.5rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.metric-item:hover{background:#fff4f1;background:var(--primary-orange-subtle);border-color:#ffb3a3;border-color:var(--primary-orange-lighter)}.metric-label{color:#2c3e50;color:var(--text-dark);flex:1 1;font-weight:500;margin-right:1rem;margin-right:var(--spacing-sm);min-width:0}.metric-value{font-size:1.1rem;font-weight:700;white-space:nowrap}.metric-value.success{color:#28a745;color:var(--success)}.metric-value.warning{color:#ffc107;color:var(--warning)}.metric-value.error{color:#dc3545;color:var(--danger)}.metric-value.info{color:#17a2b8;color:var(--info)}.quick-actions-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:44px;min-height:var(--touch-target-min);padding:1.5rem;padding:var(--spacing-md);text-align:center;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.quick-action-btn.primary{background:#ff6b35;background:var(--primary-orange);color:#fff;color:var(--white)}.quick-action-btn.primary:hover{background:#e55a2b;background:var(--primary-orange-dark);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-btn.success{background:#28a745;background:var(--success);color:#fff;color:var(--white)}.quick-action-btn.success:hover{background:#218838;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-btn.warning{background:#ffc107;background:var(--warning);color:#2c3e50;color:var(--text-dark)}.quick-action-btn.warning:hover{background:#e0a800;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-btn.info{background:#17a2b8;background:var(--info);color:#fff;color:var(--white)}.quick-action-btn.info:hover{background:#138496;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-table-container{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);margin:1.5rem 0;margin:var(--spacing-md) 0;overflow-x:auto}.dashboard-table{background:#fff;background:var(--white);border-collapse:collapse;min-width:600px;width:100%}.dashboard-table td,.dashboard-table th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.dashboard-table th{background:#fff4f1;background:var(--primary-orange-subtle);color:#2c3e50;color:var(--text-dark);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1}.dashboard-table tbody tr:hover{background:#f8f9fa;background:var(--light-gray)}.dashboard-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;padding:var(--spacing-xl);text-align:center}.dashboard-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top:4px solid #ff6b35;border:4px solid var(--medium-gray);border-radius:50%;border-top-color:var(--primary-orange);height:50px;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);width:50px}.dashboard-loading-text{color:#7f8c8d;color:var(--text-light);font-size:1.2rem;font-weight:500}.dashboard-error-container{align-items:center;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;padding:var(--spacing-xl);text-align:center}.dashboard-error-text{color:#dc3545;color:var(--danger);font-size:1.2rem;font-weight:500;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.dashboard-retry-button{background:#ff6b35;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;min-height:var(--touch-target-min);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.dashboard-retry-button:hover{background:#e55a2b;background:var(--primary-orange-dark);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:1199px){:root{--container-max-width:1200px;--font-size-title:2.2rem;--card-padding:var(--spacing-md)}.dashboard-container{padding:1.5rem;padding:var(--spacing-md)}.dashboard-content-grid{grid-template-columns:1fr 1fr}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:991px){:root{--font-size-title:2rem;--grid-gap:var(--spacing-sm)}.dashboard-header{align-items:stretch;flex-direction:column;text-align:center}.dashboard-title:after{margin:1rem auto;margin:var(--spacing-sm) auto}.dashboard-actions{justify-content:center}.dashboard-content-grid{grid-template-columns:1fr}.business-insights-grid,.performance-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:767px){:root{--font-size-title:1.8rem;--card-padding:var(--spacing-sm)}.dashboard-stats-grid{gap:1rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-stats-card-value{font-size:2rem}.dashboard-content-grid{gap:1.5rem;gap:var(--spacing-md)}.dashboard-widget-card{padding:1.5rem;padding:var(--spacing-md)}.business-insights-grid,.performance-metrics,.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pie-chart-item-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.pie-chart-percentage{align-self:flex-end}}@media (max-width:575px){.dashboard-container{padding:1rem;padding:var(--spacing-sm)}.dashboard-stats-grid{gap:.5rem;gap:var(--spacing-xs);grid-template-columns:1fr 1fr}.dashboard-item-row,.dashboard-stats-card{padding:1rem;padding:var(--spacing-sm)}.dashboard-item-row{align-items:flex-start;flex-direction:column;text-align:left}.item-meta{margin-left:0;margin-top:.5rem;margin-top:var(--spacing-xs);text-align:left;width:100%}.metric-item{flex-direction:column;gap:.5rem;gap:var(--spacing-xs);text-align:center}.metric-label{margin-right:0}}@media (max-width:479px){:root{--font-size-title:1.6rem;--spacing-xs:0.25rem;--spacing-sm:0.75rem;--spacing-md:1rem}.dashboard-title{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-stats-card-value{font-size:1.8rem}.dashboard-widget-title{font-size:1.1rem}.business-insights-grid,.performance-metrics,.quick-actions-grid{grid-template-columns:1fr}.bar-chart-container{height:150px;padding:1rem 0;padding:var(--spacing-sm) 0}.bar-chart-label,.bar-chart-value{font-size:.7rem}.dashboard-actions{flex-direction:column}.dashboard-action-btn{justify-content:center;width:100%}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.dashboard-loading-spinner{border-width:2px}.dashboard-stats-card:before{height:2px}}@media print{body{background:#fff;color:#000;font-size:12pt;line-height:1.4}.dashboard-container{box-shadow:none;max-width:none;padding:0}.dashboard-chart-container,.dashboard-stats-card,.dashboard-widget-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.dashboard-action-btn,.quick-action-btn{display:none}.chart-title{color:#000;font-size:14pt}.dashboard-title{color:#000;font-size:18pt}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.dashboard-loading-spinner{animation:none;border-top-color:#ff6b35;border-top-color:var(--primary-orange)}}@media (prefers-contrast:high){:root{--primary-orange:#ff4500;--primary-orange-dark:#cc3700;--border-color:#000;--text-light:#666;--shadow-sm:0 2px 4px #000c;--shadow-md:0 4px 12px #000c;--shadow-lg:0 8px 25px #000c}.dashboard-chart-container,.dashboard-stats-card,.dashboard-widget-card{border-width:2px}:focus{outline:3px solid #ff6b35;outline:3px solid var(--primary-orange);outline-offset:3px}}@supports (container-type:inline-size){.dashboard-stats-grid{container-type:inline-size}@container (max-width: 600px){.dashboard-stats-card{padding:1rem;padding:var(--spacing-sm)}.dashboard-stats-card-value{font-size:1.8rem}}}.dashboard-notification{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-width:300px;padding:1.5rem;padding:var(--spacing-md);position:fixed;right:20px;top:20px;transition:all .3s ease;transition:var(--transition);z-index:1000}.dashboard-notification.success{background:#28a745;background:var(--success);color:#fff;color:var(--white)}.dashboard-notification.error{background:#dc3545;background:var(--danger);color:#fff;color:var(--white)}.dashboard-notification.warning{background:#ffc107;background:var(--warning);color:#2c3e50;color:var(--text-dark)}.dashboard-notification.info{background:#17a2b8;background:var(--info);color:#fff;color:var(--white)}.dashboard-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:2000}.dashboard-modal{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.dashboard-modal-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:2rem;padding:var(--spacing-lg)}.dashboard-modal-title{color:#2c3e50;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin:0}.dashboard-modal-close{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#7f8c8d;color:var(--text-light);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:.5rem;padding:var(--spacing-xs)}.dashboard-modal-close:hover{background:#f8f9fa;background:var(--light-gray);color:#2c3e50;color:var(--text-dark)}.dashboard-modal-content,.dashboard-modal-footer{padding:2rem;padding:var(--spacing-lg)}.dashboard-modal-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-sm);justify-content:flex-end}.dashboard-nav{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:none;margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-md)}.dashboard-nav-list{display:flex;gap:1.5rem;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.dashboard-nav-item{margin:0}.dashboard-nav-link{align-items:center;border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);display:block;display:flex;font-weight:500;min-height:44px;min-height:var(--touch-target-min);padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.dashboard-nav-link.active,.dashboard-nav-link:hover{background:#fff4f1;background:var(--primary-orange-subtle);color:#e55a2b;color:var(--primary-orange-dark)}@media (max-width:767px){.dashboard-nav-list{flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.dashboard-nav-link{text-align:center;width:100%}}:root{--spacing-xs:clamp(0.25rem,0.5vw,0.5rem);--spacing-sm:clamp(0.5rem,1vw,1rem);--spacing-md:clamp(0.75rem,1.5vw,1.5rem);--spacing-lg:clamp(1rem,2vw,2rem);--spacing-xl:clamp(1.5rem,3vw,3rem);--font-size-xs:clamp(0.75rem,2vw,0.85rem);--font-size-sm:clamp(0.85rem,2.5vw,0.95rem);--font-size-base:clamp(0.95rem,3vw,1rem);--font-size-lg:clamp(1.1rem,3.5vw,1.2rem);--font-size-xl:clamp(1.3rem,4vw,1.8rem);--font-size-title:clamp(1.6rem,5vw,2.5rem)}@media (hover:none) and (pointer:coarse){.inventory-table-row,.searchable-option,button{min-height:44px;min-width:44px}}.inventory-management-container{background:#f8f9fa;background:var(--light-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;min-height:100dvh}.inventory-content-wrapper{container-type:inline-size;margin:0 auto;max-width:1400px;padding:clamp(1rem,2vw,2rem);padding:var(--spacing-lg)}.inventory-management-header{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;margin-bottom:clamp(1.5rem,3vw,3rem);margin-bottom:var(--spacing-xl);padding:clamp(1rem,2vw,2rem);padding:var(--spacing-lg)}.inventory-header-left,.inventory-management-header{align-items:center;display:flex;gap:clamp(.75rem,1.5vw,1.5rem);gap:var(--spacing-md)}.inventory-header-left{flex:1 1;min-width:200px}.inventory-header-icon{color:#ff6b35;color:var(--primary-orange);flex-shrink:0;font-size:clamp(2rem,5vw,3rem)}.inventory-management-title{color:#2c3e50;color:var(--text-dark);font-size:clamp(1.6rem,5vw,2.5rem);font-size:var(--font-size-title);font-weight:700;line-height:1.2;position:relative;word-break:break-word}.inventory-management-title:after{background:linear-gradient(90deg,#ff6b35,#ff8c5e);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:min(60px,30%)}.inventory-add-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:clamp(.95rem,3vw,1rem);font-size:var(--font-size-base);font-weight:600;gap:clamp(.25rem,.5vw,.5rem);gap:var(--spacing-xs);justify-content:center;min-height:44px;padding:clamp(.5rem,1vw,1rem) clamp(1rem,2vw,2rem);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.inventory-add-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.inventory-add-button:focus-visible{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:2px}.inventory-add-icon{flex-shrink:0;font-size:1.2em}.inventory-filters{grid-gap:clamp(.75rem,1.5vw,1.5rem);grid-gap:var(--spacing-md);background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:grid;gap:clamp(.75rem,1.5vw,1.5rem);gap:var(--spacing-md);grid-template-columns:1fr auto;margin-bottom:clamp(1rem,2vw,2rem);margin-bottom:var(--spacing-lg);padding:clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-md)}.inventory-search-container{min-width:0}.inventory-search-input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-size:clamp(.95rem,3vw,1rem);font-size:var(--font-size-base);min-height:44px;padding:clamp(.5rem,1vw,1rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition);width:100%}.inventory-search-input:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.inventory-search-input::placeholder{color:#7f8c8d;color:var(--text-light)}.inventory-filter-container{min-width:200px}.inventory-filter-select{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:clamp(.95rem,3vw,1rem);font-size:var(--font-size-base);min-height:44px;padding:clamp(.5rem,1vw,1rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition);width:100%}.inventory-filter-select:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.inventory-table-container{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden}.inventory-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-color:#ff6b35 #f8f9fa;scrollbar-color:var(--primary-orange) var(--light-gray)}.inventory-table-wrapper::-webkit-scrollbar{height:8px}.inventory-table-wrapper::-webkit-scrollbar-track{background:#f8f9fa;background:var(--light-gray)}.inventory-table-wrapper::-webkit-scrollbar-thumb{background:#ff6b35;background:var(--primary-orange);border-radius:4px}.inventory-table{border-collapse:collapse;font-size:clamp(.85rem,2.5vw,.95rem);font-size:var(--font-size-sm);min-width:800px;width:100%}.inventory-table-header{background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter));position:-webkit-sticky;position:sticky;top:0;z-index:10}.inventory-header-cell{border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--primary-orange);color:#2c3e50;color:var(--text-dark);font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;padding:clamp(.75rem,1.5vw,1.5rem) clamp(.5rem,1vw,1rem);padding:var(--spacing-md) var(--spacing-sm);text-align:left;text-transform:uppercase;white-space:nowrap}.inventory-table-row{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);transition:all .3s ease;transition:var(--transition)}.inventory-table-row:hover{background:#fff4f1;background:var(--primary-orange-subtle)}.inventory-table-row:last-child{border-bottom:none}.inventory-table-cell{word-wrap:break-word;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);max-width:200px;padding:clamp(.75rem,1.5vw,1.5rem) clamp(.5rem,1vw,1rem);padding:var(--spacing-md) var(--spacing-sm);vertical-align:top}.inventory-date{color:#2c3e50;color:var(--text-dark);font-size:clamp(.85rem,2.5vw,.95rem);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.inventory-product-info{min-width:150px}.inventory-product-name{color:#2c3e50;color:var(--text-dark);font-size:clamp(.85rem,2.5vw,.95rem);font-size:var(--font-size-sm);font-weight:700;line-height:1.3;margin-bottom:4px}.inventory-product-code{color:#ff6b35;color:var(--primary-orange)}.inventory-movement-badge,.inventory-product-code{font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs);font-weight:600}.inventory-movement-badge{border-radius:20px;display:inline-block;letter-spacing:.5px;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,1rem);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.inventory-movement-in{background:#28a7451a;border:1px solid #28a7454d;color:#28a745;color:var(--success)}.inventory-movement-out{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545;color:var(--danger)}.inventory-quantity{color:#2c3e50;color:var(--text-dark);font-size:clamp(1.1rem,3.5vw,1.2rem);font-size:var(--font-size-lg);font-weight:700}.inventory-total-value,.inventory-unit-price{color:#28a745;color:var(--success);font-weight:600;white-space:nowrap}.inventory-reference{color:#7f8c8d;color:var(--text-light);font-style:italic;word-break:break-all}.inventory-supplier-name{color:#17a2b8;color:var(--info);font-weight:600}.inventory-delete-button{align-items:center;background:#dc3545;background:var(--danger);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs);font-weight:600;justify-content:center;min-height:36px;min-width:36px;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,1rem);padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.inventory-delete-button:hover{background:#c82333;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.inventory-delete-button:focus-visible{outline:2px solid #dc3545;outline:2px solid var(--danger);outline-offset:2px}.inventory-empty-state{color:#7f8c8d;color:var(--text-light);padding:clamp(1.5rem,3vw,3rem);padding:var(--spacing-xl);text-align:center}.inventory-empty-icon{font-size:clamp(2rem,5vw,3rem);margin-bottom:clamp(.75rem,1.5vw,1.5rem);margin-bottom:var(--spacing-md)}.inventory-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm);position:fixed;right:0;top:0;z-index:1000}.inventory-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);margin:auto;max-height:min(90vh,100dvh - 2rem);max-width:min(800px,100vw - 2rem);overflow-y:auto;width:100%}.inventory-modal-header{align-items:center;background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter));border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--primary-orange);display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1.5rem);gap:var(--spacing-md);padding:clamp(1rem,2vw,2rem);padding:var(--spacing-lg)}.inventory-modal-icon{color:#ff6b35;color:var(--primary-orange);flex-shrink:0;font-size:clamp(1.5rem,4vw,2rem)}.inventory-modal-title{color:#2c3e50;color:var(--text-dark);font-size:clamp(1.3rem,4vw,1.8rem);font-size:var(--font-size-xl);font-weight:700;line-height:1.2;margin:0}.inventory-modal-form{padding:clamp(1rem,2vw,2rem);padding:var(--spacing-lg)}.inventory-form-group,.inventory-form-row{margin-bottom:clamp(.75rem,1.5vw,1.5rem);margin-bottom:var(--spacing-md)}.inventory-form-row{grid-gap:clamp(.75rem,1.5vw,1.5rem);grid-gap:var(--spacing-md);gap:clamp(.75rem,1.5vw,1.5rem);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.inventory-form-label{color:#2c3e50;color:var(--text-dark);display:block;font-size:clamp(.85rem,2.5vw,.95rem);font-size:var(--font-size-sm);font-weight:600;margin-bottom:clamp(.25rem,.5vw,.5rem);margin-bottom:var(--spacing-xs)}.inventory-form-label.required:after{color:#dc3545;color:var(--danger);content:" *";font-weight:700}.inventory-form-input,.inventory-form-select{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-family:inherit;font-size:clamp(.95rem,3vw,1rem);font-size:var(--font-size-base);min-height:44px;padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:100%}.inventory-form-input:focus,.inventory-form-select:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.inventory-supplier-section{background:#fff4f1;background:var(--primary-orange-subtle);border:1px solid #ffb3a3;border:1px solid var(--primary-orange-lighter);border-radius:8px;border-radius:var(--border-radius-sm);margin-bottom:clamp(.75rem,1.5vw,1.5rem);margin-bottom:var(--spacing-md);padding:clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-md)}.inventory-modal-buttons{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,1rem);gap:var(--spacing-sm);justify-content:flex-end;padding-top:clamp(1rem,2vw,2rem);padding-top:var(--spacing-lg)}.inventory-modal-submit-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;flex:1 1;font-size:clamp(.95rem,3vw,1rem);font-size:var(--font-size-base);font-weight:600;gap:clamp(.25rem,.5vw,.5rem);gap:var(--spacing-xs);justify-content:center;min-height:44px;min-width:120px;padding:clamp(.5rem,1vw,1rem) clamp(1rem,2vw,2rem);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.inventory-modal-submit-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.inventory-modal-submit-button:focus-visible{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:2px}.inventory-modal-cancel-button{background:#e9ecef;background:var(--medium-gray);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;flex:1 1;font-size:clamp(.95rem,3vw,1rem);font-size:var(--font-size-base);font-weight:600;min-height:44px;min-width:120px;padding:clamp(.5rem,1vw,1rem) clamp(1rem,2vw,2rem);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.inventory-modal-cancel-button:hover{background:#6c757d;background:var(--dark-gray);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);transform:translateY(-2px)}.inventory-modal-cancel-button:focus-visible{outline:2px solid #6c757d;outline:2px solid var(--dark-gray);outline-offset:2px}.validation-error{color:#dc3545;color:var(--danger);font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs);font-weight:500;margin-top:clamp(.25rem,.5vw,.5rem);margin-top:var(--spacing-xs)}.error{background:#dc35450d!important;border-color:#dc3545!important;border-color:var(--danger)!important}.stock-warning{background:#ffc1071a;border:1px solid #ffc107;border:1px solid var(--warning);border-radius:8px;border-radius:var(--border-radius-sm);color:#ffc107;color:var(--warning);font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs);font-weight:500;margin-top:clamp(.25rem,.5vw,.5rem);margin-top:var(--spacing-xs);padding:clamp(.25rem,.5vw,.5rem);padding:var(--spacing-xs)}.total-value-display{background:#fff4f1;background:var(--primary-orange-subtle);border:2px solid #ffb3a3;border:2px solid var(--primary-orange-lighter);border-radius:8px;border-radius:var(--border-radius-sm);color:#e55a2b;color:var(--primary-orange-dark);font-size:clamp(1.1rem,3.5vw,1.2rem);font-size:var(--font-size-lg);font-weight:700;padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm);text-align:center}.inventory-loading-container{align-items:center;background:#f8f9fa;background:var(--light-gray);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-md)}.inventory-loading-card{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-width:400px;padding:clamp(1.5rem,3vw,3rem);padding:var(--spacing-xl);text-align:center;width:100%}.inventory-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top:4px solid #ff6b35;border:4px solid var(--medium-gray);border-radius:50%;border-top-color:var(--primary-orange);height:clamp(40px,10vw,50px);margin:0 auto clamp(.75rem,1.5vw,1.5rem);margin:0 auto var(--spacing-md);width:clamp(40px,10vw,50px)}.inventory-loading-text{color:#2c3e50;color:var(--text-dark);font-size:clamp(1.1rem,3.5vw,1.2rem);font-size:var(--font-size-lg);font-weight:600;margin-bottom:clamp(.5rem,1vw,1rem);margin-bottom:var(--spacing-sm)}.inventory-error-container{align-items:center;background:#f8f9fa;background:var(--light-gray);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:clamp(1rem,2vw,2rem);padding:var(--spacing-lg)}.inventory-error-card{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-width:500px;padding:clamp(1.5rem,3vw,3rem);padding:var(--spacing-xl);text-align:center;width:100%}.inventory-error-icon{color:#dc3545;color:var(--danger);font-size:clamp(2rem,6vw,3rem);margin-bottom:clamp(.75rem,1.5vw,1.5rem);margin-bottom:var(--spacing-md)}.inventory-error-text{color:#dc3545;color:var(--danger);font-size:clamp(1.1rem,3.5vw,1.2rem);font-size:var(--font-size-lg);font-weight:500;line-height:1.5;margin-bottom:clamp(1rem,2vw,2rem);margin-bottom:var(--spacing-lg)}.inventory-retry-button{background:#ff6b35;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:clamp(.95rem,3vw,1rem);font-size:var(--font-size-base);font-weight:600;min-height:44px;padding:clamp(.5rem,1vw,1rem) clamp(1rem,2vw,2rem);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.inventory-retry-button:hover{background:#e55a2b;background:var(--primary-orange-dark);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.inventory-retry-button:focus-visible{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:2px}.searchable-select{position:relative;width:100%}.searchable-input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);cursor:text;font-size:clamp(.95rem,3vw,1rem);font-size:var(--font-size-base);min-height:44px;padding:clamp(.5rem,1vw,1rem) 40px clamp(.5rem,1vw,1rem) clamp(.5rem,1vw,1rem);padding:var(--spacing-sm) 40px var(--spacing-sm) var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:100%}.searchable-input:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.searchable-arrow{color:#7f8c8d;color:var(--text-light);font-size:.9rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.searchable-options{-webkit-overflow-scrolling:touch;border:2px solid #ff6b35;border:2px solid var(--primary-orange);border-radius:0 0 8px 8px;border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);border-top:none;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);left:0;max-height:min(250px,50vh);overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.searchable-option,.searchable-options{background:#fff;background:var(--white)}.searchable-option{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.searchable-option:focus,.searchable-option:hover{background:#fff4f1;background:var(--primary-orange-subtle)}.searchable-option:last-child{border-bottom:none}.option-main{color:#2c3e50;color:var(--text-dark);font-weight:600;margin-bottom:2px}.option-sub{font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs)}.no-results,.option-sub{color:#7f8c8d;color:var(--text-light)}.no-results{align-items:center;background:#fff;background:var(--white);display:flex;font-style:italic;justify-content:center;min-height:44px;padding:clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-md);text-align:center}@media (max-width:1200px){.inventory-content-wrapper,.inventory-management-header{padding:clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-md)}}@media (max-width:768px){.inventory-management-header{flex-direction:column;text-align:center}.inventory-header-left{justify-content:center;width:100%}.inventory-management-title:after{left:50%;transform:translateX(-50%)}.inventory-add-button{justify-content:center;width:100%}.inventory-table-wrapper{border-radius:8px;border-radius:var(--border-radius-sm);overflow-x:scroll}.inventory-table{min-width:600px}.inventory-modal{margin:clamp(.25rem,.5vw,.5rem);margin:var(--spacing-xs);max-width:min(600px,100vw - 1rem)}.inventory-modal-buttons{flex-direction:column}.inventory-modal-cancel-button,.inventory-modal-submit-button{order:1;width:100%}.inventory-modal-cancel-button{order:2}}@media (max-width:640px){:root{--border-radius:6px;--border-radius-sm:4px}.inventory-content-wrapper,.inventory-management-header{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-management-header{margin-bottom:clamp(1rem,2vw,2rem);margin-bottom:var(--spacing-lg)}.inventory-filters{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-table{font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs);min-width:500px}.inventory-header-cell,.inventory-table-cell{padding:clamp(.25rem,.5vw,.5rem) calc(clamp(.25rem, .5vw, .5rem)*.5);padding:var(--spacing-xs) calc(var(--spacing-xs)*.5)}.inventory-header-cell{font-size:calc(clamp(.75rem, 2vw, .85rem)*.9);font-size:calc(var(--font-size-xs)*.9)}.inventory-modal-form,.inventory-modal-header{padding:clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-md)}.searchable-options{max-height:min(200px,40vh)}}@media (max-width:480px){:root{--border-radius:4px;--border-radius-sm:3px}.inventory-header-left,.inventory-management-header{gap:clamp(.5rem,1vw,1rem);gap:var(--spacing-sm)}.inventory-header-left{flex-direction:column;text-align:center}.inventory-add-button{font-size:clamp(.85rem,2.5vw,.95rem);font-size:var(--font-size-sm);padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-table{min-width:450px}.inventory-table-cell{max-width:120px}.inventory-product-name{font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs);line-height:1.2}.inventory-movement-badge{font-size:calc(clamp(.75rem, 2vw, .85rem)*.85);font-size:calc(var(--font-size-xs)*.85);padding:calc(clamp(.25rem, .5vw, .5rem)*.5) clamp(.25rem,.5vw,.5rem);padding:calc(var(--spacing-xs)*.5) var(--spacing-xs)}.inventory-modal{border-radius:0;margin:0;max-height:100vh;max-height:100dvh}.inventory-modal-header{border-radius:0;padding:clamp(.5rem,1vw,1rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-sm) var(--spacing-md)}.inventory-modal-form{padding:clamp(.5rem,1vw,1rem) clamp(.75rem,1.5vw,1.5rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.inventory-form-group{margin-bottom:clamp(.5rem,1vw,1rem);margin-bottom:var(--spacing-sm)}.inventory-error-card,.inventory-loading-card{margin:clamp(.5rem,1vw,1rem);margin:var(--spacing-sm);padding:clamp(1rem,2vw,2rem);padding:var(--spacing-lg)}}@media (max-width:360px){:root{--border-radius:3px;--border-radius-sm:2px}.inventory-table{font-size:calc(clamp(.75rem, 2vw, .85rem)*.9);font-size:calc(var(--font-size-xs)*.9);min-width:400px}.inventory-header-cell,.inventory-table-cell{padding:clamp(.25rem,.5vw,.5rem) calc(clamp(.25rem, .5vw, .5rem)*.3);padding:var(--spacing-xs) calc(var(--spacing-xs)*.3)}.inventory-table-cell{max-width:100px}.inventory-delete-button{min-height:32px;min-width:32px;padding:calc(clamp(.25rem, .5vw, .5rem)*.5);padding:calc(var(--spacing-xs)*.5)}.inventory-modal-header{flex-direction:column;text-align:center}.inventory-modal-form,.inventory-modal-header{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-modal-buttons{gap:clamp(.25rem,.5vw,.5rem);gap:var(--spacing-xs);padding-top:clamp(.75rem,1.5vw,1.5rem);padding-top:var(--spacing-md)}.searchable-options{max-height:min(180px,35vh)}}@media (max-width:320px){.inventory-table{min-width:360px}.inventory-management-title{text-align:center}.inventory-product-name{word-break:break-word}.inventory-reference{font-size:calc(clamp(.75rem, 2vw, .85rem)*.85);font-size:calc(var(--font-size-xs)*.85);word-break:break-all}.inventory-modal{height:100vh;height:100dvh;max-height:none;max-width:none;width:100vw}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.inventory-management-title:after{height:3px}.inventory-header-cell{border-bottom-width:1px}.inventory-filter-select,.inventory-form-input,.inventory-form-select,.inventory-search-input{border-width:1px}.inventory-filter-select:focus,.inventory-form-input:focus,.inventory-form-select:focus,.inventory-search-input:focus{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.inventory-modal{animation:none}.inventory-loading-spinner{animation:none;border-top-color:#0000}.inventory-add-button:hover,.inventory-delete-button:hover,.inventory-modal-submit-button:hover,.inventory-table-row:hover{transform:none}}@media print{.inventory-management-container{background:#fff}.inventory-add-button,.inventory-delete-button,.inventory-modal-overlay{display:none!important}.inventory-table-container{border:1px solid #000;box-shadow:none}.inventory-table{font-size:10pt}.inventory-header-cell{color-adjust:exact;background:#f0f0f0!important;-webkit-print-color-adjust:exact}.inventory-table-row{page-break-inside:avoid}.inventory-filters{display:none!important}.inventory-management-header{page-break-after:avoid}}@media (hover:none) and (pointer:coarse){.inventory-table-row:hover{background:#0000}.inventory-table-row:active{background:#fff4f1;background:var(--primary-orange-subtle)}.searchable-option:hover{background:#0000}.searchable-option:active{background:#fff4f1;background:var(--primary-orange-subtle)}.inventory-header-cell,.inventory-table-cell{min-height:48px}.inventory-movement-badge{align-items:center;display:inline-flex;min-height:28px}}@media (max-height:500px) and (orientation:landscape){.inventory-modal{max-height:90vh;max-height:90dvh}.inventory-modal-form{max-height:calc(90vh - 120px);max-height:calc(90dvh - 120px);overflow-y:auto}.searchable-options{max-height:min(150px,25vh)}}@media (min-width:1920px){.inventory-content-wrapper{max-width:1600px;padding:clamp(1.5rem,3vw,3rem) clamp(1rem,2vw,2rem);padding:var(--spacing-xl) var(--spacing-lg)}.inventory-management-title{font-size:3rem}.inventory-table{font-size:1.1rem}.inventory-header-cell,.inventory-table-cell{padding:clamp(1rem,2vw,2rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-lg) var(--spacing-md)}.inventory-modal{max-width:1000px}}@media (max-width:1024px){.inventory-filters{gap:clamp(.5rem,1vw,1rem);gap:var(--spacing-sm);grid-template-columns:1fr}.inventory-modal{margin:clamp(.75rem,1.5vw,1.5rem);margin:var(--spacing-md);max-width:90vw}.inventory-form-row{grid-template-columns:1fr 1fr}.inventory-filter-container{min-width:auto}}@media (max-width:900px){.inventory-filters{gap:clamp(.5rem,1vw,1rem);gap:var(--spacing-sm);grid-template-columns:1fr}.inventory-filter-container{min-width:auto}.inventory-table{min-width:700px}.inventory-form-row{grid-template-columns:1fr}}@media (max-width:768px){.inventory-management-header{flex-direction:column;padding:clamp(.75rem,1.5vw,1.5rem) clamp(.5rem,1vw,1rem);padding:var(--spacing-md) var(--spacing-sm);text-align:center}.inventory-header-left{justify-content:center;width:100%}.inventory-management-title:after{left:50%;transform:translateX(-50%)}.inventory-add-button{font-size:.95rem;justify-content:center;min-width:180px;width:100%}.inventory-table-wrapper{border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:inset 0 0 0 1px #dee2e6;box-shadow:inset 0 0 0 1px var(--border-color);overflow-x:scroll}.inventory-table{min-width:600px}.inventory-modal{margin:clamp(.25rem,.5vw,.5rem);margin:var(--spacing-xs);max-width:min(600px,100vw - 1rem)}.inventory-modal-buttons{flex-direction:column}.inventory-modal-cancel-button,.inventory-modal-submit-button{order:1;width:100%}.inventory-modal-cancel-button{order:2}.inventory-delete-button{min-height:48px;padding:clamp(.5rem,1vw,1rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:640px){.inventory-content-wrapper,.inventory-management-header{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-management-header{gap:clamp(.75rem,1.5vw,1.5rem);gap:var(--spacing-md);margin-bottom:clamp(1rem,2vw,2rem);margin-bottom:var(--spacing-lg)}.inventory-management-title{font-size:1.8rem;margin-bottom:clamp(.25rem,.5vw,.5rem);margin-bottom:var(--spacing-xs)}.inventory-filters{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-table-wrapper:before{background:#fff4f1;background:var(--primary-orange-subtle);border-bottom:1px solid #ffb3a3;border-bottom:1px solid var(--primary-orange-lighter);color:#e55a2b;color:var(--primary-orange-dark);content:"← Scroll horizontally to see more →";display:block;font-weight:600;padding:clamp(.25rem,.5vw,.5rem);padding:var(--spacing-xs);text-align:center}.inventory-table,.inventory-table-wrapper:before{font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs)}.inventory-table{min-width:500px}.inventory-header-cell,.inventory-table-cell{padding:clamp(.25rem,.5vw,.5rem) calc(clamp(.25rem, .5vw, .5rem)*.5);padding:var(--spacing-xs) calc(var(--spacing-xs)*.5)}.inventory-header-cell{font-size:calc(clamp(.75rem, 2vw, .85rem)*.9);font-size:calc(var(--font-size-xs)*.9)}.inventory-modal-form,.inventory-modal-header{padding:clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-md)}.searchable-options{max-height:min(200px,40vh)}.inventory-modal{margin:.5rem;max-height:calc(100vh - 2rem);width:calc(100vw - 1rem)}.inventory-form-group{margin-bottom:clamp(.5rem,1vw,1rem);margin-bottom:var(--spacing-sm)}}@media (max-width:480px){.inventory-header-left,.inventory-management-header{gap:clamp(.5rem,1vw,1rem);gap:var(--spacing-sm)}.inventory-header-left{flex-direction:column;text-align:center}.inventory-add-button{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-add-button,.inventory-product-name{font-size:clamp(.85rem,2.5vw,.95rem);font-size:var(--font-size-sm)}.inventory-product-name{line-height:1.3}.inventory-product-code,.inventory-table{font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs)}.inventory-table{min-width:450px}.inventory-table-cell{max-width:120px;word-break:break-word}.inventory-movement-badge{font-size:.7rem;letter-spacing:.3px;padding:calc(clamp(.25rem, .5vw, .5rem)*.5) clamp(.25rem,.5vw,.5rem);padding:calc(var(--spacing-xs)*.5) var(--spacing-xs)}.inventory-modal{border-radius:0;display:flex;flex-direction:column;height:100vh;height:100dvh;margin:0;max-height:100vh;max-height:100dvh;max-height:none;max-width:none;width:100vw}.inventory-modal-form{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:clamp(.5rem,1vw,1rem) clamp(.75rem,1.5vw,1.5rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.inventory-modal-header{border-radius:0;flex-shrink:0;padding:clamp(.5rem,1vw,1rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-sm) var(--spacing-md)}.inventory-modal-buttons{background:#fff;background:var(--white);border-top:2px solid #ffb3a3;border-top:2px solid var(--primary-orange-lighter);flex-shrink:0;padding:clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-md)}.inventory-supplier-section{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-empty-state{padding:clamp(1rem,2vw,2rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-lg) var(--spacing-md)}.inventory-loading-container{padding:clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-md)}.inventory-loading-text{font-size:clamp(.95rem,3vw,1rem);font-size:var(--font-size-base)}.inventory-error-card,.inventory-loading-card{margin:clamp(.5rem,1vw,1rem);margin:var(--spacing-sm);padding:clamp(1rem,2vw,2rem);padding:var(--spacing-lg)}}@media (max-width:360px){.inventory-management-title{font-size:1.5rem;text-align:center}.inventory-table{font-size:.8rem;min-width:400px}.inventory-header-cell,.inventory-table-cell{max-width:100px;padding:clamp(.25rem,.5vw,.5rem) calc(clamp(.25rem, .5vw, .5rem)*.3);padding:var(--spacing-xs) calc(var(--spacing-xs)*.3);word-break:break-word}.inventory-movement-badge{font-size:.65rem;min-width:auto;padding:2px 6px}.inventory-delete-button{min-height:32px;min-width:32px;padding:calc(clamp(.25rem, .5vw, .5rem)*.5);padding:calc(var(--spacing-xs)*.5)}.inventory-modal-header{flex-direction:column;text-align:center}.inventory-modal-form,.inventory-modal-header{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-modal-buttons{gap:clamp(.25rem,.5vw,.5rem);gap:var(--spacing-xs);padding-top:clamp(.75rem,1.5vw,1.5rem);padding-top:var(--spacing-md)}.searchable-options{max-height:min(180px,35vh)}.inventory-form-group{margin-bottom:calc(clamp(.5rem, 1vw, 1rem)*.75);margin-bottom:calc(var(--spacing-sm)*.75)}.inventory-form-label{font-size:clamp(.75rem,2vw,.85rem);font-size:var(--font-size-xs);margin-bottom:calc(clamp(.25rem, .5vw, .5rem)*.5);margin-bottom:calc(var(--spacing-xs)*.5)}.inventory-form-input,.inventory-form-select{font-size:clamp(.85rem,2.5vw,.95rem);font-size:var(--font-size-sm);padding:calc(clamp(.5rem, 1vw, 1rem)*.8);padding:calc(var(--spacing-sm)*.8)}.inventory-modal-cancel-button,.inventory-modal-submit-button{font-size:clamp(.85rem,2.5vw,.95rem);font-size:var(--font-size-sm);padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}}@media (max-width:320px){.inventory-content-wrapper{padding:clamp(.25rem,.5vw,.5rem);padding:var(--spacing-xs)}.inventory-management-header{margin-bottom:clamp(.75rem,1.5vw,1.5rem);margin-bottom:var(--spacing-md)}.inventory-filters,.inventory-management-header{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm)}.inventory-table{font-size:.75rem;min-width:360px}.inventory-table-cell{max-width:60px;overflow:hidden;text-overflow:ellipsis}.inventory-table-cell:hover{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:visible;padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-sm);position:relative;white-space:normal;z-index:1}.inventory-product-name{word-break:break-word}.inventory-reference{font-size:calc(clamp(.75rem, 2vw, .85rem)*.85);font-size:calc(var(--font-size-xs)*.85);word-break:break-all}.inventory-modal{height:100vh;height:100dvh;max-height:none;max-width:none;width:100vw}}@media (hover:none) and (pointer:coarse){.inventory-table-row{min-height:52px}.inventory-delete-button{min-height:48px;min-width:48px}.inventory-table-row:active{background:#fff4f1;background:var(--primary-orange-subtle);transform:scale(.98)}.inventory-filter-select,.inventory-form-input,.inventory-form-select,.inventory-search-input,.searchable-input{font-size:16px}.inventory-modal,.inventory-table-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.inventory-header-cell,.inventory-table-cell{min-height:48px}.inventory-movement-badge{align-items:center;display:inline-flex;min-height:28px}.searchable-option:hover{background:#0000}.searchable-option:active{background:#fff4f1;background:var(--primary-orange-subtle)}}@media (max-height:500px) and (orientation:landscape){.inventory-modal{max-height:90vh;max-height:90dvh}.inventory-modal-form{max-height:calc(90vh - 120px);max-height:calc(90dvh - 120px);overflow-y:auto}.searchable-options{max-height:min(150px,25vh)}.inventory-management-header{padding:clamp(.5rem,1vw,1rem) clamp(.75rem,1.5vw,1.5rem);padding:var(--spacing-sm) var(--spacing-md)}}@media print{.inventory-management-container{background:#fff!important;color:#000!important}.inventory-management-header{border-bottom:2px solid #000;page-break-after:avoid}.inventory-table-container{border:1px solid #000;box-shadow:none;page-break-inside:avoid}.inventory-header-cell{color-adjust:exact;background:#f0f0f0!important;-webkit-print-color-adjust:exact}.inventory-table-row{page-break-inside:avoid}.inventory-add-button,.inventory-delete-button,.inventory-filters,.inventory-modal-overlay{display:none!important}}@media (prefers-contrast:high){.inventory-movement-badge{border-width:2px;font-weight:700}.inventory-header-cell{border-bottom-width:3px}.inventory-form-input:focus,.searchable-input:focus{outline:3px solid #ff6b35;outline:3px solid var(--primary-orange);outline-offset:2px}.inventory-table-row:hover{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange)}}@media (prefers-reduced-motion:reduce){.inventory-table-row:hover{transform:none}.inventory-modal{animation:none}.inventory-loading-spinner{animation:none;border-top-color:#0000}.inventory-add-button:hover,.inventory-delete-button:hover,.inventory-modal-submit-button:hover{transform:none}.inventory-form-input:focus,.searchable-input:focus{box-shadow:0 0 0 3px #ff6b35;box-shadow:0 0 0 3px var(--primary-orange)}}.inventory-table:focus-within{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:-2px}@media (max-width:480px){.inventory-product-name,.inventory-reference,.inventory-supplier-name{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}}.inventory-modal{scrollbar-color:#ff6b35 #f8f9fa;scrollbar-color:var(--primary-orange) var(--light-gray);scrollbar-width:thin}.inventory-modal::-webkit-scrollbar{width:8px}.inventory-modal::-webkit-scrollbar-track{background:#f8f9fa;background:var(--light-gray);border-radius:4px}.inventory-modal::-webkit-scrollbar-thumb{background:#ff6b35;background:var(--primary-orange);border-radius:4px}.inventory-modal::-webkit-scrollbar-thumb:hover{background:#e55a2b;background:var(--primary-orange-dark)}@container (max-width: 600px){.inventory-filters{grid-template-columns:1fr}.inventory-filter-container{min-width:auto}.inventory-form-row{grid-template-columns:1fr}}.inventory-add-button:focus-visible,.inventory-delete-button:focus-visible,.inventory-modal-cancel-button:focus-visible,.inventory-modal-submit-button:focus-visible,.inventory-retry-button:focus-visible{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:2px}.inventory-filter-select:focus-visible,.inventory-form-input:focus-visible,.inventory-form-select:focus-visible,.inventory-search-input:focus-visible,.searchable-input:focus-visible{outline:none}.payment-section{background:linear-gradient(135deg,#fff4f1,#fff);background:linear-gradient(135deg,var(--primary-orange-subtle) 0,#fff 100%);border:2px solid #ff6b35;border:2px solid var(--primary-orange);border-radius:12px;margin:20px 0;padding:20px}.payment-section-title{align-items:center;color:#e55a2b;color:var(--primary-orange-dark);display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0 0 16px}.inventory-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.payment-helper-text{color:#64748b}.payment-summary-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;margin-top:16px;padding:16px}.payment-summary-row{align-items:center;font-size:.95rem}.payment-summary-value{color:#1e293b}.payment-status-container{align-items:center;display:flex;flex-direction:column;gap:4px}.payment-status-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px;text-align:center;white-space:nowrap}.payment-status-paid{background:#d1fae5;border:1px solid #10b981;color:#065f46}.payment-status-pending{animation:pulse-pending 2s infinite;background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.payment-status-partial{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}@keyframes pulse-pending{0%,to{opacity:1}50%{opacity:.7}}.payment-method-text{color:#64748b;font-size:.75rem;margin-top:2px;text-align:center}.inventory-na{color:#94a3b8;font-style:italic;text-align:center}@media (max-width:768px){.inventory-form-row{grid-template-columns:1fr}.payment-section{padding:16px}.payment-status-badge{font-size:.8rem;padding:4px 8px}}.inventory-scroll-hint{animation:pulse-hint 2s infinite;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-bottom:2px solid #2196f3;color:#01579b;display:none;font-size:.85rem;font-weight:600;padding:8px 12px;text-align:center}@media (max-width:1400px){.inventory-scroll-hint{display:block}}@media (max-width:768px){.inventory-scroll-hint{font-size:.8rem;padding:6px 10px}}.inventory-table-wrapper::-webkit-scrollbar{height:12px;width:12px}.inventory-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.inventory-table-wrapper::-webkit-scrollbar-thumb{background:#2196f3;border:2px solid #f1f1f1;border-radius:6px}.inventory-table-wrapper::-webkit-scrollbar-thumb:hover{background:#1976d2}.inventory-table-wrapper{scrollbar-color:#2196f3 #f1f1f1;scrollbar-width:thin}@media (max-width:1400px){.inventory-table{font-size:.9rem}.inventory-header-cell,.inventory-table-cell{padding:10px 8px}}@media (max-width:1200px){.inventory-table{font-size:.85rem}.inventory-header-cell,.inventory-table-cell{padding:8px 6px}.inventory-delete-button{font-size:.85rem;padding:6px 10px}}@media (max-width:768px){.inventory-table{font-size:.8rem}.inventory-header-cell,.inventory-table-cell{padding:6px 4px}.inventory-delete-button{font-size:.75rem;padding:4px 8px;width:100%}}:root{--shadow-xl:0 12px 35px #0000004d}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#ff6b35,#ff8c5e 25%,#e55a2b 50%,#ff6b35 75%,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-light) 25%,var(--primary-orange-dark) 50%,var(--primary-orange) 75%,var(--primary-orange-lighter) 100%);background-size:400% 400%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-overlay{background:#0000001a;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.login-background:after,.login-background:before{animation:float 20s ease-in-out infinite;background:#ffffff1a;border-radius:50%;content:"";position:absolute}.login-background:before{animation-delay:0s;height:300px;left:-150px;top:-150px;width:300px}.login-background:after{animation-delay:10s;bottom:-100px;height:200px;right:-100px;width:200px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-50px) rotate(180deg)}}.login-content{max-width:1200px;padding:2rem;padding:var(--spacing-lg);position:relative;width:100%;z-index:1}.login-card{animation:cardSlideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--white);border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 12px 35px #0000004d;box-shadow:var(--shadow-xl);overflow:hidden;transition:all .3s ease;transition:var(--transition)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card:hover{box-shadow:0 20px 50px #0003;transform:translateY(-10px)}.login-card-body{padding:3rem;padding:var(--spacing-xl)}.login-header{margin-bottom:3rem;margin-bottom:var(--spacing-xl);position:relative;text-align:center}.company-logo{align-items:center;animation:logoFloat 3s ease-in-out infinite;border-radius:50%;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:inline-block;display:flex;height:100px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--spacing-md);transition:all .3s ease;transition:var(--transition);width:200px}.medium-image{height:auto;width:200px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.company-logo:hover{box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);transform:scale(1.1) translateY(-5px)}.logo-icon{color:#fff;color:var(--white);font-size:2.5rem}.company-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));-webkit-background-clip:text;background-clip:text;color:#2c3e50;color:var(--text-dark);font-size:2.2rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.system-name{font-size:1.3rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.login-subtitle,.system-name{color:#7f8c8d;color:var(--text-light)}.login-subtitle{font-size:1rem;font-weight:400}.custom-alert{animation:alertSlideIn .3s ease;background:#dc35451a;border:none;border-left:4px solid #dc3545;border-left:4px solid var(--danger);border-radius:8px;border-radius:var(--border-radius-sm);color:#dc3545;color:var(--danger);font-weight:500;margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-md)}@keyframes alertSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.form-group-custom,.login-form{margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.form-group-custom{position:relative}.form-label-custom{align-items:center;color:#2c3e50;color:var(--text-dark);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs);margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.input-icon{color:#ff6b35;color:var(--primary-orange);font-size:1rem}.form-input-custom{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-family:inherit;font-size:1.1rem;padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);position:relative;transition:all .3s ease;transition:var(--transition);width:100%}.form-input-custom:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 4px #fff4f1;box-shadow:0 0 0 4px var(--primary-orange-subtle);outline:none;transform:translateY(-2px)}.form-input-custom:disabled{background:#e9ecef;background:var(--medium-gray);cursor:not-allowed;opacity:.7}.form-input-custom::placeholder{color:#7f8c8d;color:var(--text-light);font-weight:400}.login-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:1rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:1.5rem 2rem;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s ease;transition:var(--transition);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:before{left:100%}.login-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.login-button:active{transform:translateY(-1px)}.login-button:disabled{background:#e9ecef;background:var(--medium-gray);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);cursor:not-allowed;transform:none}.login-button:disabled:before{display:none}.button-spinner{margin-right:.5rem;margin-right:var(--spacing-xs)}.demo-credentials{background:#fff4f1;background:var(--primary-orange-subtle);border:1px solid #ffb3a3;border:1px solid var(--primary-orange-lighter);border-radius:8px;border-radius:var(--border-radius-sm);margin-top:2rem;margin-top:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-md);text-align:center}.demo-text{color:#2c3e50;color:var(--text-dark);line-height:1.6}.demo-text strong{color:#e55a2b;color:var(--primary-orange-dark)}@media (max-width:1200px){.login-content{padding:1.5rem;padding:var(--spacing-md)}}@media (max-width:768px){.login-container{padding:1.5rem;padding:var(--spacing-md)}.login-card-body{padding:2rem;padding:var(--spacing-lg)}.company-name{font-size:2rem}.system-name{font-size:1.2rem}.company-logo{height:70px;width:70px}.logo-icon{font-size:2.2rem}.form-input-custom{font-size:1rem;padding:1rem;padding:var(--spacing-sm)}.login-button{font-size:1rem;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md)}.login-background:before{height:200px;left:-100px;top:-100px;width:200px}.login-background:after{bottom:-75px;height:150px;right:-75px;width:150px}}@media (max-width:480px){.login-container{padding:1rem;padding:var(--spacing-sm)}.login-content{padding:0}.login-card-body{padding:1.5rem;padding:var(--spacing-md)}.login-header{margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.company-name{font-size:1.8rem}.system-name{font-size:1.1rem}.login-subtitle{font-size:.9rem}.company-logo{height:60px;margin-bottom:1rem;margin-bottom:var(--spacing-sm);width:60px}.logo-icon{font-size:2rem}.form-group-custom{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.form-label-custom{font-size:.9rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.form-input-custom,.login-button{font-size:.95rem;padding:1rem;padding:var(--spacing-sm)}.demo-credentials{margin-top:1.5rem;margin-top:var(--spacing-md);padding:1rem;padding:var(--spacing-sm)}.demo-text{font-size:.85rem}.custom-alert{font-size:.9rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-sm)}.login-background:before{height:150px;left:-75px;top:-75px;width:150px}.login-background:after{bottom:-50px;height:100px;right:-50px;width:100px}}@media (max-width:320px){.login-card-body{padding:1rem;padding:var(--spacing-sm)}.company-name{font-size:1.6rem}.system-name{font-size:1rem}.company-logo{height:50px;width:50px}.logo-icon{font-size:1.8rem}.form-input-custom,.login-button{font-size:.9rem}.demo-text{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.company-logo,.login-background{animation:none}}@media (prefers-contrast:high){:root{--border-color:#000;--text-light:#000}.form-input-custom:focus{border-color:#000;box-shadow:0 0 0 4px #0003}.login-button{border:2px solid #000}}:root{--modal-max-width:600px}body{background-color:#f8f9fa;background-color:var(--light-gray)}.product-management-container{background:#f8f9fa;background:var(--light-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem;padding:var(--spacing-lg);width:100%}.product-management-header{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-lg)}.product-details-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.product-details-header{align-items:center;background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter));border-bottom:3px solid #ff6b35;border-bottom:3px solid var(--primary-orange);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm);justify-content:space-between;padding:2rem;padding:var(--spacing-lg)}.product-details-title{color:#2c3e50;color:var(--text-dark);flex:1 1;font-size:1.8rem;font-weight:700;margin:0;min-width:0}.product-details-close{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;color:var(--text-light);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:.5rem;padding:var(--spacing-xs);transition:all .3s ease;transition:var(--transition)}.product-details-close:hover{background:#0000001a;color:#2c3e50;color:var(--text-dark);transform:rotate(90deg)}.product-details-content{padding:2rem;padding:var(--spacing-lg)}.product-details-section{margin-bottom:3rem;margin-bottom:var(--spacing-xl)}.product-details-section h3{border-left:4px solid #ff6b35;border-left:4px solid var(--primary-orange);color:#e55a2b;color:var(--primary-orange-dark);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding-left:1rem;padding-left:var(--spacing-sm)}.product-details-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.product-detail-item{background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);padding:1.5rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.product-detail-item:hover{background:#fff4f1;background:var(--primary-orange-subtle);border-color:#ffb3a3;border-color:var(--primary-orange-lighter);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.product-detail-item label{color:#7f8c8d;color:var(--text-light);display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.product-detail-item span{color:#2c3e50;color:var(--text-dark);font-size:1.1rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.stock-quantity{color:#28a745;color:var(--success);font-size:1.3rem;font-weight:700}.product-details-error,.product-details-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--spacing-xl);text-align:center}.product-modal-overlay{animation:fadeIn .3s ease-out;background-color:#000000b3}.stock-fifo-modal.enhanced-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:1200px;overflow:hidden;transform-origin:center;width:95%}.stock-fifo-modal.enhanced-modal:hover{box-shadow:0 30px 60px -12px #0000004d;transform:translateY(-2px);transition:all .3s ease}.stock-modal-header{align-items:flex-start;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-dark) 100%);color:#fff;display:flex;justify-content:space-between;padding:24px 32px;position:relative}.stock-modal-title-section{flex:1 1}.stock-modal-title{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.stock-modal-subtitle{font-size:1.1rem;font-weight:400;opacity:.9}.stock-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.stock-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.stock-content-wrapper{max-height:calc(90vh - 120px);overflow-y:auto;padding:32px}.section-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.4rem;font-weight:600;margin-bottom:20px;padding-bottom:12px;position:relative}.section-title:after{background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-dark) 100%);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.stock-summary-section{margin-bottom:32px}.stock-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stock-summary-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;cursor:pointer;display:flex;padding:20px;transition:all .3s ease}.stock-summary-item:hover{border-color:#cbd5e0;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.summary-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-dark) 100%);-webkit-background-clip:text;font-size:2rem;margin-right:16px}.summary-content{display:flex;flex-direction:column}.stock-summary-label{color:#718096;font-size:.9rem;font-weight:500;margin-bottom:4px}.stock-summary-value{color:#2d3748;font-size:1.3rem;font-weight:700}.stock-information-section{margin-bottom:32px}.stock-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stock-info-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;padding:20px;transition:all .3s ease}.stock-info-item:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.stock-info-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-dark) 100%);-webkit-background-clip:text;font-size:1.5rem;margin-right:16px}.stock-info-content{display:flex;flex-direction:column}.stock-info-label{color:#718096;font-size:.85rem;font-weight:500;margin-bottom:6px}.stock-info-value{color:#2d3748;font-size:1.1rem;font-weight:600}.highlight-value{color:#48bb78;font-weight:700}.stock-status-badge{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-adequate{background:#c6f6d5;color:#22543d}.status-low{background:#fed7d7;color:#742a2a}.status-out{background:#e2e8f0;color:#4a5568}.stock-entries-section{margin-top:32px}.stock-entries-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;overflow-x:auto}.stock-entries-table{border-collapse:collapse;min-width:800px;width:100%}.stock-entries-table th{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.stock-entries-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:16px}.stock-entries-table tr:last-child td{border-bottom:none}.stock-entries-table tr:hover{background:#f7fafc}.remaining-qty{align-items:center;display:flex;font-weight:600;gap:8px}.qty-value{color:#2d3748}.depleted-badge{background:#fed7d7;border-radius:10px;color:#742a2a;font-size:.75rem;font-weight:600;padding:2px 8px}.total-value{color:#2d3748;font-weight:600}.expiry-date{border-radius:6px;font-size:.85rem;font-weight:500;padding:4px 8px}.expiry-date.expired{background:#fed7d7;color:#742a2a}.expiry-date.expiring-soon{background:#feebcb;color:#744210}.stock-entry-status.available{background:#c6f6d5;border-radius:20px;color:#22543d;font-size:.8rem;font-weight:600;padding:6px 12px}.stock-loading{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#ff6b35;border-top:4px solid var(--primary-orange);height:40px;margin-bottom:16px;width:40px}.stock-empty-state{color:#718096;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.stock-empty-state h4{color:#4a5568;font-weight:600;margin-bottom:12px}.stock-empty-state p{line-height:1.5;margin-bottom:8px}.stock-entry-row{animation:fadeInRow .5s ease-out}@keyframes fadeInRow{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.product-notification{animation:slideInRight .3s ease;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-width:350px;padding:1.5rem;padding:var(--spacing-md);position:fixed;right:20px;top:20px;transition:all .3s ease;transition:var(--transition);z-index:1100}.product-notification.success{background:#28a745;background:var(--success);color:#fff;color:var(--white)}.product-notification.error{background:#dc3545;background:var(--danger);color:#fff;color:var(--white)}.product-notification.warning{background:#ffc107;background:var(--warning);color:#2c3e50;color:var(--text-dark)}.product-notification.info{background:#17a2b8;background:var(--info);color:#fff;color:var(--white)}.notification-content{align-items:center;display:flex;gap:1rem;gap:var(--spacing-sm)}.notification-icon{font-size:1.2rem}.notification-text{flex:1 1;font-weight:500}.notification-close{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;opacity:.8;padding:4px;transition:all .3s ease;transition:var(--transition)}.notification-close:hover{background:#0000001a;opacity:1}@media (max-width:1199px){:root{--container-max-width:1200px;--font-size-title:2.2rem;--card-padding:var(--spacing-md);--modal-max-width:550px}.product-management-container,.product-management-header{padding:1.5rem;padding:var(--spacing-md)}.product-table{font-size:.9rem}.stock-fifo-modal.enhanced-modal{max-width:1000px}}@media (max-width:991px){:root{--font-size-title:2rem;--grid-gap:var(--spacing-sm);--table-font-size:0.85rem}.product-management-header{flex-direction:column;gap:1.5rem;gap:var(--spacing-md);text-align:center}.product-management-title:after{left:50%;transform:translateX(-50%)}.product-add-button{max-width:300px;width:100%}.product-search-container{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.product-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:scroll}.product-action-buttons{flex-direction:column;gap:.5rem;gap:var(--spacing-xs);min-width:100px}.product-action-button{text-align:center;width:100%}.product-input-group-grid{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr}.stock-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stock-info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:767px){:root{--font-size-title:1.8rem;--card-padding:var(--spacing-sm);--spacing-lg:1.5rem;--modal-max-width:500px}.product-management-header,.product-search-container{padding:1rem;padding:var(--spacing-sm)}.product-table{font-size:.8rem}.product-header-cell,.product-table-cell{padding:1rem .5rem;padding:var(--spacing-sm) var(--spacing-xs)}.product-header-cell{font-size:.75rem}.product-name{font-size:1rem}.product-description{-webkit-line-clamp:1;font-size:.85rem}.product-modal{margin:1rem;margin:var(--spacing-sm);width:95%}.product-modal-form{padding:1.5rem;padding:var(--spacing-md)}.product-modal-title{font-size:1.5rem}.product-modal-button-group{flex-direction:column}.product-modal-cancel-button,.product-modal-save-button{width:100%}.product-details-grid{grid-template-columns:1fr}.stock-modal-header{flex-direction:column;gap:15px;padding:20px}.stock-content-wrapper{padding:20px}.stock-info-grid,.stock-summary{grid-template-columns:1fr}.product-notification{left:10px;max-width:none;right:10px;top:10px}}@media (max-width:575px){.product-management-container{padding:1rem;padding:var(--spacing-sm)}.product-table-cell{padding:.5rem 4px;padding:var(--spacing-xs) 4px}.product-info{max-width:200px;min-width:150px}.product-pagination{flex-direction:column;gap:1rem;gap:var(--spacing-sm);text-align:center}.pagination-controls{justify-content:center}.product-empty-state{padding:2rem;padding:var(--spacing-lg)}.product-empty-icon{font-size:3rem}.section-title{font-size:1.2rem}}@media (max-width:479px){:root{--font-size-title:1.6rem;--spacing-xs:0.25rem;--spacing-sm:0.75rem;--spacing-md:1rem;--card-padding:var(--spacing-sm)}.product-management-title{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.product-table{font-size:.75rem}.product-header-cell{font-size:.7rem}.product-header-cell,.product-table-cell{padding:.5rem 2px;padding:var(--spacing-xs) 2px}.product-name{font-size:.9rem}.product-code{font-size:.75rem;padding:2px 6px}.product-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.product-modal-title{font-size:1.3rem}.product-modal-form{padding:1rem;padding:var(--spacing-sm)}.product-details-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.product-details-title{font-size:1.3rem}.product-details-content{padding:1.5rem;padding:var(--spacing-md)}.stock-fifo-modal.enhanced-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.product-action-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}.product-action-button{font-size:.75rem;min-height:32px;padding:4px 8px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.loading-spinner,.product-loading-spinner{border-width:2px}.product-modal-title:after{height:2px}}@media print{body{background:#121212}.product-table-header{background:#ff6b3533}.product-table-row:hover{background:#e9ecef;background:var(--medium-gray)}.stock-entries-table th{background:#ff6b3533}.stock-entries-table tr:hover{background:#e9ecef;background:var(--medium-gray)}}@media (prefers-contrast:high){:root{--primary-orange:#ff4500;--primary-orange-dark:#cc3700;--border-color:#000;--text-light:#666;--shadow-sm:0 2px 4px #000c;--shadow-md:0 4px 12px #000c;--shadow-lg:0 8px 25px #000c}.product-management-header,.product-modal,.product-search-container,.product-status-badge,.product-table-container{border-width:2px}:focus{outline:3px solid #ff6b35;outline:3px solid var(--primary-orange);outline-offset:3px}}@supports (container-type:inline-size){.product-table-container{container-type:inline-size}@container (max-width: 600px){.product-table{font-size:.8rem}.product-header-cell,.product-table-cell{padding:.5rem 2px;padding:var(--spacing-xs) 2px}}}.product-table-toolbar{background:#f8f9fa;background:var(--light-gray);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;padding:1.5rem;padding:var(--spacing-md)}.product-table-toolbar,.table-actions{align-items:center;display:flex;gap:1rem;gap:var(--spacing-sm)}.table-export-button,.table-filter-button,.table-refresh-button{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;gap:var(--spacing-xs);min-height:36px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.table-export-button:hover,.table-filter-button:hover,.table-refresh-button:hover{background:#fff4f1;background:var(--primary-orange-subtle);border-color:#ffb3a3;border-color:var(--primary-orange-lighter)}.table-view-options{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-xs)}.view-option-button{align-items:center;background:none;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;padding:var(--spacing-xs);transition:all .3s ease;transition:var(--transition)}.view-option-button.active{background:#ff6b35;background:var(--primary-orange);border-color:#ff6b35;border-color:var(--primary-orange);color:#fff;color:var(--white)}.bulk-actions-bar,.view-option-button:hover:not(.active){background:#fff4f1;background:var(--primary-orange-subtle)}.bulk-actions-bar{align-items:center;animation:slideDown .3s ease;border-bottom:1px solid #ffb3a3;border-bottom:1px solid var(--primary-orange-lighter);display:none;gap:1.5rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.bulk-actions-bar.visible{display:flex}.bulk-selected-count{color:#e55a2b;color:var(--primary-orange-dark);font-weight:600}.bulk-actions{display:flex;gap:1rem;gap:var(--spacing-sm)}.bulk-action-button{background:#fff;background:var(--white);border:1px solid #ff6b35;border:1px solid var(--primary-orange);border-radius:8px;border-radius:var(--border-radius-sm);color:#ff6b35;color:var(--primary-orange);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.bulk-action-button:hover{background:#ff6b35;background:var(--primary-orange);color:#fff;color:var(--white)}.bulk-action-button.danger{border-color:#dc3545;border-color:var(--danger);color:#dc3545;color:var(--danger)}.bulk-action-button.danger:hover{background:#dc3545;background:var(--danger);color:#fff;color:var(--white)}.product-filters-panel{animation:slideDown .3s ease;background:#fff;background:var(--white);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:none;padding:1.5rem;padding:var(--spacing-md)}.product-filters-panel.visible{display:block}.filters-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.filter-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.filter-label{color:#2c3e50;color:var(--text-dark);font-size:.9rem;font-weight:600}.filter-input,.filter-select{background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.filter-input:focus,.filter-select:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);outline:none}.filter-actions{display:flex;gap:1rem;gap:var(--spacing-sm);justify-content:flex-end}.filter-apply-button,.filter-clear-button{border:1px solid;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500;padding:.5rem 1.5rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.filter-apply-button{background:#ff6b35;background:var(--primary-orange);border-color:#ff6b35;border-color:var(--primary-orange);color:#fff;color:var(--white)}.filter-apply-button:hover{background:#e55a2b;background:var(--primary-orange-dark)}.filter-clear-button{background:#0000;border-color:#e9ecef;border-color:var(--medium-gray);color:#2c3e50;color:var(--text-dark)}.filter-clear-button:hover{background:#e9ecef;background:var(--medium-gray)}.product-table-row:focus-within{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:-2px}.product-action-button:focus,.product-add-button:focus,.product-modal-cancel-button:focus,.product-modal-save-button:focus{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:2px}@media (max-width:479px){.product-filters-panel{padding:1rem;padding:var(--spacing-sm)}.filters-grid{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr}.filter-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.filter-apply-button,.filter-clear-button{width:100%}.bulk-actions-bar{align-items:stretch;gap:1rem;gap:var(--spacing-sm)}.bulk-actions,.bulk-actions-bar{flex-direction:column}.bulk-action-button{text-align:center;width:100%}.product-table-toolbar{align-items:stretch;flex-direction:column}.table-actions,.table-view-options{flex-wrap:wrap;justify-content:center}}.product-modal,.product-table-row{contain:layout style}.loading-spinner,.product-loading-spinner,.product-modal,.product-notification{will-change:transform}.product-action-button:hover,.product-table-row:hover,.stock-info-item:hover,.stock-summary-item:hover{will-change:transform,background-color}@media (prefers-reduced-motion:reduce){.product-action-button:hover,.product-table-row:hover,.stock-info-item:hover,.stock-summary-item:hover{transform:none!important}}.product-management-container{padding:0}.product-management-header,.product-search-container,.product-table-container{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.product-action-button,.product-add-button,.product-search-input{display:none}.product-management-title{color:#000;font-size:18pt}.product-table{font-size:10pt}.product-modal-overlay,.product-notification{display:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.loading-spinner,.product-loading-spinner{animation:none;border-top-color:#ff6b35;border-top-color:var(--primary-orange)}}.product-management-title{color:#2c3e50;color:var(--text-dark);flex:1 1;font-size:2.5rem;font-size:var(--font-size-title);font-weight:700;min-width:0;position:relative}.product-management-title:after{background:linear-gradient(90deg,#ff6b35,#ff8c5e);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.product-add-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-xs);justify-content:center;min-height:44px;min-height:var(--touch-target-min);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.product-add-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-add-button:active{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(0)}.product-add-icon{font-size:1.2rem}.product-search-container{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);margin:0 auto 2rem;margin:0 auto var(--spacing-lg);max-width:1400px;max-width:var(--container-max-width);padding:1.5rem;padding:var(--spacing-md);position:relative}.product-search-wrapper{align-items:center;display:flex;position:relative}.product-search-input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-size:1rem;font-size:var(--font-size-base);min-height:44px;min-height:var(--touch-target-min);padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);padding-right:50px;transition:all .3s ease;transition:var(--transition);width:100%}.product-search-input:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.product-search-input::placeholder{color:#7f8c8d;color:var(--text-light)}.product-search-icon{pointer-events:none}.product-search-clear,.product-search-icon{color:#7f8c8d;color:var(--text-light);font-size:1.2rem;position:absolute;right:1rem;right:var(--spacing-sm)}.product-search-clear{background:none;border:none;border-radius:50%;cursor:pointer;display:none;padding:.5rem;padding:var(--spacing-xs);transition:all .3s ease;transition:var(--transition)}.product-search-clear:hover{background:#e9ecef;background:var(--medium-gray);color:#2c3e50;color:var(--text-dark)}.product-search-results-count{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-style:italic;margin-top:1rem;margin-top:var(--spacing-sm)}.product-table-container{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);margin:0 auto;max-width:1400px;max-width:var(--container-max-width);overflow:hidden;position:relative}.product-table-wrapper{max-height:70vh;overflow-x:auto}.product-table{border-collapse:collapse;font-size:.95rem;font-size:var(--table-font-size);min-width:800px;width:100%}.product-table-header{background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter));position:-webkit-sticky;position:sticky;top:0;z-index:10}.product-header-cell{border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--primary-orange);color:#2c3e50;color:var(--text-dark);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.product-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.product-header-cell.sortable:hover{background:#ffb3a3;background:var(--primary-orange-lighter)}.product-header-cell .sort-icon{color:#7f8c8d;color:var(--text-light);font-size:.7rem;margin-left:.5rem;margin-left:var(--spacing-xs)}.product-table-row{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);transition:all .3s ease;transition:var(--transition)}.product-table-row:hover{background:#fff4f1;background:var(--primary-orange-subtle);transform:scale(1.005)}.product-table-row:last-child{border-bottom:none}.product-table-cell{word-wrap:break-word;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);-webkit-hyphens:auto;hyphens:auto;padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);vertical-align:middle}.product-info{max-width:250px;min-width:200px}.product-name{color:#2c3e50;color:var(--text-dark);font-size:1.05rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;margin-bottom:4px;word-break:break-word}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;color:var(--text-light);display:-webkit-box;font-size:.9rem;font-style:italic;line-height:1.4;overflow:hidden}.product-code{background:#fff4f1;background:var(--primary-orange-subtle);border-radius:8px;border-radius:var(--border-radius-sm);color:#e55a2b;color:var(--primary-orange-dark);display:inline-block;font-size:.85rem;font-weight:600;margin-top:4px;padding:4px 8px;word-break:break-all}.product-price{color:#28a745;color:var(--success);font-size:1.1rem;font-weight:700;white-space:nowrap}.product-stock-info{min-width:80px;text-align:center}.product-stock{color:#2c3e50;color:var(--text-dark);font-size:1.2rem;font-weight:700}.product-stock-threshold{color:#7f8c8d;color:var(--text-light);font-size:.8rem;margin-top:2px}.product-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;letter-spacing:.5px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.status-in-stock{background:#28a7451a;border:1px solid #28a7454d;color:#28a745;color:var(--success)}.status-low-stock{animation:pulse 2s infinite;background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107;color:var(--warning)}.status-out-of-stock{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545;color:var(--danger)}.status-unknown{background:#e9ecef;background:var(--medium-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);color:#7f8c8d;color:var(--text-light)}.product-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-xs);justify-content:flex-end;min-width:120px}.product-action-button{align-items:center;background:#17a2b8;background:var(--info);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;min-height:36px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.product-action-button:hover{background:#138496;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.product-manage-stock-button{background:#ffc107;background:var(--warning);color:#2c3e50;color:var(--text-dark)}.product-manage-stock-button:hover{background:#e0a800;color:#fff;color:var(--white)}.product-delete-button{align-items:center;background:#dc3545;background:var(--danger);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;min-height:36px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.product-delete-button:hover{background:#c82333;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.product-action-button[title]{position:relative}.product-action-button[title]:hover:after{background:#000c;border-radius:4px;bottom:100%;color:#fff;color:var(--white);content:attr(title);font-size:.75rem;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.product-pagination{align-items:center;background:#fff;background:var(--white);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm);justify-content:space-between;padding:1.5rem;padding:var(--spacing-md)}.pagination-info{color:#7f8c8d;color:var(--text-light);font-size:.9rem}.pagination-controls{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-xs)}.pagination-button{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-weight:500;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.pagination-button:hover:not(:disabled){background:#fff4f1;background:var(--primary-orange-subtle);border-color:#ffb3a3;border-color:var(--primary-orange-lighter)}.pagination-button.active{background:#ff6b35;background:var(--primary-orange);border-color:#ff6b35;border-color:var(--primary-orange);color:#fff;color:var(--white)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.product-empty-state{align-items:center;color:#7f8c8d;color:var(--text-light);display:flex;flex-direction:column;font-size:1.1rem;font-style:italic;gap:1.5rem;gap:var(--spacing-md);padding:3rem;padding:var(--spacing-xl);text-align:center}.product-empty-icon{color:#e9ecef;color:var(--medium-gray);font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.product-empty-title{color:#2c3e50;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.product-empty-description{line-height:1.5;max-width:400px}.product-empty-action{background:#ff6b35;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-weight:600;margin-top:1rem;margin-top:var(--spacing-sm);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.product-empty-action:hover{background:#e55a2b;background:var(--primary-orange-dark);transform:translateY(-2px)}.product-empty-action:hover,.product-loading-container{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md)}.product-loading-container{align-items:center;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1400px;max-width:var(--container-max-width);min-height:400px;padding:3rem;padding:var(--spacing-xl)}.product-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top:4px solid #ff6b35;border:4px solid var(--medium-gray);border-radius:50%;border-top-color:var(--primary-orange);height:50px;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);width:50px}.product-loading-text{color:#2c3e50;color:var(--text-dark);font-size:1.3rem;font-weight:600;text-align:center}.product-error-container{align-items:center;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1400px;max-width:var(--container-max-width);min-height:400px;padding:2rem;padding:var(--spacing-lg);text-align:center}.product-error-icon{color:#dc3545;color:var(--danger);font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.product-error-text{font-size:1.2rem;line-height:1.5;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.product-retry-button{background:#ff6b35;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;min-height:44px;min-height:var(--touch-target-min);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.product-retry-button:hover{background:#e55a2b;background:var(--primary-orange-dark);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.product-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;max-width:var(--modal-max-width);overflow-y:auto;position:relative;width:100%}.product-modal-header{align-items:center;background:#fff4f1;background:var(--primary-orange-subtle);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:2rem;padding:var(--spacing-lg)}.product-modal-title{color:#2c3e50;color:var(--text-dark);font-size:1.8rem;font-weight:700;margin:0;position:relative}.product-modal-title:after{background:#ff6b35;background:var(--primary-orange);border-radius:2px;content:"";display:block;height:3px;margin-top:.5rem;margin-top:var(--spacing-xs);width:40px}.product-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;color:var(--text-light);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:.5rem;padding:var(--spacing-xs);transition:all .3s ease;transition:var(--transition)}.product-modal-close:hover{background:#e9ecef;background:var(--medium-gray);color:#2c3e50;color:var(--text-dark);transform:rotate(90deg)}.product-modal-form{padding:2rem;padding:var(--spacing-lg)}.product-input-group,.product-input-group-grid{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.product-input-group-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.product-modal-label{color:#2c3e50;color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.product-modal-input,.product-modal-select,.product-modal-textarea{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);min-height:44px;min-height:var(--touch-target-min);padding:1rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:100%}.product-modal-input:focus,.product-modal-select:focus,.product-modal-textarea:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.product-modal-textarea{line-height:1.5;min-height:80px;resize:vertical}.product-input-error{background:#dc35450d!important;border-color:#dc3545!important;border-color:var(--danger)!important}.product-error-text{color:#dc3545;color:var(--danger);font-size:.85rem;font-weight:500;margin-top:.5rem;margin-top:var(--spacing-xs)}.product-modal-checkbox-wrapper{align-items:center;background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;gap:1rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-sm)}.product-modal-checkbox-label{align-items:center;color:#2c3e50;color:var(--text-dark);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-xs)}.product-modal-checkbox{accent-color:#ff6b35;accent-color:var(--primary-orange);cursor:pointer;height:18px;margin:0;width:18px}.product-modal-button-group{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-sm);justify-content:flex-end;margin-top:2rem;margin-top:var(--spacing-lg);padding-top:2rem;padding-top:var(--spacing-lg)}.product-modal-save-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-xs);min-height:44px;min-height:var(--touch-target-min);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.product-modal-save-button:hover:not(:disabled){background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-modal-save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.product-modal-cancel-button{background:#e9ecef;background:var(--medium-gray);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;min-height:44px;min-height:var(--touch-target-min);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.product-modal-cancel-button:hover{background:#6c757d;background:var(--dark-gray);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);transform:translateY(-2px)}.product-modal-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--white);height:16px;width:16px}.sales-page-container{background:#f8f9fa;background:var(--light-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem;padding:var(--spacing-lg)}.inventory-summary-banner{background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter));border:2px solid #ff6b35;border:2px solid var(--primary-orange);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-md)}.inventory-summary-banner h3{color:#e55a2b;color:var(--primary-orange-dark);font-size:1.3rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.inventory-summary-stats{grid-gap:1rem;grid-gap:var(--spacing-sm);color:#2c3e50;color:var(--text-dark);display:grid;font-weight:500;gap:1rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sales-check-reminders{background:#fff;background:var(--white);border:1px solid #ffc107;border:1px solid var(--warning);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-md)}.sales-check-reminders h3{align-items:center;color:#ffc107;color:var(--warning);display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;gap:var(--spacing-xs);margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.sales-reminder-item{background:#f8f9fa;background:var(--light-gray);border-left:4px solid #ffc107;border-left:4px solid var(--warning);border-radius:8px;border-radius:var(--border-radius-sm);margin-bottom:1rem;margin-bottom:var(--spacing-sm);padding:1rem;padding:var(--spacing-sm)}.sales-reminder-item:last-child{margin-bottom:0}.sales-reminder-message{font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.sales-reminder-overdue{color:#dc3545;color:var(--danger)}.sales-reminder-upcoming{color:#ffc107;color:var(--warning)}.sales-reminder-details{color:#7f8c8d;color:var(--text-light);font-size:.9rem}.sales-header{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-lg)}.sales-title{color:#2c3e50;color:var(--text-dark);font-size:2.5rem;font-weight:700;position:relative}.sales-title:after{background:linear-gradient(90deg,#ff6b35,#ff8c5e);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.sales-subtitle{color:#7f8c8d;color:var(--text-light);font-size:1.1rem;margin-top:.5rem;margin-top:var(--spacing-xs)}.sales-create-button{background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.sales-create-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));transform:translateY(-2px)}.sales-create-button:hover,.sales-filters-container{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md)}.sales-filters-container{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-md)}.sales-filters-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);align-items:end;display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sales-filter-label{color:#2c3e50;color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.sales-filter-input,.sales-filter-select,.sales-search-input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-size:1rem;padding:1rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:100%}.sales-filter-input:focus,.sales-filter-select:focus,.sales-search-input:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.sales-filter-reset-button{background:#dc3545;background:var(--danger);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;font-weight:600;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition);width:100%}.sales-filter-reset-button:hover{background:#c82333;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sales-stats{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.sales-stats-count,.sales-stats-revenue{color:#e55a2b;color:var(--primary-orange-dark);font-size:.9rem;font-weight:600}.sales-table-container{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden}.sales-table-wrapper{overflow-x:auto}.sales-table{border-collapse:collapse;font-size:.95rem;width:100%}.sales-table-header{background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter))}.sales-table-th{border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--primary-orange);color:#2c3e50;color:var(--text-dark);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);text-align:left;text-transform:uppercase}.sales-table-row{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);transition:all .3s ease;transition:var(--transition)}.sales-table-row:hover{background:#fff4f1;background:var(--primary-orange-subtle);transform:scale(1.01)}.sales-table-row:last-child{border-bottom:none}.sales-table-td{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);vertical-align:top}.sales-customer-name{color:#2c3e50;color:var(--text-dark);font-weight:700;margin-bottom:4px}.sales-customer-email{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-style:italic}.sales-amount{color:#28a745;color:var(--success);font-size:1.1rem;font-weight:700}.sales-check-info{color:#17a2b8;color:var(--info);font-size:.85rem;font-style:italic;margin-top:2px}.sales-status-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.sales-status-paid{background:#28a7451a;border:1px solid #28a7454d;color:#28a745;color:var(--success)}.sales-status-unpaid{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545;color:var(--danger)}.sales-actions{display:flex;gap:.5rem;gap:var(--spacing-xs);justify-content:flex-end}.sales-action-button{border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.sales-view-button{background:#17a2b8;background:var(--info);color:#fff;color:var(--white)}.sales-view-button:hover{background:#138496;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sales-paid-button{background:#28a745;background:var(--success);color:#fff;color:var(--white)}.sales-paid-button:hover{background:#218838;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sales-delete-button{background:#dc3545;background:var(--danger);color:#fff;color:var(--white)}.sales-delete-button:hover{background:#c82333;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sales-empty-state{padding:3rem;padding:var(--spacing-xl);text-align:center}.sales-empty-title{color:#2c3e50;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.sales-empty-subtitle{color:#7f8c8d;color:var(--text-light);font-size:1rem}.sales-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.sales-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.sales-modal-title{border-bottom:3px solid #ff6b35;border-bottom:3px solid var(--primary-orange);color:#2c3e50;color:var(--text-dark);font-size:1.8rem;font-weight:700;padding:2rem 2rem 0;padding:var(--spacing-lg) var(--spacing-lg) 0;padding-bottom:1.5rem;padding-bottom:var(--spacing-md)}.sales-invoice-actions,.sales-modal-title{margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.sales-invoice-actions{display:flex;gap:1rem;gap:var(--spacing-sm);padding:0 2rem;padding:0 var(--spacing-lg)}.sales-download-button,.sales-invoice-button{border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.sales-invoice-button{background:#17a2b8;background:var(--info);color:#fff;color:var(--white)}.sales-invoice-button:hover{background:#138496;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sales-download-button{background:#28a745;background:var(--success);color:#fff;color:var(--white)}.sales-download-button:hover{background:#218838;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sales-modal-view-grid{grid-gap:2rem;grid-gap:var(--spacing-lg);display:grid;gap:2rem;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:0 2rem;padding:0 var(--spacing-lg)}.sales-modal-field{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.sales-modal-label{color:#7f8c8d;color:var(--text-light);display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.sales-modal-value{color:#2c3e50;color:var(--text-dark);font-size:1.1rem;font-weight:500}.sales-total-amount{background:#fff4f1;background:var(--primary-orange-subtle);border:2px solid #ffb3a3;border:2px solid var(--primary-orange-lighter);border-radius:8px;border-radius:var(--border-radius-sm);color:#ff6b35;color:var(--primary-orange);font-size:1.5rem;font-weight:700;padding:1.5rem;padding:var(--spacing-md);text-align:center}.sales-items-table-wrapper{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);margin:1.5rem 0;margin:var(--spacing-md) 0;overflow-x:auto}.sales-items-table{font-size:.9rem}.sales-items-header{background:#f8f9fa;background:var(--light-gray)}.sales-items-th{color:#2c3e50;color:var(--text-dark);font-size:.85rem;font-weight:600;padding:1rem;padding:var(--spacing-sm);text-align:left}.sales-items-row,.sales-items-th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color)}.sales-items-row:hover{background:#f8f9fa;background:var(--light-gray)}.sales-items-td{color:#2c3e50;color:var(--text-dark);padding:1rem;padding:var(--spacing-sm)}.sales-line-total{color:#28a745;color:var(--success)}.sales-form-field{margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:0 2rem;padding:0 var(--spacing-lg)}.sales-form-label{color:#2c3e50;color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.sales-form-input,.sales-form-select,.sales-form-textarea{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;padding:1rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:100%}.sales-form-input:focus,.sales-form-select:focus,.sales-form-textarea:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.sales-form-error{background:#dc35450d!important;border-color:#dc3545!important;border-color:var(--danger)!important}.sales-form-error-text{font-size:.85rem}.sales-form-error-text,.sales-form-error-text-small{color:#dc3545;color:var(--danger);font-weight:500;margin-top:.5rem;margin-top:var(--spacing-xs)}.sales-form-error-text-small{font-size:.8rem}.sales-check-payment-form{background:#fff4f1;background:var(--primary-orange-subtle);border:1px solid #ffb3a3;border:1px solid var(--primary-orange-lighter);border-radius:8px;border-radius:var(--border-radius-sm);margin-top:1rem;margin-top:var(--spacing-sm);padding:1.5rem;padding:var(--spacing-md)}.sales-check-form-title{color:#e55a2b;color:var(--primary-orange-dark);font-size:1.2rem;font-weight:600}.sales-check-form-grid,.sales-check-form-title{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.sales-check-form-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.sales-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.sales-batch-info-toggle{background:#17a2b8;background:var(--info);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.85rem;font-weight:600;margin-right:1rem;margin-right:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.sales-batch-info-toggle:hover{background:#138496}.sales-add-item-button{background:#28a745;background:var(--success);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.sales-add-item-button:hover{background:#218838}.sales-item-form{background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.sales-item-grid{grid-gap:1rem;grid-gap:var(--spacing-sm);align-items:end;display:grid;gap:1rem;gap:var(--spacing-sm);grid-template-columns:2fr 1fr 1fr 1fr 120px}.sales-item-total-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.sales-item-total{background:#fff;background:var(--white);border:1px solid #28a745;border:1px solid var(--success);border-radius:8px;border-radius:var(--border-radius-sm);color:#28a745;color:var(--success);font-size:1.1rem;font-weight:700;padding:.5rem;padding:var(--spacing-xs);text-align:center}.sales-remove-item-button{background:#dc3545;background:var(--danger);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem;padding:var(--spacing-xs);transition:all .3s ease;transition:var(--transition);width:100%}.sales-remove-item-button:hover{background:#c82333}.sales-form-total{background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter));border:2px solid #ff6b35;border:2px solid var(--primary-orange);border-radius:8px;border-radius:var(--border-radius-sm);margin:1.5rem 2rem;margin:var(--spacing-md) var(--spacing-lg);padding:1.5rem;padding:var(--spacing-md);text-align:center}.sales-form-total-amount{color:#e55a2b;color:var(--primary-orange-dark);font-size:1.8rem;font-weight:700;margin:0}.sales-form-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-sm);justify-content:flex-end;padding:2rem;padding:var(--spacing-lg)}.sales-form-submit-button{background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.sales-form-submit-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.sales-form-cancel-button{background:#e9ecef;background:var(--medium-gray);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.sales-form-cancel-button:hover{background:#6c757d;background:var(--dark-gray);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);transform:translateY(-2px)}.sales-bounced-modal-button{background:#ffc107;background:var(--warning);border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.sales-bounced-modal-button:hover{background:#e0a800;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.sales-bounced-modal-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.sales-modal-close-button{background:#ff6b35;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;margin:0 2rem 2rem;margin:0 var(--spacing-lg) var(--spacing-lg);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.sales-modal-close-button:hover{background:#e55a2b;background:var(--primary-orange-dark);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sales-modal-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);padding:2rem;padding:var(--spacing-lg);text-align:right}.sales-loading-container{color:#2c3e50;color:var(--text-dark);font-size:1.2rem}.sales-error-container,.sales-loading-container{align-items:center;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;justify-content:center;min-height:400px}.sales-error-container{flex-direction:column;padding:2rem;padding:var(--spacing-lg);text-align:center}.sales-error-text{color:#dc3545;color:var(--danger);font-size:1.2rem;font-weight:500;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.sales-retry-button{background:#ff6b35;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.sales-retry-button:hover{background:#e55a2b;background:var(--primary-orange-dark);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:1200px){.sales-header,.sales-page-container{padding:1.5rem;padding:var(--spacing-md)}.sales-title{font-size:2.2rem}}@media (max-width:768px){.sales-header{flex-direction:column;gap:1.5rem;gap:var(--spacing-md);text-align:center}.sales-title{font-size:2rem}.sales-title:after{left:50%;transform:translateX(-50%)}.sales-create-button{width:100%}.sales-filters-grid{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr}.sales-stats{align-items:flex-start}.sales-table{font-size:.9rem}.sales-table-td,.sales-table-th{padding:1rem .5rem;padding:var(--spacing-sm) var(--spacing-xs)}.sales-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.sales-action-button{text-align:center;width:100%}.sales-modal{margin:1rem;margin:var(--spacing-sm);width:95%}.sales-modal-view-grid{gap:1.5rem;gap:var(--spacing-md);grid-template-columns:1fr}.sales-check-form-grid,.sales-item-grid{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr}.sales-item-total-section{flex-direction:row;justify-content:space-between}.sales-form-actions{flex-direction:column}.sales-form-cancel-button,.sales-form-submit-button{width:100%}.sales-invoice-actions{flex-direction:column}.sales-download-button,.sales-invoice-button{width:100%}}@media (max-width:480px){.sales-header,.sales-page-container{padding:1rem;padding:var(--spacing-sm)}.sales-title{font-size:1.8rem}.inventory-summary-stats{font-size:.9rem;gap:.5rem;gap:var(--spacing-xs);grid-template-columns:1fr}.sales-filters-container{padding:1rem;padding:var(--spacing-sm)}.sales-table{font-size:.85rem}.sales-table-th{font-size:.8rem}.sales-table-td,.sales-table-th{padding:1rem 4px;padding:var(--spacing-sm) 4px}.sales-modal-title{font-size:1.5rem;padding:1.5rem 1.5rem 0;padding:var(--spacing-md) var(--spacing-md) 0}.sales-form-field{margin-bottom:1rem;margin-bottom:var(--spacing-sm);padding:0 1.5rem;padding:0 var(--spacing-md)}.sales-form-total{margin:1.5rem;margin:var(--spacing-md)}.sales-form-total-amount{font-size:1.5rem}.sales-form-actions,.sales-modal-actions{padding:1.5rem;padding:var(--spacing-md)}.sales-check-payment-form,.sales-item-form{padding:1rem;padding:var(--spacing-sm)}}@media (max-width:320px){.sales-title{font-size:1.6rem}.sales-table{font-size:.8rem}.sales-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.sales-form-total-amount,.sales-modal-title{font-size:1.3rem}}.fifo-batch-info{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#fff 0,var(--primary-orange-pale) 100%);background:linear-gradient(135deg,var(--white) 0,var(--primary-orange-pale) 100%);border:1px solid #ff8c5e;border:1px solid var(--primary-orange-light);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);margin-top:16px;overflow:hidden;transition:all var(--transition-normal)}.fifo-batch-info:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-1px)}.fifo-batch-info h5{background:#ff6b35;background:var(--primary-orange);color:#fff;color:var(--white);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;overflow:hidden;padding:12px 16px;position:relative}.fifo-batch-info h5:before{content:"📦";font-size:16px;margin-right:8px}.fifo-batch-info h5:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease-in-out;width:100%}.fifo-batch-info:hover h5:after{left:100%}.batch-list{background:#fff;background:var(--white);border-collapse:initial;border-spacing:0;display:table;width:100%}.batch-item{display:table-row;position:relative;transition:all var(--transition-fast)}.batch-item:nth-child(2n){background:var(--gray-50)}.batch-item:hover{background:var(--primary-orange-pale);box-shadow:0 2px 8px #ff6b3526;transform:scale(1.01);z-index:1}.batch-item:first-child:hover{background:#10b9811a}.batch-item:first-child .batch-date:before{color:var(--success-green);content:"🎯 "}.batch-available,.batch-date,.batch-details{border-bottom:1px solid var(--gray-200);display:table-cell;font-size:13px;padding:12px 16px;position:relative;transition:all var(--transition-fast);vertical-align:middle}.batch-item:last-child .batch-available,.batch-item:last-child .batch-date,.batch-item:last-child .batch-details{border-bottom:none}.batch-date{background:linear-gradient(90deg,#0000,#ff6b350d,#0000);color:var(--gray-700);font-weight:600;width:30%}.batch-date:after{background:#ff6b35;background:var(--primary-orange);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-fast);width:3px}.batch-item:hover .batch-date:after{opacity:1}.batch-details{color:var(--gray-600);font-family:Courier New,monospace;font-size:12px;width:45%}.batch-available{color:#e55a2b;color:var(--primary-orange-dark);font-weight:700;position:relative;text-align:right;width:25%}.batch-available:before{background:var(--success-green);border-radius:50%;content:"";height:8px;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all var(--transition-normal);width:8px}.batch-item:hover .batch-available:before{animation:pulse-dot 1.5s infinite;opacity:1}.batch-available[data-low-stock=true]{color:var(--warning-yellow)}.batch-available[data-low-stock=true]:before{background:var(--warning-yellow)}.batch-available[data-out-of-stock=true]{color:#ef4444;text-decoration:line-through}.batch-available[data-out-of-stock=true]:before{background:#ef4444}.batch-list:empty:after{background:var(--gray-50);color:var(--gray-600);content:"No batch information available";display:block;font-style:italic;padding:24px;text-align:center}@media (max-width:768px){.batch-item,.batch-list{display:block}.batch-item{background:#fff;background:var(--white);border:1px solid var(--gray-200);border-radius:6px;margin-bottom:12px;overflow:hidden}.batch-available,.batch-date,.batch-details{border-bottom:1px solid var(--gray-100);display:block;padding:8px 12px;width:100%}.batch-date{background:var(--primary-orange-pale);color:#e55a2b;color:var(--primary-orange-dark);font-weight:700}.batch-available{background:var(--gray-50);border-bottom:none;text-align:left}.batch-available:before{right:12px}}.fifo-batch-info.loading .batch-list:after{animation:spin 1s linear infinite;border-top:3px solid #ff6b35;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-orange);content:"";display:block;height:40px;margin:24px auto;width:40px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(-50%) scale(1.2)}}@media (prefers-reduced-motion:reduce){.batch-available:before,.batch-date:after,.batch-item,.fifo-batch-info{animation:none;transition:none}}@media (prefers-contrast:high){.fifo-batch-info{border-width:2px}.batch-item:hover{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange)}}@media (min-width:1920px){.sales-page-container{max-width:1600px;padding:3rem 2rem;padding:var(--spacing-xl) var(--spacing-lg)}.sales-title{font-size:3rem}.sales-table{font-size:1.1rem}.sales-table-td,.sales-table-th{padding:2rem 1.5rem;padding:var(--spacing-lg) var(--spacing-md)}.sales-modal{max-width:1000px}}@media (max-width:1024px){.sales-filters-grid{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.sales-modal{margin:1.5rem;margin:var(--spacing-md);max-width:90vw}.sales-item-grid{gap:.5rem;gap:var(--spacing-xs);grid-template-columns:1fr 80px 80px 100px 90px}}@media (max-width:768px){.sales-header{flex-direction:column;padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);text-align:center}.sales-title:after{left:50%;transform:translateX(-50%)}.sales-create-button{font-size:.95rem;min-width:180px;width:100%}.sales-table-wrapper{border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:inset 0 0 0 1px #dee2e6;box-shadow:inset 0 0 0 1px var(--border-color)}.sales-modal-view-grid{gap:1rem;gap:var(--spacing-sm)}.sales-check-form-grid,.sales-modal-view-grid{grid-template-columns:1fr}.sales-form-field{margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.sales-action-button{min-height:48px;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:640px){.sales-page-container{padding:1rem;padding:var(--spacing-sm)}.sales-header{gap:1.5rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.sales-title{font-size:1.8rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.sales-filters-grid{grid-template-columns:1fr}.sales-stats{align-items:center;margin-top:1rem;margin-top:var(--spacing-sm);text-align:center}.sales-table-wrapper:before{background:#fff4f1;background:var(--primary-orange-subtle);border-bottom:1px solid #ffb3a3;border-bottom:1px solid var(--primary-orange-lighter);color:#e55a2b;color:var(--primary-orange-dark);content:"← Scroll horizontally to see more →";display:block;font-size:var(--font-size-xs);font-weight:600;padding:.5rem;padding:var(--spacing-xs);text-align:center}.sales-modal{margin:.5rem;max-height:calc(100vh - 2rem);width:calc(100vw - 1rem)}.sales-item-grid{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr}.sales-item-total-section{align-items:center;flex-direction:row;justify-content:space-between}.sales-remove-item-button{min-width:100px;width:auto}}@media (max-width:480px){.sales-customer-name{font-size:var(--font-size-sm);line-height:1.3}.sales-customer-email,.sales-table{font-size:var(--font-size-xs)}.sales-table-td,.sales-table-th{padding:1rem .5rem;padding:var(--spacing-sm) var(--spacing-xs)}.sales-status-badge{font-size:.7rem;letter-spacing:.3px;padding:.25rem .5rem;padding:calc(var(--spacing-xs)*.5) var(--spacing-xs)}.sales-actions{flex-direction:column;width:100%}.sales-action-button{justify-content:center;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);width:100%}.sales-action-button:last-child{margin-bottom:0}.sales-modal{border-radius:0;display:flex;flex-direction:column;height:100vh;height:100dvh;margin:0;max-height:none;max-width:none;width:100vw}.sales-modal-form{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.sales-form-actions{background:#fff;background:var(--white);border-top:2px solid #ffb3a3;border-top:2px solid var(--primary-orange-lighter);flex-shrink:0;padding:1.5rem;padding:var(--spacing-md)}.sales-empty-state{padding:2rem 1.5rem;padding:var(--spacing-lg) var(--spacing-md)}.sales-loading-container{padding:1.5rem;padding:var(--spacing-md)}.sales-loading-text{font-size:var(--font-size-base)}}@media (max-width:360px){.sales-title{font-size:1.5rem;text-align:center}.sales-subtitle{font-size:var(--font-size-sm);text-align:center}.sales-table{font-size:.8rem;min-width:340px}.sales-table-td,.sales-table-th{max-width:80px;padding:.5rem .25rem;padding:var(--spacing-xs) calc(var(--spacing-xs)*.5);word-break:break-word}.sales-status-badge{font-size:.65rem;min-width:auto;padding:2px 6px}.sales-form-field{margin-bottom:.75rem;margin-bottom:calc(var(--spacing-sm)*.75)}.sales-form-label{font-size:var(--font-size-xs);margin-bottom:.25rem;margin-bottom:calc(var(--spacing-xs)*.5)}.sales-form-input,.sales-form-select{font-size:var(--font-size-sm);padding:.8rem;padding:calc(var(--spacing-sm)*.8)}.sales-form-cancel-button,.sales-form-submit-button{font-size:var(--font-size-sm);padding:1rem;padding:var(--spacing-sm)}}@media (max-width:320px){.sales-page-container{padding:.5rem;padding:var(--spacing-xs)}.sales-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.sales-filters-container,.sales-header{padding:1rem;padding:var(--spacing-sm)}.sales-table{font-size:.75rem;min-width:300px}.sales-table-cell{max-width:60px;overflow:hidden;text-overflow:ellipsis}.sales-table-cell:hover{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:visible;padding:1rem;padding:var(--spacing-sm);position:relative;white-space:normal;z-index:1}}@media (hover:none) and (pointer:coarse){.sales-table-row{min-height:52px}.sales-action-button{min-height:48px;min-width:48px}.sales-table-row:active{background:#fff4f1;background:var(--primary-orange-subtle);transform:scale(.98)}.sales-form-input,.sales-form-select,.sales-search-input{font-size:16px}.sales-modal,.sales-table-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (orientation:landscape) and (max-height:600px){.sales-modal{max-height:95vh;max-height:95dvh}.sales-modal-form{max-height:calc(95vh - 140px);max-height:calc(95dvh - 140px);overflow-y:auto}.sales-header{padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md)}}@media print{.sales-page-container{background:#fff!important;color:#000!important}.sales-header{border-bottom:2px solid #000;page-break-after:avoid}.sales-table-container{border:1px solid #000;box-shadow:none;page-break-inside:avoid}.sales-table-th{color-adjust:exact;background:#f0f0f0!important;-webkit-print-color-adjust:exact}.sales-table-row{page-break-inside:avoid}.sales-action-button,.sales-create-button,.sales-filters-container,.sales-modal-overlay{display:none!important}}@media (prefers-contrast:high){.sales-status-badge{border-width:2px;font-weight:700}.sales-table-th{border-bottom-width:3px}.sales-form-input:focus{outline:3px solid #ff6b35;outline:3px solid var(--primary-orange);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.sales-table-row:hover{transform:none}.sales-modal{animation:none}.sales-loading-spinner{animation:none;border-top-color:#ff6b35;border-top-color:var(--primary-orange)}.sales-form-input:focus{box-shadow:0 0 0 3px #ff6b35;box-shadow:0 0 0 3px var(--primary-orange)}}.sales-items-table{background-color:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:8px;font-family:Inter,Arial,sans-serif;font-size:.95rem;margin-top:1rem;overflow:hidden;table-layout:fixed;width:100%}.sales-items-table thead{background-color:#f3f4f6}.sales-items-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 10px;text-align:right}.sales-items-table td{font-feature-settings:"tnum";border-bottom:1px solid #f1f1f1;color:#1f2937;font-variant-numeric:tabular-nums;overflow:hidden;padding:10px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.sales-items-table td:first-child,.sales-items-table th:first-child{text-align:left;width:25%}.sales-items-table td:nth-child(2),.sales-items-table th:nth-child(2){width:15%}.sales-items-table td:nth-child(3),.sales-items-table td:nth-child(4),.sales-items-table td:nth-child(5),.sales-items-table th:nth-child(3),.sales-items-table th:nth-child(4),.sales-items-table th:nth-child(5){width:20%}.sales-line-total{color:#111827;font-weight:600}.sales-items-table tbody tr:hover{background-color:#f9fafb}.sales-items-table td:not(:first-child),.sales-items-table th:not(:first-child){text-align:right}@media (max-width:768px){.sales-items-table td,.sales-items-table th{font-size:.85rem;padding:8px}}.bounced-checks-alert{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #ff6b6b;border-radius:12px;box-shadow:0 4px 12px #ff6b6b26;margin-bottom:24px;padding:20px}.bounced-checks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bounced-checks-header h3{color:#c92a2a;font-size:20px;font-weight:700;margin:0}.bounced-checks-count{background:#c92a2a;border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:6px 16px}.bounced-checks-summary{background:#fff;border-radius:8px;margin-bottom:16px;padding:12px}.bounced-checks-stat{color:#333;font-size:16px}.bounced-checks-stat strong{color:#c92a2a}.bounced-checks-list{display:flex;flex-direction:column;gap:12px}.bounced-check-item{background:#fff;border-left:4px solid #ff6b6b;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:12px 16px}.bounced-check-item strong{color:#c92a2a;font-size:15px}.sales-bounced-badge{background:#ff6b6b;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;margin-left:8px;padding:2px 8px;vertical-align:middle}.bounced-checks-stats-container{background:linear-gradient(135deg,#fff4f1,#fff);background:linear-gradient(135deg,var(--primary-orange-subtle) 0,#fff 100%);border:2px solid #ff8c5e;border:2px solid var(--primary-orange-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:2rem;padding:var(--spacing-lg)}.bounced-checks-stats-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.bounced-checks-stats-title{color:#e55a2b;color:var(--primary-orange-dark);font-size:1.5rem;font-weight:700;margin:0}.bounced-checks-period{color:#7f8c8d;color:var(--text-light);font-size:1rem;font-style:italic;font-weight:500}.bounced-checks-stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bounced-stat-card{align-items:center;background:#fff;background:var(--white);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.bounced-stat-card:hover{border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-4px)}.bounced-stat-icon{font-size:2.5rem;min-width:60px;text-align:center}.bounced-stat-content{flex:1 1}.bounced-stat-label{color:#7f8c8d;color:var(--text-light);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.bounced-stat-value{color:#ff6b35;color:var(--primary-orange);font-size:1.8rem;font-weight:700;line-height:1}.sales-bounced-button{background:#ffc107;background:var(--warning);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.sales-bounced-button:hover{background:#e0a800;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sales-clear-bounced-button{background:#28a745;background:var(--success);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.sales-clear-bounced-button:hover{background:#218838;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sales-check-info{align-items:center;color:#666;display:flex;font-size:12px;gap:8px;margin-top:4px}@media (max-width:768px){.bounced-checks-header{align-items:flex-start;flex-direction:column;gap:12px}.bounced-checks-count{align-self:stretch;text-align:center}.bounced-check-item{padding:10px 12px}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.sales-bounced-badge{animation:pulse-red 2s ease-in-out infinite}.sales-table-row:has(.sales-bounced-badge){background-color:#fff5f5}.sales-table-row:has(.sales-bounced-badge):hover{background-color:#ffe8e8}:root{--primary-orange:#ff6b35;--primary-orange-light:#ff8c5e;--primary-orange-dark:#e55a2b;--primary-orange-lighter:#ffb3a3;--primary-orange-subtle:#fff4f1;--white:#fff;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#6c757d;--text-dark:#2c3e50;--text-light:#7f8c8d;--border-color:#dee2e6;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 25px #0003;--border-radius:12px;--border-radius-sm:8px;--transition:all 0.3s ease;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--container-max-width:1400px;--grid-gap:var(--spacing-md);--card-padding:var(--spacing-lg);--font-size-base:1rem;--font-size-title:2.5rem;--touch-target-min:44px;--table-font-size:0.95rem;--modal-max-width:800px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--light-gray);color:#2c3e50;color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}:focus{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:2px}.skip-to-content{background:#ff6b35;background:var(--primary-orange);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);font-weight:600;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:10000}.skip-to-content:focus{top:6px}.supplier-management-container{background:#f8f9fa;background:var(--light-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;max-width:var(--container-max-width);min-height:100vh;padding:2rem;padding:var(--card-padding);width:100%}.supplier-management-header{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--card-padding)}.supplier-header-left{display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--spacing-xs);min-width:0}.supplier-management-title{color:#2c3e50;color:var(--text-dark);font-size:2.5rem;font-size:var(--font-size-title);font-weight:700;position:relative}.supplier-management-title:after{background:linear-gradient(90deg,#ff6b35,#ff8c5e);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.supplier-header-stats{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-md);margin-top:.5rem;margin-top:var(--spacing-xs)}.supplier-stat-item{align-items:center;color:#7f8c8d;color:var(--text-light);display:flex;font-size:.9rem;gap:.5rem;gap:var(--spacing-xs)}.supplier-stat-value{font-weight:600}.supplier-add-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-xs);justify-content:center;min-height:44px;min-height:var(--touch-target-min);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.supplier-add-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.supplier-add-button:active{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(0)}.supplier-search-container{margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.supplier-search-input-wrapper{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-md);position:relative}.supplier-search-wrapper{align-items:center;display:flex;position:relative}.supplier-search-input{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-size:1rem;font-size:var(--font-size-base);min-height:44px;min-height:var(--touch-target-min);padding:1rem 50px 1rem 1.5rem;padding:var(--spacing-sm) 50px var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition);width:100%}.supplier-search-input:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.supplier-search-icon,.supplier-search-input::placeholder{color:#7f8c8d;color:var(--text-light)}.supplier-search-icon{font-size:1.2rem;left:1rem;left:var(--spacing-sm);pointer-events:none;position:absolute}.supplier-clear-search{align-items:center;background:#dc3545;background:var(--danger);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:1rem;right:var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:28px}.supplier-clear-search.visible{opacity:1;pointer-events:all}.supplier-clear-search:hover{background:#c82333;transform:scale(1.1)}.supplier-filter-container{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-md);margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-md)}.supplier-filter-label{font-size:1rem;font-size:var(--font-size-base)}.supplier-filter-buttons{display:flex;flex:1 1;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm)}.supplier-filter-btn{background:#fff;background:var(--white);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:.95rem;font-weight:500;min-height:44px;min-height:var(--touch-target-min);padding:.625rem 1.25rem;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.supplier-filter-btn:hover{background:#fff4f1;background:var(--primary-orange-subtle);color:#e55a2b;color:var(--primary-orange-dark);transform:translateY(-1px)}.supplier-filter-btn.active,.supplier-filter-btn:hover{border-color:#ff6b35;border-color:var(--primary-orange)}.supplier-filter-btn.active{background:#ff6b35;background:var(--primary-orange);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white)}.supplier-filter-btn.active:hover{background:#e55a2b;background:var(--primary-orange-dark);border-color:#e55a2b;border-color:var(--primary-orange-dark)}.supplier-search-results-count{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-style:italic;margin-top:1rem;margin-top:var(--spacing-sm)}.supplier-filter-bar{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.supplier-filter-group{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-xs)}.supplier-filter-label{color:#2c3e50;color:var(--text-dark);font-size:.9rem;font-weight:600;white-space:nowrap}.supplier-filter-select{background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);min-height:36px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.supplier-filter-select:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);outline:none}.supplier-filter-reset{background:#e9ecef;background:var(--medium-gray);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:.85rem;min-height:36px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.supplier-filter-reset:hover{background:#6c757d;background:var(--dark-gray);color:#fff;color:var(--white)}.supplier-table-container{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden}.supplier-table-toolbar{background:#f8f9fa;background:var(--light-gray);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;padding:1.5rem;padding:var(--spacing-md)}.supplier-table-actions,.supplier-table-toolbar{align-items:center;display:flex;gap:1rem;gap:var(--spacing-sm)}.supplier-table-action-button{align-items:center;background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;gap:var(--spacing-xs);min-height:36px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.supplier-table-action-button:hover{background:#fff4f1;background:var(--primary-orange-subtle);border-color:#ffb3a3;border-color:var(--primary-orange-lighter)}.supplier-table-wrapper{-webkit-overflow-scrolling:touch;max-height:70vh;overflow-x:auto;overflow-y:auto;position:relative}.supplier-table-wrapper:after{background:linear-gradient(270deg,#0000001a,#0000);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:30px}.supplier-table-wrapper:not(:hover):after{opacity:1}.supplier-table{border-collapse:collapse;font-size:.95rem;font-size:var(--table-font-size);min-width:1000px;width:100%}.supplier-table-header{background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter));position:-webkit-sticky;position:sticky;top:0;z-index:10}.supplier-header-cell{border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--primary-orange);color:#2c3e50;color:var(--text-dark);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.supplier-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.supplier-header-cell.sortable:hover{background:#ffb3a3;background:var(--primary-orange-lighter)}.supplier-header-cell .sort-icon{color:#7f8c8d;color:var(--text-light);font-size:.7rem;margin-left:.5rem;margin-left:var(--spacing-xs)}.supplier-table-row{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);transition:all .3s ease;transition:var(--transition)}.supplier-table-row:hover{background:#fff4f1;background:var(--primary-orange-subtle);transform:scale(1.005)}.supplier-table-row:last-child{border-bottom:none}.supplier-table-cell{word-wrap:break-word;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);-webkit-hyphens:auto;hyphens:auto;padding:1.5rem 1rem;padding:var(--spacing-md) var(--spacing-sm);vertical-align:middle}.supplier-info{max-width:280px;min-width:200px}.supplier-name{color:#2c3e50;color:var(--text-dark);font-size:1.05rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;margin-bottom:4px;word-break:break-word}.supplier-email{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-style:italic;word-break:break-all}.supplier-code{background:#fff4f1;background:var(--primary-orange-subtle);border-radius:8px;border-radius:var(--border-radius-sm);color:#e55a2b;color:var(--primary-orange-dark);display:inline-block;font-size:.85rem;font-weight:600;margin-top:4px;padding:4px 8px;word-break:break-all}.supplier-contact-info{max-width:200px;min-width:150px}.supplier-contact-name{color:#2c3e50;color:var(--text-dark);font-weight:600;margin-bottom:4px;word-break:break-word}.supplier-contact-phone{color:#17a2b8;color:var(--info);font-size:.9rem;font-weight:500;word-break:break-all}.supplier-contact-email{color:#7f8c8d;color:var(--text-light);font-size:.85rem;margin-top:2px;word-break:break-all}.supplier-location-info{max-width:220px;min-width:160px}.supplier-location-city{color:#2c3e50;color:var(--text-dark);font-weight:600;margin-bottom:4px;word-break:break-word}.supplier-location-address{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;color:var(--text-light);display:-webkit-box;font-size:.9rem;line-height:1.3;overflow:hidden}.supplier-location-country{color:#17a2b8;color:var(--info);font-size:.85rem;font-weight:500;margin-top:2px}.supplier-financial-info{min-width:140px;text-align:right}.supplier-credit-info{color:#28a745;color:var(--success);font-size:.9rem;font-weight:600;margin-bottom:4px;white-space:nowrap}.supplier-payment-terms{color:#17a2b8;color:var(--info);font-size:.85rem;margin-bottom:4px;white-space:nowrap}.supplier-outstanding-info{color:#ffc107;color:var(--warning);font-size:.85rem;white-space:nowrap}.supplier-outstanding-info.overdue{animation:pulse 2s infinite;color:#dc3545;color:var(--danger)}.supplier-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;letter-spacing:.5px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.supplier-status-active{background:#28a7451a;border:1px solid #28a7454d;color:#28a745;color:var(--success)}.supplier-status-inactive{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545;color:var(--danger)}.supplier-status-pending{background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107;color:var(--warning)}.supplier-status-verified{background:#17a2b81a;border:1px solid #17a2b84d;color:#17a2b8;color:var(--info)}.supplier-actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-xs);justify-content:flex-end;min-width:120px}.supplier-action-button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;min-height:36px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.supplier-edit-button{background:#17a2b8;background:var(--info);color:#fff;color:var(--white)}.supplier-edit-button:hover{background:#138496;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.supplier-view-button{background:#ff6b35;background:var(--primary-orange);color:#fff;color:var(--white)}.supplier-view-button:hover{background:#e55a2b;background:var(--primary-orange-dark);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.supplier-debug-button{background:#e9ecef;background:var(--medium-gray);color:#2c3e50;color:var(--text-dark)}.supplier-debug-button:hover{background:#6c757d;background:var(--dark-gray);color:#fff;color:var(--white)}.supplier-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.supplier-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;max-width:var(--modal-max-width);overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.supplier-modal-header{align-items:center;background:linear-gradient(135deg,#fff4f1,#ffb3a3);background:linear-gradient(135deg,var(--primary-orange-subtle),var(--primary-orange-lighter));border-bottom:3px solid #ff6b35;border-bottom:3px solid var(--primary-orange);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm);justify-content:space-between;padding:2rem;padding:var(--spacing-lg)}.supplier-modal-title{color:#2c3e50;color:var(--text-dark);flex:1 1;font-size:1.8rem;font-weight:700;margin:0;min-width:0;position:relative}.supplier-modal-title:after{background:#ff6b35;background:var(--primary-orange);border-radius:2px;content:"";display:block;height:3px;margin-top:.5rem;margin-top:var(--spacing-xs);width:40px}.supplier-modal-close-x{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;color:var(--text-light);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:.5rem;padding:var(--spacing-xs);transition:all .3s ease;transition:var(--transition)}.supplier-modal-close-x:hover{background:#0000001a;color:#2c3e50;color:var(--text-dark);transform:rotate(90deg)}.supplier-modal-form{padding:2rem;padding:var(--spacing-lg)}.supplier-form-section{margin-bottom:3rem;margin-bottom:var(--spacing-xl)}.supplier-form-section-title{border-bottom:2px solid #fff4f1;border-bottom:2px solid var(--primary-orange-subtle);color:#e55a2b;color:var(--primary-orange-dark);font-size:1.2rem;font-weight:600;padding-bottom:.5rem;padding-bottom:var(--spacing-xs)}.supplier-form-section-title,.supplier-input-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.supplier-input-row{grid-gap:1.5rem;grid-gap:var(--spacing-md);grid-template-columns:1fr 1fr}.supplier-input-row,.supplier-input-row-triple{display:grid;gap:1.5rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.supplier-input-row-triple{grid-gap:1.5rem;grid-gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr}.supplier-modal-label{color:#2c3e50;color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.supplier-modal-label.required:after{color:#dc3545;color:var(--danger);content:" *";font-weight:700}.supplier-modal-input,.supplier-modal-select,.supplier-modal-textarea{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);min-height:44px;min-height:var(--touch-target-min);padding:1rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:100%}.supplier-modal-input:focus,.supplier-modal-select:focus,.supplier-modal-textarea:focus{background:#fff;background:var(--white);border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 3px #fff4f1;box-shadow:0 0 0 3px var(--primary-orange-subtle);outline:none}.supplier-modal-textarea{line-height:1.5;min-height:80px;resize:vertical}.supplier-input-error{background:#dc35450d!important;border-color:#dc3545!important;border-color:var(--danger)!important}.supplier-error-text{font-weight:500}.supplier-error-text,.supplier-input-help{font-size:.85rem;margin-top:.5rem;margin-top:var(--spacing-xs)}.supplier-input-help{color:#7f8c8d;color:var(--text-light);font-style:italic}.supplier-currency-preview{color:#ff6b35;color:var(--primary-orange);font-size:.85rem;font-weight:600;margin-top:.5rem;margin-top:var(--spacing-xs)}.supplier-checkbox-wrapper{align-items:center;background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;gap:1rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-sm)}.supplier-checkbox-label{align-items:center;color:#2c3e50;color:var(--text-dark);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-xs)}.supplier-checkbox{accent-color:#ff6b35;accent-color:var(--primary-orange);cursor:pointer;height:18px;margin:0;width:18px}.supplier-modal-button-group{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm);justify-content:flex-end;margin-top:2rem;margin-top:var(--spacing-lg);padding-top:2rem;padding-top:var(--spacing-lg)}.supplier-modal-save-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-xs);min-height:44px;min-height:var(--touch-target-min);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.supplier-modal-save-button:hover:not(:disabled){background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark),var(--primary-orange));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.supplier-modal-save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.supplier-modal-cancel-button{background:#e9ecef;background:var(--medium-gray);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;min-height:44px;min-height:var(--touch-target-min);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.supplier-modal-cancel-button:hover{background:#6c757d;background:var(--dark-gray);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);transform:translateY(-2px)}.supplier-modal-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--white);height:16px;width:16px}.supplier-notification{animation:slideInRight .3s ease;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-width:350px;padding:1.5rem;padding:var(--spacing-md);position:fixed;right:20px;top:20px;transition:all .3s ease;transition:var(--transition);z-index:1100}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.supplier-notification.success{background:#28a745;background:var(--success);color:#fff;color:var(--white)}.supplier-notification.error{background:#dc3545;background:var(--danger);color:#fff;color:var(--white)}.supplier-notification.warning{background:#ffc107;background:var(--warning);color:#2c3e50;color:var(--text-dark)}.supplier-notification.info{background:#17a2b8;background:var(--info);color:#fff;color:var(--white)}.supplier-notification-content{align-items:center;display:flex;gap:1rem;gap:var(--spacing-sm)}.supplier-notification-icon{font-size:1.2rem}.supplier-notification-text{flex:1 1;font-weight:500}.supplier-notification-close{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;opacity:.8;padding:4px;transition:all .3s ease;transition:var(--transition)}.supplier-notification-close:hover{background:#0000001a;opacity:1}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.no-scroll{overflow:hidden}.fade-in{animation:fadeIn .5s ease-in}.slide-up{animation:slideUp .3s ease-out}.bounce-in{animation:bounceIn .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--light-gray);border-radius:4px}::-webkit-scrollbar-thumb{background:#ff6b35;background:var(--primary-orange);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e55a2b;background:var(--primary-orange-dark)}html{scrollbar-color:#ff6b35 #f8f9fa;scrollbar-color:var(--primary-orange) var(--light-gray);scrollbar-width:thin}@media (max-width:1199px){:root{--container-max-width:1200px;--font-size-title:2.2rem;--card-padding:var(--spacing-md);--modal-max-width:750px}.supplier-management-container,.supplier-management-header{padding:1.5rem;padding:var(--spacing-md)}.supplier-table{font-size:.9rem;min-width:900px}.supplier-input-row-triple{grid-template-columns:1fr 1fr}}@media (max-width:991px){:root{--font-size-title:2rem;--grid-gap:var(--spacing-sm);--table-font-size:0.85rem;--modal-max-width:700px}.supplier-management-header{flex-direction:column;gap:1.5rem;gap:var(--spacing-md);text-align:center}.supplier-header-left{align-items:center}.supplier-management-title:after{left:50%;transform:translateX(-50%)}.supplier-add-button{max-width:300px;width:100%}.supplier-filter-bar{gap:1.5rem;gap:var(--spacing-md)}.supplier-filter-bar,.supplier-filter-group,.supplier-table-toolbar{align-items:stretch;flex-direction:column}.supplier-table-toolbar{gap:1rem;gap:var(--spacing-sm)}.supplier-table-actions{flex-wrap:wrap;justify-content:center}.supplier-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:scroll}.supplier-table{min-width:800px}.supplier-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-xs);min-width:100px}.supplier-action-button{text-align:center;width:100%}.supplier-input-row,.supplier-input-row-triple{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr}.supplier-bulk-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.supplier-bulk-action-button{text-align:center;width:100%}}@media (max-width:767px){:root{--font-size-title:1.8rem;--card-padding:var(--spacing-sm);--spacing-lg:1.5rem;--modal-max-width:600px}.supplier-filter-bar,.supplier-management-header,.supplier-search-input-wrapper{padding:1rem;padding:var(--spacing-sm)}.supplier-table{font-size:.8rem;min-width:700px}.supplier-header-cell,.supplier-table-cell{padding:1rem .5rem;padding:var(--spacing-sm) var(--spacing-xs)}.supplier-header-cell{font-size:.75rem}.supplier-name{font-size:1rem}.supplier-modal{margin:1rem;margin:var(--spacing-sm);width:95%}.supplier-modal-form{padding:1.5rem;padding:var(--spacing-md)}.supplier-modal-title{font-size:1.5rem}.supplier-modal-button-group{flex-direction:column}.supplier-modal-cancel-button,.supplier-modal-save-button{width:100%}.supplier-pagination{flex-direction:column;gap:1rem;gap:var(--spacing-sm);text-align:center}.supplier-pagination-controls{justify-content:center}.supplier-notification{left:10px;max-width:none;right:10px;top:10px}}@media (max-width:575px){.supplier-management-container{padding:1rem;padding:var(--spacing-sm)}.supplier-table-cell{padding:.5rem 4px;padding:var(--spacing-xs) 4px}.supplier-contact-info,.supplier-info,.supplier-location-info{max-width:180px;min-width:120px}.supplier-empty-state{padding:2rem;padding:var(--spacing-lg)}.supplier-empty-icon{font-size:3rem}.supplier-form-section-title{font-size:1.1rem}.supplier-error-actions{flex-direction:column}.supplier-debug-button,.supplier-retry-button{width:100%}.supplier-filter-container{align-items:flex-start;flex-direction:column}.supplier-filter-buttons{width:100%}.supplier-filter-btn{flex:1 1;min-width:100px}}@media (max-width:479px){:root{--font-size-title:1.6rem;--spacing-xs:0.25rem;--spacing-sm:0.75rem;--spacing-md:1rem;--card-padding:var(--spacing-sm)}.supplier-management-title{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.supplier-table{font-size:.75rem;min-width:600px}.supplier-header-cell{font-size:.7rem}.supplier-header-cell,.supplier-table-cell{padding:.5rem 2px;padding:var(--spacing-xs) 2px}.supplier-name{font-size:.9rem}.supplier-code{font-size:.75rem;padding:2px 6px}.supplier-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.supplier-modal-title{font-size:1.3rem}.supplier-modal-form,.supplier-modal-header{padding:1rem;padding:var(--spacing-sm)}.supplier-clear-search{height:24px;right:calc(1rem + 12px);right:calc(var(--spacing-sm) + 12px);width:24px}.supplier-filter-bar,.supplier-table-toolbar{padding:.5rem;padding:var(--spacing-xs)}.supplier-action-button{font-size:.75rem;min-height:32px;padding:4px 8px}.supplier-bulk-actions-bar{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-sm)}.supplier-header-stats{flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.supplier-loading-spinner{border-width:2px}.supplier-modal-title:after{height:2px}}@media print{body{background:#fff;color:#000;font-size:12pt;line-height:1.4}.supplier-management-container{padding:0}.supplier-management-header,.supplier-search-input-wrapper,.supplier-table-container{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.supplier-action-button,.supplier-add-button,.supplier-filter-bar,.supplier-search-input,.supplier-table-toolbar{display:none}.supplier-management-title{color:#000;font-size:18pt}.supplier-table{font-size:10pt}.supplier-modal-overlay,.supplier-notification{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.supplier-loading-spinner{animation:none;border-top-color:#ff6b35;border-top-color:var(--primary-orange)}.supplier-action-button:hover,.supplier-table-row:hover{transform:none!important}}@media (prefers-contrast:high){:root{--primary-orange:#ff4500;--primary-orange-dark:#cc3700;--border-color:#000;--text-light:#666;--shadow-sm:0 2px 4px #000c;--shadow-md:0 4px 12px #000c;--shadow-lg:0 8px 25px #000c}.supplier-management-header,.supplier-modal,.supplier-search-input-wrapper,.supplier-status-badge,.supplier-table-container{border-width:2px}:focus{outline:3px solid #ff6b35;outline:3px solid var(--primary-orange);outline-offset:3px}}@supports (container-type:inline-size){.supplier-table-container{container-type:inline-size}@container (max-width: 600px){.supplier-table{font-size:.8rem}.supplier-header-cell,.supplier-table-cell{padding:.5rem 2px;padding:var(--spacing-xs) 2px}}}.show-mobile{display:none}.hide-mobile{display:block}@media (max-width:767px){.show-mobile{display:block}.hide-mobile{display:none}.show-mobile.inline{display:inline}.show-mobile.flex{display:flex}.show-mobile.grid{display:grid}}.show-tablet{display:none}.hide-tablet{display:block}@media (max-width:991px) and (min-width:768px){.show-tablet{display:block}.hide-tablet{display:none}.show-tablet.inline{display:inline}.show-tablet.flex{display:flex}.show-tablet.grid{display:grid}}.show-desktop{display:none}.hide-desktop{display:block}@media (min-width:992px){.show-desktop{display:block}.hide-desktop{display:none}.show-desktop.inline{display:inline}.show-desktop.flex{display:flex}.show-desktop.grid{display:grid}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.supplier-table-row:focus-within{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:-2px}.supplier-action-button:focus,.supplier-add-button:focus,.supplier-modal-cancel-button:focus,.supplier-modal-save-button:focus{outline:2px solid #ff6b35;outline:2px solid var(--primary-orange);outline-offset:2px}.skip-link{background:#ff6b35;background:var(--primary-orange);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);font-weight:600;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;transition:all .3s ease;transition:var(--transition);z-index:10000}.skip-link:focus{top:6px}.supplier-modal,.supplier-table-row{contain:layout style}.supplier-loading-spinner,.supplier-modal,.supplier-notification{will-change:transform}.supplier-action-button:hover,.supplier-table-row:hover{will-change:transform,background-color}@media (prefers-reduced-motion:reduce){.supplier-action-button:hover,.supplier-table-row:hover{transform:none!important}}.supplier-table-select-all{position:relative}.supplier-row-checkbox,.supplier-table-select-all input[type=checkbox]{accent-color:#ff6b35;accent-color:var(--primary-orange);cursor:pointer;height:18px;width:18px}.supplier-details-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.supplier-details-header{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;color:var(--white);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm);justify-content:space-between;padding:2rem;padding:var(--spacing-lg)}.supplier-details-title-section{flex:1 1;min-width:0}.supplier-details-title{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-xs) 0}.supplier-details-subtitle{font-size:1.1rem;font-weight:400;opacity:.9}.supplier-details-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.supplier-details-close:hover{background:#ffffff4d;transform:rotate(90deg)}.supplier-details-content{padding:2rem;padding:var(--spacing-lg)}.supplier-details-section{margin-bottom:3rem;margin-bottom:var(--spacing-xl)}.supplier-details-section-title{border-bottom:2px solid #fff4f1;border-bottom:2px solid var(--primary-orange-subtle);color:#e55a2b;color:var(--primary-orange-dark);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-xs);position:relative}.supplier-details-section-title:after{background:#ff6b35;background:var(--primary-orange);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.supplier-details-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.supplier-detail-item{background:#f8f9fa;background:var(--light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);padding:1.5rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.supplier-detail-item:hover{background:#fff4f1;background:var(--primary-orange-subtle);border-color:#ffb3a3;border-color:var(--primary-orange-lighter);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.supplier-detail-label{color:#7f8c8d;color:var(--text-light);display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.supplier-detail-value{color:#2c3e50;color:var(--text-dark);font-size:1.1rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.supplier-detail-value.highlight{color:#ff6b35;color:var(--primary-orange);font-weight:700}.supplier-detail-value.success{color:#28a745;color:var(--success);font-weight:600}.supplier-detail-value.warning{color:#ffc107;color:var(--warning);font-weight:600}.supplier-detail-value.danger{color:#dc3545;color:var(--danger);font-weight:600}.supplier-history-table-wrapper{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto}.supplier-history-table{border-collapse:collapse;min-width:700px;width:100%}.supplier-history-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:linear-gradient(135deg,var(--light-gray) 0,var(--medium-gray) 100%);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border-color);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.supplier-history-table td,.supplier-history-table th{color:#2c3e50;color:var(--text-dark);padding:1rem;padding:var(--spacing-sm)}.supplier-history-table td{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color)}.supplier-history-table tr:last-child td{border-bottom:none}.supplier-history-table tr:hover{background:#fff4f1;background:var(--primary-orange-subtle)}.supplier-import-export-bar{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.supplier-export-section,.supplier-import-export-bar,.supplier-import-section{align-items:center;display:flex;gap:1rem;gap:var(--spacing-sm)}.supplier-export-button,.supplier-import-button{align-items:center;background:#17a2b8;background:var(--info);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:.5rem;gap:var(--spacing-xs);min-height:36px;padding:.5rem 1.5rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.supplier-import-button:hover{background:#138496;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.supplier-export-button{background:#28a745;background:var(--success)}.supplier-export-button:hover{background:#218838;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.supplier-file-input{display:none}.supplier-file-input-label{background:#e9ecef;background:var(--medium-gray);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.supplier-file-input-label:hover{background:#6c757d;background:var(--dark-gray);color:#fff;color:var(--white)}.supplier-stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.supplier-stat-card{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-md);position:relative;transition:all .3s ease;transition:var(--transition)}.supplier-stat-card:before{background:linear-gradient(90deg,#ff6b35,#ff8c5e);background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.supplier-stat-card:hover{border-color:#ffb3a3;border-color:var(--primary-orange-lighter);box-shadow:0 8px 25px #0003;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.supplier-stat-title{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.supplier-stat-value{color:#ff6b35;color:var(--primary-orange);font-size:2rem;font-weight:700;line-height:1}.supplier-stat-trend{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs);margin-top:1rem;margin-top:var(--spacing-sm)}.supplier-trend-up{color:#28a745;color:var(--success)}.supplier-trend-down{color:#dc3545;color:var(--danger)}.supplier-trend-neutral{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#7f8c8d;color:var(--text-light)}.supplier-delete-button{background:#dc3545;background:var(--danger);color:#fff;color:var(--white)}.supplier-delete-button:hover{background:#c82333;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.supplier-action-button[title]{position:relative}.supplier-action-button[title]:hover:after{background:#000c;border-radius:4px;bottom:100%;color:#fff;color:var(--white);content:attr(title);font-size:.75rem;left:50%;margin-bottom:4px;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.supplier-bulk-actions-bar{align-items:center;animation:slideDown .3s ease;background:#fff4f1;background:var(--primary-orange-subtle);border-bottom:1px solid #ffb3a3;border-bottom:1px solid var(--primary-orange-lighter);display:none;gap:1.5rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.supplier-bulk-actions-bar.visible{display:flex}.supplier-bulk-selected-count{color:#e55a2b;color:var(--primary-orange-dark);font-weight:600}.supplier-bulk-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm)}.supplier-bulk-action-button{background:#fff;background:var(--white);border:1px solid #ff6b35;border:1px solid var(--primary-orange);border-radius:8px;border-radius:var(--border-radius-sm);color:#ff6b35;color:var(--primary-orange);cursor:pointer;font-size:.9rem;font-weight:500;min-height:36px;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.supplier-bulk-action-button:hover{background:#ff6b35;background:var(--primary-orange);color:#fff;color:var(--white)}.supplier-bulk-action-button.danger{border-color:#dc3545;border-color:var(--danger);color:#dc3545;color:var(--danger)}.supplier-bulk-action-button.danger:hover{background:#dc3545;background:var(--danger);color:#fff;color:var(--white)}.supplier-pagination{align-items:center;background:#fff;background:var(--white);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm);justify-content:space-between;padding:1.5rem;padding:var(--spacing-md)}.supplier-pagination-info{color:#7f8c8d;color:var(--text-light);font-size:.9rem}.supplier-pagination-controls{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-xs)}.supplier-pagination-button{background:#fff;background:var(--white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#2c3e50;color:var(--text-dark);cursor:pointer;font-weight:500;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.supplier-pagination-button:hover:not(:disabled){background:#fff4f1;background:var(--primary-orange-subtle);border-color:#ffb3a3;border-color:var(--primary-orange-lighter)}.supplier-pagination-button.active{background:#ff6b35;background:var(--primary-orange);border-color:#ff6b35;border-color:var(--primary-orange);color:#fff;color:var(--white)}.supplier-pagination-button:disabled{cursor:not-allowed;opacity:.5}.supplier-empty-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md);padding:3rem;padding:var(--spacing-xl);text-align:center}.supplier-empty-content{max-width:400px}.supplier-empty-icon{color:#e9ecef;color:var(--medium-gray);font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.supplier-empty-title{color:#2c3e50;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.supplier-empty-subtitle{color:#7f8c8d;color:var(--text-light);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.supplier-add-first-button,.supplier-clear-search-button{background:#ff6b35;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-weight:600;min-height:44px;min-height:var(--touch-target-min);padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.supplier-add-first-button:hover,.supplier-clear-search-button:hover{background:#e55a2b;background:var(--primary-orange-dark);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.supplier-loading-container{align-items:center;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;justify-content:center;min-height:400px}.supplier-loading-card{padding:3rem;padding:var(--spacing-xl);text-align:center}.supplier-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top:4px solid #ff6b35;border:4px solid var(--medium-gray);border-radius:50%;border-top-color:var(--primary-orange);height:50px;margin:0 auto 1.5rem;margin:0 auto var(--spacing-md);width:50px}.supplier-loading-text{color:#2c3e50;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.supplier-loading-subtext{color:#7f8c8d;color:var(--text-light);font-size:.9rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.supplier-error-container{align-items:center;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;justify-content:center;min-height:400px;padding:2rem;padding:var(--spacing-lg)}.supplier-error-card{max-width:500px;text-align:center}.supplier-error-icon{color:#dc3545;color:var(--danger);font-size:3rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.supplier-error-title{color:#2c3e50;color:var(--text-dark);font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.supplier-error-text{color:#dc3545;color:var(--danger);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.supplier-error-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm);justify-content:center}.supplier-debug-button,.supplier-retry-button{border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;min-height:44px;min-height:var(--touch-target-min);padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.supplier-retry-button{background:#ff6b35;background:var(--primary-orange);color:#fff;color:var(--white)}.supplier-retry-button:hover{background:#e55a2b;background:var(--primary-orange-dark);transform:translateY(-2px)}.supplier-financial-summary-container{background:linear-gradient(135deg,#fff4f1,#fff);background:linear-gradient(135deg,var(--primary-orange-subtle) 0,#fff 100%);border:1px solid #ffb3a3;border:1px solid var(--primary-orange-lighter);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);margin:20px 0;padding:1.5rem;padding:var(--spacing-md)}.supplier-summary-toggle{align-items:center;background:#ff6b35;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;transition:var(--transition)}.supplier-summary-toggle:hover{background:#e55a2b;background:var(--primary-orange-dark);transform:translateX(5px)}.supplier-financial-summary-cards{grid-gap:1.5rem;grid-gap:var(--spacing-md);animation:slideDown .3s ease;display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem;margin-top:var(--spacing-md)}.supplier-summary-card{align-items:center;background:#fff;background:var(--white);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:1rem;gap:var(--spacing-sm);padding:1.5rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.supplier-summary-card:hover{border-color:#ff8c5e;border-color:var(--primary-orange-light);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-3px)}.supplier-summary-card.outstanding-card{background:linear-gradient(135deg,#fff4f1,#fff);background:linear-gradient(135deg,var(--primary-orange-subtle) 0,#fff 100%);border-color:#ff6b35;border-color:var(--primary-orange)}.summary-card-icon{font-size:2.5rem;min-width:60px;text-align:center}.summary-card-content{flex:1 1}.summary-card-label{color:#7f8c8d;color:var(--text-light);font-size:.85rem;font-weight:600;margin-bottom:4px;text-transform:uppercase}.summary-card-value{color:#2c3e50;color:var(--text-dark);font-size:1.5rem;font-weight:700}.summary-card-value.outstanding-value{color:#ff6b35;color:var(--primary-orange)}.summary-card-progress{background:#e9ecef;background:var(--medium-gray);border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.summary-card-progress-bar{border-radius:4px;height:100%;transition:width .5s ease}.supplier-outstanding-info{border-radius:8px;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:600;margin-top:4px;padding:6px 10px;transition:all .3s ease;transition:var(--transition)}.supplier-outstanding-info.outstanding-normal{background:#fff4f1;background:var(--primary-orange-subtle);border-left:3px solid #ff6b35;border-left:3px solid var(--primary-orange);color:#e55a2b;color:var(--primary-orange-dark)}.supplier-outstanding-info.outstanding-warning{background:#ffb3a3;background:var(--primary-orange-lighter);border-left:3px solid #ff8c5e;border-left:3px solid var(--primary-orange-light);color:#e55a2b;color:var(--primary-orange-dark)}.supplier-outstanding-info.outstanding-danger{animation:pulse 2s infinite;background:#ff8c5e;background:var(--primary-orange-light);border-left:3px solid #ff6b35;border-left:3px solid var(--primary-orange);color:#e55a2b;color:var(--primary-orange-dark)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.supplier-purchase-summary{color:#7f8c8d;color:var(--text-light);display:flex;flex-direction:column;font-size:.8rem;gap:4px;margin-top:8px}.purchase-paid,.purchase-total{border-radius:4px;padding:2px 6px}.purchase-total{background:#fff4f1;background:var(--primary-orange-subtle)}.purchase-paid,.purchase-total{color:#e55a2b;color:var(--primary-orange-dark)}.purchase-paid{background:#ffb3a3;background:var(--primary-orange-lighter)}.supplier-payment-button{background:linear-gradient(135deg,#ff6b35,#ff8c5e);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-light) 100%);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;font-weight:600;margin-right:8px;padding:8px 16px;transition:all .3s ease;transition:var(--transition)}.supplier-payment-button:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-orange-dark) 0,var(--primary-orange) 100%);box-shadow:0 4px 12px #ff6b3566;transform:translateY(-2px)}.supplier-payment-modal{max-width:600px}.payment-supplier-info{background:linear-gradient(135deg,#fff4f1,#fff);background:linear-gradient(135deg,var(--primary-orange-subtle) 0,#fff 100%);border:2px solid #ff8c5e;border:2px solid var(--primary-orange-light);border-radius:12px;border-radius:var(--border-radius);margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.payment-supplier-info h3{color:#2c3e50;color:var(--text-dark);font-size:1.5rem;margin:0 0 1rem;margin:0 0 var(--spacing-sm) 0}.payment-outstanding-display{align-items:center;background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-sm)}.payment-label{color:#7f8c8d;color:var(--text-light);font-size:.95rem;font-weight:600}.payment-amount{color:#ff6b35;color:var(--primary-orange);font-size:1.5rem;font-weight:700}.payment-error-message{background:#f8d7da;border-left:4px solid #dc3545;border-left:4px solid var(--danger);border-radius:8px;border-radius:var(--border-radius-sm);color:#721c24;font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-sm)}.payment-helper-text{color:#7f8c8d;color:var(--text-light);font-size:.85rem;font-style:italic;margin-top:4px}.payment-summary{background:#f8f9fa;background:var(--light-gray);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin:1.5rem 0;margin:var(--spacing-md) 0;padding:1.5rem;padding:var(--spacing-md)}.payment-summary-row{display:flex;font-size:1rem;justify-content:space-between;padding:8px 0}.payment-summary-row.payment-summary-total{border-top:2px solid #dee2e6;border-top:2px solid var(--border-color);font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:12px}.payment-summary-value{color:#2c3e50;color:var(--text-dark);font-weight:600}.payment-summary-total .payment-summary-value{color:#ff6b35;color:var(--primary-orange)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.supplier-financial-summary-cards{grid-template-columns:1fr}.supplier-summary-card{flex-direction:column;text-align:center}.summary-card-icon{font-size:3rem}.supplier-payment-button{margin:4px 0;width:100%}.supplier-actions{flex-direction:column;gap:8px}}.supplier-scroll-hint{animation:pulse-hint 2s infinite;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-bottom:2px solid #ff9800;color:#e65100;display:none;font-size:.85rem;font-weight:600;padding:8px 12px;text-align:center}@keyframes pulse-hint{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:1200px){.supplier-scroll-hint{display:block}}@media (max-width:768px){.supplier-scroll-hint{font-size:.8rem;padding:6px 10px}}.supplier-table-wrapper::-webkit-scrollbar{height:12px;width:12px}.supplier-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.supplier-table-wrapper::-webkit-scrollbar-thumb{background:#ff6b35;background:var(--primary-orange);border:2px solid #f1f1f1;border-radius:6px}.supplier-table-wrapper::-webkit-scrollbar-thumb:hover{background:#e55a2b;background:var(--primary-orange-dark)}.supplier-table-wrapper{scrollbar-color:#ff6b35 #f1f1f1;scrollbar-color:var(--primary-orange) #f1f1f1;scrollbar-width:thin}@media (max-width:1400px){.supplier-table{font-size:.9rem}.supplier-header-cell,.supplier-table-cell{padding:10px 8px}}@media (max-width:1200px){.supplier-table{font-size:.85rem}.supplier-header-cell,.supplier-table-cell{padding:8px 6px}.supplier-action-button{font-size:.85rem;padding:6px 10px}}@media (max-width:768px){.supplier-table{font-size:.8rem}.supplier-header-cell,.supplier-table-cell{padding:6px 4px}.supplier-action-button{font-size:.75rem;padding:4px 8px}.supplier-actions{display:flex;flex-direction:column;gap:4px;width:100%}.supplier-action-button{width:100%}}
/*# sourceMappingURL=main.c5e7bd3e.css.map*/