:root{--primary-color: #2c3e50;--secondary-color: #34495e;--accent-color: #3498db;--text-color: #ecf0f1;--hover-color: #1abc9c;--border-color: rgba(255, 255, 255, .1);--sidebar-width: 280px;--navbar-height: 64px;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.6}.layout-container{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:var(--primary-color);color:var(--text-color);height:var(--navbar-height);padding:0 1.5rem;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 4px #0000001a}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:100%}.navbar-brand{display:flex;align-items:center;gap:1rem}.navbar h1{font-size:1.5rem;font-weight:600}.navbar-logo-container{display:flex;align-items:center}.navbar-logo{height:40px;width:auto;cursor:pointer;border-radius:50%;transition:transform .2s}.navbar-logo:hover{transform:scale(1.05)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}.main-layout{display:flex;margin-top:var(--navbar-height);height:calc(100vh - var(--navbar-height))}.sidebar{width:var(--sidebar-width);background-color:var(--secondary-color);color:var(--text-color);overflow-y:auto;height:100%;transition:transform var(--transition-speed),width var(--transition-speed);box-shadow:2px 0 5px #0000001a;position:fixed;top:var(--navbar-height);left:0;bottom:0}.menu{list-style:none;padding:1rem 0}.menu-group{margin-bottom:.5rem}.menu-group-title{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;width:100%;text-align:left;background:none;border:none;color:var(--text-color);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-speed);border-left:3px solid transparent}.menu-group-title:hover{background-color:#ffffff1a}.menu-group-title.expanded{background-color:#ffffff1a;border-left:3px solid var(--accent-color)}.menu-expand-icon{font-size:.8rem;transition:transform var(--transition-speed)}.menu-group-title.expanded .menu-expand-icon{transform:rotate(180deg)}.submenu{max-height:0;overflow:hidden;transition:max-height var(--transition-speed)}.submenu.expanded{max-height:1000px}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 2rem;width:100%;text-align:left;background:none;border:none;color:var(--text-color);font-size:.9rem;cursor:pointer;transition:background-color var(--transition-speed);border-left:3px solid transparent}.menu-item:hover{background-color:#ffffff1a}.menu-item.active{background-color:#ffffff26;border-left:3px solid var(--hover-color)}.menu-footer{margin-top:2rem;border-top:1px solid var(--border-color);padding-top:1rem}.menu-item.logout{color:#e74c3c}.main-content{flex:1;padding:1.5rem;margin-left:var(--sidebar-width);overflow-y:auto;transition:margin-left var(--transition-speed)}.mobile-overlay{display:none;position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background-color:#00000080;z-index:900}@media (max-width: 1024px){:root{--sidebar-width: 240px}.menu-item{padding:.75rem 1.5rem}}@media (max-width: 768px){.mobile-menu-toggle{display:block}.sidebar{transform:translate(-100%);z-index:950;width:280px}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-overlay{display:block}.navbar h1{font-size:1.2rem}}@media (max-width: 480px){.navbar{padding:0 1rem}.navbar h1{font-size:1rem}.sidebar{width:240px}.main-content{padding:1rem}.menu-item,.menu-group-title{padding:.6rem 1.2rem}}.dashboard-container{text-align:center;padding:20px}.dashboard-title{font-size:24px;margin-bottom:20px}.card-grid{display:flex;justify-content:center;gap:20px}.card{background-color:#3498db;color:#fff;text-decoration:none;padding:20px;border-radius:10px;width:150px;text-align:center;font-size:18px;font-weight:700;transition:.3s}.card:hover{background-color:#2980b9}.dashboard-container{padding:24px;min-height:100vh;background:linear-gradient(to right,#f7f7f7,#e3e3e3)}.dashboard-title{font-size:2.5rem;font-weight:700;text-align:center;color:#333;margin-bottom:32px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-items:center}.card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 20px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:scale(1.05);box-shadow:0 15px 30px #00000026}.card-icon{color:#0abbf6;font-size:3rem;margin-bottom:10px}.card-title{font-size:1.25rem;font-weight:600;color:#444}@media (max-width: 768px){.dashboard-title{font-size:2rem}.card{padding:20px}}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #f9fafb;--text-color: #111827;--light-text: #6b7280;--border-color: #e5e7eb;--error-color: #ef4444;--success-color: #10b981;--box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.po-form-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-color)}.po-form-header{text-align:center;margin-bottom:2rem}.po-form-header h2{font-size:1.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.po-form-header p{color:var(--light-text);font-size:1rem}.po-form-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-button{padding:.75rem 1.25rem;background-color:transparent;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--light-text);cursor:pointer;transition:all .2s ease}.tab-button:hover{background-color:var(--secondary-color)}.tab-button.active{background-color:var(--primary-color);color:#fff}.form-section{display:none}.form-section.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:var(--card-shadow);margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.required{color:var(--error-color)}input,textarea,select{width:100%;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;transition:border-color .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e51a}textarea{min-height:80px;resize:vertical}.specifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.spec-card{background-color:var(--secondary-color);border-radius:.375rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.spec-header{display:flex;align-items:center}.spec-input{position:relative}.spec-input .unit{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--light-text);font-size:.875rem}.checkbox-container{display:flex;align-items:center;position:relative;padding-left:1.75rem;cursor:pointer;font-size:.875rem;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:1.125rem;width:1.125rem;background-color:#fff;border:1px solid var(--border-color);border-radius:.25rem}.checkbox-container:hover input~.checkmark{background-color:#f3f4f6}.checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.tax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.tax-card{background-color:var(--secondary-color);border-radius:.375rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.tax-input{position:relative}.tax-input .unit{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--light-text);font-size:.875rem}.summary-card{background-color:var(--secondary-color);border-radius:.375rem;padding:1rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.summary-row.total{font-weight:600;font-size:1.125rem;padding-top:.75rem;border-bottom:none}.incoterms-section{margin-top:1.5rem}.incoterms-section .form-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.incoterms-section .form-group{margin-bottom:1rem}.incoterms-section label{display:block;font-size:.875rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem}.incoterms-section select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--background-color);color:var(--text-color);font-size:.875rem;cursor:pointer}.incoterms-section select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.incoterms-section select:hover{border-color:var(--primary-color)}.incoterms-section .required{color:var(--error-color);margin-left:.25rem}.delivery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.delivery-header h3{margin:0;font-size:1rem;font-weight:500}.delivery-table-container{overflow-x:auto}.delivery-table{width:100%;border-collapse:collapse}.delivery-table th{text-align:left;padding:.75rem 1rem;background-color:var(--secondary-color);font-size:.875rem;font-weight:500}.delivery-table td{padding:.5rem;border-top:1px solid var(--border-color)}.date-input,.quantity-input{padding:.5rem .75rem}.add-row-button{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer}.add-row-button:hover{background-color:#f3f4f6}.remove-row-button{padding:.375rem .75rem;background-color:transparent;color:var(--error-color);border:1px solid var(--border-color);border-radius:.375rem;font-size:.75rem;cursor:pointer}.remove-row-button:hover{background-color:#fee2e2}.remove-row-button:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button{padding:.75rem 1.5rem;background-color:#fff;color:var(--text-color);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer}.cancel-button:hover{background-color:var(--secondary-color)}.submit-button{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-button:hover{background-color:var(--primary-hover)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.message-toast{position:fixed;top:1.5rem;right:1.5rem;padding:1rem 1.5rem;border-radius:.375rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:50;box-shadow:var(--box-shadow);animation:slideIn .3s ease}.message-toast.success{background-color:#ecfdf5;color:var(--success-color);border-left:4px solid var(--success-color)}.message-toast.error{background-color:#fef2f2;color:var(--error-color);border-left:4px solid var(--error-color)}.message-toast button{background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.7}.message-toast button:hover{opacity:1}@media (max-width: 768px){.tax-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.po-form-container{padding:0}.form-card{margin:0;padding:15px}.form-section{padding:0!important}}.po-details-container{max-width:1200px;margin:0 auto;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.po-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.po-header h2{font-size:24px;color:#111827;margin:0;font-weight:600}.search-container{position:relative;width:350px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.search-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.loading-container,.error-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#6b7280;text-align:center}.error-container{color:#ef4444}.retry-button{margin-top:16px;padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.retry-button:hover{background:#dc2626}.spin{animation:spin 1.5s linear infinite}.table-container{overflow-x:auto;border-radius:8px;box-shadow:0 1px 3px #0000001a;background:#fff;margin-bottom:16px;width:100%}.po-table{width:100%;border-collapse:collapse;border:none;font-size:14px}.po-table th{background-color:#f3f4f6;padding:12px 16px;text-align:left;font-weight:600;color:#4b5563;border-bottom:1px solid #E5E7EB;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.po-table th:hover{background-color:#e5e7eb}.po-table td{padding:12px 16px;border-bottom:1px solid #E5E7EB;vertical-align:middle}.even-row{background-color:#f9fafb}.po-table tr:hover{background-color:#f3f4f6}.vendor-info{display:flex;flex-direction:column}.vendor-name{font-weight:500}.vendor-details{font-size:12px;color:#6b7280;margin-top:2px}.amount{font-weight:500;text-align:right}.action-buttons{display:flex;gap:8px}.approve-button,.pdf-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap}.approve-button{background-color:#f3f4f6;color:#111827}.approve-button:hover:not(:disabled){background-color:#e5e7eb}.approve-button:disabled{cursor:not-allowed;opacity:.7}.approve-button.approved{background-color:#d1fae5;color:#065f46;border-color:#a7f3d0}.pdf-button{background-color:#eff6ff;color:#1e40af;border-color:#bfdbfe}.pdf-button:hover{background-color:#dbeafe}.po-footer{display:flex;justify-content:flex-end;margin-top:16px;color:#6b7280;font-size:13px}.notification{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px #0000001a;animation:slideIn .3s forwards,fadeOut .3s 2.7s forwards;z-index:1000}.notification.success{background-color:#10b981}.notification.error{background-color:#ef4444}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.po-card{display:none;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px;margin-bottom:16px}.po-card-header{display:flex;justify-content:space-between;margin-bottom:12px}.po-card-number{font-weight:600;color:#1f2937}.po-card-date{color:#6b7280;font-size:13px}.po-card-vendor{font-weight:500;margin-bottom:8px}.po-card-detail{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #F3F4F6}.po-card-label{color:#6b7280;font-size:13px}.po-card-value{font-weight:500}.po-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media (max-width: 1024px){.po-table th,.po-table td{padding:10px 12px}.action-buttons{flex-direction:column;gap:6px}}@media (max-width: 768px){.po-header{flex-direction:column;align-items:flex-start;gap:16px}.search-container{width:100%}.po-table th:nth-child(4),.po-table td:nth-child(4){display:none}}@media (max-width: 640px){.table-container,.po-table{display:table;font-size:12px}.po-card{display:none}.po-details-container{padding:8px}.po-header h2{font-size:18px}.po-table th,.po-table td{padding:8px 6px}.po-table th:nth-child(3),.po-table td:nth-child(3){display:none}.action-buttons{flex-direction:row;gap:4px}.approve-button,.pdf-button{padding:4px 8px;font-size:12px}}@media print{.po-header,.search-container,.action-buttons,.po-footer{display:none}.po-details-container{padding:0;max-width:100%}.table-container{box-shadow:none;overflow:visible}.po-table th,.po-table td{padding:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.po-excel-trigger-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.po-excel-trigger-btn:hover{background:#45a049;transform:translateY(-1px)}.po-excel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.po-excel-modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.po-excel-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:12px 12px 0 0}.po-excel-modal-header h3{margin:0;color:#2c3e50;font-size:20px;font-weight:600}.po-excel-close-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:all .2s ease}.po-excel-close-btn:hover{background:#e9ecef;color:#333}.po-excel-modal-body{padding:24px}.po-excel-main-section{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:20px;margin-bottom:24px}.po-excel-main-section h5{margin:0 0 16px;color:#1565c0;font-size:16px;font-weight:600}.po-excel-buttons{display:flex;gap:16px;flex-wrap:wrap}.po-excel-template-btn,.po-excel-upload-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;flex:1;min-width:180px;justify-content:center}.po-excel-template-btn{background:#2196f3;color:#fff}.po-excel-template-btn:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.po-excel-upload-btn{background:#ff9800;color:#fff}.po-excel-upload-btn:hover{background:#f57c00;transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.po-excel-template-btn:disabled,.po-excel-upload-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.po-excel-upload-container{flex:1;min-width:180px}.po-excel-help-section{background:#e8f5e8;border:1px solid #c3e6cb;border-radius:6px;padding:20px}.po-excel-help-section h5{margin:0 0 12px;color:#155724;font-size:16px;font-weight:600}.po-excel-help-section p{color:#155724;margin-bottom:12px;line-height:1.5;font-size:14px}.po-excel-help-section ol,.po-excel-help-section ul{margin:0 0 0 20px;color:#155724}.po-excel-help-section li{margin-bottom:6px;line-height:1.4;font-size:13px}.po-excel-error-message,.po-excel-success-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;font-weight:500}.po-excel-error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.po-excel-success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.po-excel-clear-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:0 4px;margin-left:auto;color:inherit;opacity:.7;transition:opacity .2s ease}.po-excel-clear-btn:hover{opacity:1}@media (max-width: 768px){.po-excel-modal-content{width:95%;margin:20px}.po-excel-modal-body{padding:16px}.po-excel-buttons{flex-direction:column}.po-excel-template-btn,.po-excel-upload-btn{min-width:auto}.po-excel-modal-header{padding:16px}.po-excel-modal-header h3{font-size:18px}}.inward-container{padding:20px;max-width:1200px;margin:0 auto}h2{text-align:center;margin-bottom:20px}.search-input{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:16px}.table-container{overflow-x:auto;width:100%;border-radius:5px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}table th,table td{padding:12px;text-align:left;border:1px solid #ddd}table th{background-color:#f4f4f4;font-weight:700;white-space:nowrap}table tr:hover{background-color:#f9f9f9}button{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#0056b3}.form-container{margin-top:20px;padding:20px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;text-transform:uppercase;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:16px}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media (max-width: 992px){.inward-container{padding:15px}table th,table td{padding:10px}}@media (max-width: 768px){.inward-container{padding:10px}h2{font-size:20px}.search-input{padding:8px;font-size:14px}.table-container{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{display:table;width:100%}table th,table td{padding:8px;font-size:14px}.form-container{padding:15px}.form-group input{padding:6px;font-size:14px}button{padding:6px 10px;font-size:14px}}@media (max-width: 480px){.inward-container{padding:8px}h2{font-size:18px;margin-bottom:15px}table th,table td{padding:6px;font-size:13px}.form-group label{font-size:14px}.form-group input{padding:6px;font-size:13px}}.unloading-container{max-width:600px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a}h2{text-align:center;margin-bottom:20px;color:#333}.unloading-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:700;color:#555}.form-group select,.form-group input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;background-color:#fff}.form-group select:focus,.form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.submit-button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#0056b3}.message{padding:10px;margin-bottom:20px;border-radius:5px;text-align:center;font-weight:700}@media (max-width: 768px){.unloading-container{padding:15px}.form-group select,.form-group input,.submit-button{padding:8px;font-size:14px}}.specification-table input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.message.warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.specification-table-container,.table-container{margin-bottom:20px}.specification-table tr:hover,.results-table tr:hover,.lab-results-table tr:hover{background-color:#f9fafb}.action-buttons{display:flex;gap:12px;margin-top:16px}.add-btn,.submit-btn,.details-btn,.submit-averages-btn{padding:10px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.add-btn{background-color:#10b981;color:#fff}.add-btn:hover{background-color:#059669}.submit-btn{background-color:#2563eb;color:#fff}.submit-btn:hover{background-color:#1d4ed8}.details-btn{background-color:#6b7280;color:#fff;font-size:12px;padding:6px 12px}.details-btn:hover{background-color:#4b5563}.submit-averages-btn{background-color:#6366f1;color:#fff;margin-top:12px}.submit-averages-btn:hover{background-color:#4f46e5}.remove-btn{background-color:#ef4444;color:#fff;border:none;border-radius:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.remove-btn:hover{background-color:#dc2626}.results-section{margin-top:32px}.results-section h3{font-size:20px;font-weight:600;margin-bottom:16px;color:#1f2937;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.specs-list{display:flex;flex-direction:column;gap:4px}.spec-item{padding:4px 0}.averages-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:20px}.board-averages-card{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.board-averages-card h4{font-size:16px;font-weight:600;margin-bottom:12px;color:#1f2937;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.specs-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.spec-item{display:flex;align-items:center;justify-content:space-between}.spec-name{font-weight:500;color:#4b5563}.spec-value{font-weight:600;color:#1f2937}.production-testing-section .batch-select{width:100%}.customer-info{margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.lab-results-section{margin-top:24px}.result-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.status-badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.pending{background-color:#f3f4f6;color:#6b7280}.status-badge.pass{background-color:#d1fae5;color:#065f46}.status-badge.fail{background-color:#fee2e2;color:#b91c1c}@media (max-width: 768px){.selection-container{flex-direction:column}.info-summary,.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.averages-container{grid-template-columns:1fr}}.lab-results-table th:nth-child(3),.lab-results-table th:nth-child(4),.lab-results-table td:nth-child(3),.lab-results-table td:nth-child(4){text-align:center}.lab-results-table th:nth-child(5),.lab-results-table td:nth-child(5){width:120px}.lab-results-table th:nth-child(6),.lab-results-table td:nth-child(6){text-align:center;width:100px}@media (prefers-color-scheme: dark){.material-testing-container{color:#e5e7eb}.header h1{color:#f9fafb}.selection-container,.info-summary,.info-grid{background-color:#1f2937}.test-entry-card,.production-test-card,.board-averages-card{background-color:#111827}.selection-group label,.info-item .label{color:#9ca3af}.info-item .value,.test-entry-card h3,.production-test-card h3,.board-averages-card h4,.results-section h3{color:#f3f4f6}.specification-table th,.results-table th,.lab-results-table th{background-color:#374151;color:#e5e7eb;border-bottom:2px solid #4b5563}.specification-table td,.results-table td,.lab-results-table td{border-bottom:1px solid #4b5563}.specification-table tr:hover,.results-table tr:hover,.lab-results-table tr:hover{background-color:#1f2937}.specification-table input,.result-input,.selection-group select{background-color:#374151;color:#f3f4f6;border:1px solid #4b5563}.tab{color:#9ca3af}.tab:hover,.tab.active{color:#60a5fa}.tab.active{border-bottom:3px solid #60a5fa}.status-badge.pending{background-color:#374151;color:#9ca3af}}.board-details-container{max-width:1200px;margin:0 auto}.board-title{text-align:center;margin-bottom:30px;color:#333}.loading-state,.empty-state{text-align:center;padding:40px;color:#666}.po-group{margin-bottom:30px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.po-header{background-color:#f5f5f5;padding:15px 20px;border-bottom:1px solid #ddd}.open-stock-header{background-color:#e6f7ff}.po-summary{display:flex;background-color:#f9f9f9;padding:15px;border-bottom:1px solid #eee}.summary-item{flex:1;text-align:center}.summary-label{font-weight:700;color:#555;margin-bottom:5px}.summary-value{font-size:1.1em;color:#333}.board-item{padding:15px;border-bottom:1px solid #eee}.board-item:last-child{border-bottom:none}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-container{position:relative;display:flex;align-items:center}.search-input{padding:10px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;width:300px;transition:border-color .3s ease;background-color:#fff}.clear-search-button{position:absolute;right:8px;background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:2px 6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.clear-search-button:hover{background-color:#f0f0f0;color:#666}.board-title{margin:0;font-size:2rem;color:#333;font-weight:600}.add-new-open-stock-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d;display:flex;align-items:center;gap:8px}.add-new-open-stock-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.board-subheader{display:flex;align-items:center;margin-bottom:10px;flex-wrap:wrap}.board-name{font-weight:700;margin-right:15px;font-size:1.1em}.board-summary{display:flex;gap:15px;margin-right:15px;color:#555}.board-summary span{font-size:.9em}.trolley-info{color:#666;font-size:.9em}.open-stock-badge{background-color:#d4edff;color:#06c;padding:3px 8px;border-radius:4px;font-size:.8em;margin-left:10px}.board-table{width:100%;border-collapse:collapse}.board-table th,.board-table td{padding:10px 15px;text-align:left;border-bottom:1px solid #eee}.board-table th{background-color:#f5f5f5;font-weight:600;color:#444}.action-button{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .2s}.edit-button{background-color:gold;color:#333}.edit-button:hover{background-color:#e6c200}.add-button{background-color:#90ee90;color:#333}.add-button:hover{background-color:#7cd87c}.open-stock-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;margin-bottom:30px}.form-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.open-stock-form{display:flex;flex-direction:column;gap:15px}.form-row{display:flex;gap:20px}.form-group{flex:1;margin-bottom:10px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1em}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.submit-button,.cancel-button{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500}.submit-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#d32f2f}.specifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:10px}.spec-card{border:1px solid #ddd;border-radius:8px;padding:10px;background:#f9f9f9}.spec-header{margin-bottom:8px}.spec-input{display:flex;align-items:center}.spec-input input{width:60px;padding:5px;border:1px solid #ccc;border-radius:4px}.spec-input input:disabled{background:#eee;cursor:not-allowed}.unit{margin-left:5px;color:#666}.checkbox-container{display:flex;align-items:center;cursor:pointer}.checkbox-container input{margin-right:8px}.back-button{display:inline-block;margin-top:20px;padding:8px 15px;background-color:#f0f0f0;color:#333;text-decoration:none;border-radius:4px;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.po-summary{flex-direction:column;gap:10px}.summary-item{text-align:left}.board-subheader{flex-direction:column;align-items:flex-start;gap:5px}.specifications-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.board-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column;align-items:stretch;gap:.5rem}.search-input{width:100%;min-width:250px}}.overflow-x-auto{overflow-x:auto}.production-entry-container{max-width:900px;margin:0 auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.production-entry-container h2{text-align:center;color:#333}.input-group{margin-bottom:15px}.input-group label{font-size:16px;font-weight:700;display:block;margin-bottom:5px}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.table-container{overflow-x:auto;margin-top:10px}th,td{padding:10px;text-align:left;border:1px solid #ccc}th{background:#f4f4f4}.add-row-btn{margin-top:15px;background:#28a745;color:#fff;padding:10px 15px;border:none;border-radius:5px;font-size:16px;cursor:pointer}.add-row-btn:hover{background:#218838}.production-container{padding:20px;font-family:Arial,sans-serif;max-width:1200px;margin:0 auto}.page-title{text-align:center;font-size:24px;margin-bottom:20px;color:#333}.card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.form-group label{display:block;font-weight:700;margin-bottom:5px;color:#555}.form-control{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.counter-box{padding:8px;border:1px solid #ccc;border-radius:4px;background:#f9f9f9;font-size:14px;width:100px;text-align:center}.button-container{display:flex;justify-content:flex-start;gap:10px;margin-bottom:20px}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.success-btn{background-color:#28a745;color:#fff}.data-table{width:100%;border-collapse:collapse;margin-top:10px}.data-table th,.data-table td{padding:10px;border:1px solid #ddd;text-align:left;font-size:14px}.data-table th{background-color:#f8f9fa;font-weight:700;color:#333}.even-row{background-color:#f9f9f9}.no-data-message{text-align:center;color:#777;font-style:italic}.trolley-form{margin-top:20px}.board-entry{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.subsection-title{font-size:16px;margin-bottom:10px;color:#444}.button-group{display:flex;gap:10px;margin-top:20px}.readonly{background-color:#f9f9f9;cursor:not-allowed}.divider{margin:20px 0;border-bottom:1px solid #eee}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pagination-info{font-size:12px;color:#666;background:#f8f9fa;padding:5px 10px;border-radius:4px;border:1px solid #e9ecef}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:10px 0;border-top:1px solid #e9ecef}.items-per-page{display:flex;align-items:center;font-size:12px;color:#666}.items-per-page select{margin-left:5px;padding:2px 5px;border:1px solid #ccc;border-radius:3px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;background-color:#6c757d;border-color:#6c757d}.btn:disabled:hover{background-color:#6c757d;border-color:#6c757d}@media (max-width: 768px){.production-container{padding:10px}.form-group{margin-bottom:10px}.btn{padding:8px 12px;font-size:12px}.data-table{font-size:12px}.data-table th,.data-table td{padding:6px 4px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.pagination-container{flex-direction:column;gap:10px;align-items:flex-start}.pagination{flex-wrap:wrap}}.container{max-width:900px;margin:auto;font-family:Arial,sans-serif}.bg-blue-600{background-color:#cfd0d2d4;color:#fff;text-align:center;padding:10px;font-weight:700}.bg-blue-600,p{color:#000}.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;border-bottom:2px solid #ddd}.grid-cols-2 div{padding:5px 0}.text-right{text-align:right}.text-center{text-align:center}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border:1px solid #ddd;padding:8px;text-align:center}th{background-color:#f4f4f4;font-weight:700}.font-bold{font-weight:700;background-color:#f0f0f0}.grid-cols-2.text-sm{display:grid;grid-template-columns:1fr 1fr;padding:10px;border-top:2px solid #ddd}.grid-cols-3{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;padding:20px;border-top:2px solid #ddd}.grid-cols-3 div{padding:10px;margin-top:50px}button{padding:10px 20px;margin:5px;border:none;border-radius:5px;cursor:pointer;font-size:14px}button:hover{opacity:.8}@media print{.no-print{display:none}.border{border:1px solid black!important}}.edit-btn,.delete-btn{background:none;border:none;font-size:16px;cursor:pointer;margin:0 2px;padding:4px 8px;border-radius:4px;transition:background-color .2s}.edit-btn:hover{background-color:#e3f2fd}.delete-btn:hover{background-color:#ffebee}.edit-btn:disabled,.delete-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-content h3{margin-top:0;margin-bottom:20px;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.modal-actions button[type=submit]{background-color:#4caf50;color:#fff}.modal-actions button[type=submit]:hover{background-color:#45a049}.modal-actions button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.delete-confirm-btn{background-color:#f44336!important;color:#fff!important}.delete-confirm-btn:hover{background-color:#da190b!important}.delete-confirm-btn:disabled{background-color:#ccc!important;cursor:not-allowed!important}.modal-actions button:not([type=submit]):not(.delete-confirm-btn){background-color:#f5f5f5;color:#333}.modal-actions button:not([type=submit]):not(.delete-confirm-btn):hover{background-color:#e0e0e0}.success-message{background-color:#d4edda;color:#155724;padding:10px 15px;border:1px solid #c3e6cb;border-radius:4px;margin-bottom:15px}.error-message{background-color:#f8d7da;color:#721c24;padding:10px 15px;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:15px}.loading-indicator{text-align:center;padding:20px;color:#666}.open-stock-table th:last-child,.all-stock-table th:last-child{width:100px;text-align:center}.open-stock-table td:last-child,.all-stock-table td:last-child{text-align:center;white-space:nowrap}@media (max-width: 768px){.modal-content{width:95%;margin:10px;padding:15px}.modal-actions{flex-direction:column}.modal-actions button{width:100%;margin-bottom:5px}.edit-btn,.delete-btn{font-size:14px;padding:2px 6px}}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:slideIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}button:disabled{opacity:.6;cursor:not-allowed}.edit-btn:active,.delete-btn:active{transform:scale(.95)}.form-group input:invalid{border-color:#f44336}.form-group input:valid{border-color:#4caf50}.search-section{padding:10px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.search-container{display:flex;align-items:center;gap:10px}.search-input{flex:1;padding:10px 15px;border:2px solid #ddd;margin:0;border-radius:6px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:400;line-height:1.5;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.search-btn,.clear-search-btn{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;line-height:1.5;transition:all .3s ease}.search-btn{background-color:#4caf50;color:#fff}.search-btn:hover{background-color:#45a049;transform:translateY(-1px)}.clear-search-btn{background-color:#f44336;color:#fff}.clear-search-btn:hover{background-color:#da190b;transform:translateY(-1px)}.search-results-info{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;line-height:1.4;color:#666;background-color:#e3f2fd;padding:8px 12px;border-radius:4px;border-left:4px solid #2196F3}@media (max-width: 768px){.search-container{flex-direction:column;align-items:stretch}.search-btn,.clear-search-btn{width:100%}}.customer-order-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1{text-align:center;color:#333;margin-bottom:30px}h2{color:#444;border-bottom:1px solid #ddd;padding-bottom:10px;margin-top:30px}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-group{flex:1}input[type=text],input[type=tel],input[type=email],input[type=number]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.size-table,.specs-table{width:100%;border-collapse:collapse;margin-top:15px}.size-table th,.size-table td,.specs-table th,.specs-table td{border:1px solid #ddd;padding:10px;text-align:left}.specs-table input{width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:4px}.specs-table th,.specs-table td{padding:8px;text-align:left}.specs-table th{background-color:#f5f5f5}@media (max-width: 768px){.specs-table{display:block;overflow-x:auto;white-space:nowrap}}.size-table th,.specs-table th{background-color:#f2f2f2}.size-table input,.specs-table input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;text-align:left}.submit-section{margin-top:30px;text-align:center}.submit-btn{background-color:#4caf50;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700}.submit-btn:hover{background-color:#45a049}@media (max-width: 768px){.form-row{flex-direction:column;gap:10px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.product-testing-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.customer-selection{margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:5px}.customer-selection label{margin-right:10px;font-weight:700}.customer-selection select{padding:8px;width:300px;border-radius:4px;border:1px solid #ddd}.customer-details{margin:20px 0;padding:15px;background-color:#f0f8ff;border-radius:5px}.customer-details h2{margin-top:0;color:#2c3e50}.customer-details p{color:#090d11}.specifications-table{width:100%;border-collapse:collapse;margin:20px 0}.specifications-table th,.specifications-table td{border:1px solid #ddd;padding:12px;text-align:left}.specifications-table th{background-color:#f2f2f2}.specifications-table tr:nth-child(2n){background-color:#f9f9f9}.specifications-table input{padding:8px;width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:4px}.button-container{text-align:center;margin:20px 0}.submit-button{background-color:#4caf50;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.submit-button:hover{background-color:#45a049}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.loading{text-align:center;padding:20px;color:#666}.message{padding:15px;margin-bottom:20px;border-radius:4px;text-align:center}.message.success{background-color:#dff0d8;color:#3c763d;border:1px solid #d6e9c6}.message.error{background-color:#f2dede;color:#a94442;border:1px solid #ebccd1}.customer-progress-container{padding:20px;max-width:1200px;margin:0 auto}.input-group{margin-bottom:20px}.input-group label{margin-right:10px;font-weight:700}.input-group select{padding:8px;width:300px;border-radius:4px;border:1px solid #ccc}.loading-spinner{text-align:center;padding:20px;color:#666}.error-message{color:#d9534f;padding:10px;background-color:#f8d7da;border-radius:4px;margin-bottom:20px}.no-data-message{text-align:center;padding:20px;color:#666}.progress-table{width:100%;border-collapse:collapse;border:1px solid #dee2e6}.progress-table th,.progress-table td{padding:10px;border:1px solid #dee2e6;text-align:left}.progress-table th{background-color:#f8f9fa;font-weight:700}.progress-table tr:nth-child(2n){background-color:#f2f2f2}.details-cell{padding:0!important}.order-details-container{width:100%}.order-details-table{width:100%;border-collapse:collapse;font-size:.95em}.order-details-table th,.order-details-table td{padding:8px 10px;border:1px solid #e0e0e0;text-align:left}.order-details-table th{background-color:#f0f0f0;font-weight:600}.order-details-table tr:nth-child(2n){background-color:#f9f9f9}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.export-excel-btn{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.export-excel-btn:hover{background-color:#45a049}.export-excel-btn:disabled{background-color:#ccc;cursor:not-allowed}.product-test-report-container{font-family:Arial,sans-serif;max-width:1200px;margin:0 auto;padding:20px;color:#333}.report-controls{margin-bottom:30px;padding:20px;background:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a}.customer-selection{margin:20px 0;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.customer-selection label{font-weight:700;margin-right:10px}.customer-selection select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;min-width:250px}.print-button{background:#2c7be5;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;margin-top:15px;transition:background .3s}.print-button:hover{background:#1a68d1}.message{padding:10px 15px;border-radius:4px;margin:15px 0}.error-message{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.info-message{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.loading-indicator{color:#666;font-style:italic}.test-report-printable{background:#fff;padding:30px;box-shadow:0 0 10px #0000001a;margin-top:20px}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.company-logo img{max-height:80px}.company-info{text-align:right}.company-info h2{margin:0;text-align:center;color:#2c7be5}.company-info p{margin:5px 0 0;font-style:italic}.report-title{text-align:center;margin:20px 0;border-bottom:2px solid #2c7be5;padding-bottom:10px}.report-title h2{margin:0;color:#2c7be5}.report-meta{margin:20px 0}.meta-row{display:flex;justify-content:space-between;margin-bottom:10px}.meta-item{flex:1;margin-right:20px}.meta-label{font-weight:700;margin-right:5px}.report-description{margin:25px 0;line-height:1.6}.results-table{width:100%;border-collapse:collapse;margin:20px 0}.results-table th,.results-table td{border:1px solid #ddd;padding:12px;text-align:left}.results-table th{background-color:#2c7be5;color:#fff}.results-table tr:nth-child(2n){background-color:#f2f2f2}.report-footer{margin-top:40px;text-align:center;font-style:italic}.signature{display:inline-block;margin:0 40px;text-align:center}@media print{.no-print{display:none!important}body{background:#fff;color:#000;font-size:12pt}.test-report-printable{box-shadow:none;padding:0;margin:0}.results-table{page-break-inside:avoid}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.login-form-box{width:100%;max-width:400px;padding:2rem;background-color:#fff;align-items:center;border-radius:8px;box-shadow:0 4px 6px #0000001a}.login-logo{width:200px;margin-bottom:10px;margin-top:30px;margin-left:60px}h2{text-align:center;margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;font-weight:500}input,select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-button{width:100%;padding:.75rem;background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1rem}.login-button:hover{background-color:#3a5ce5}.login-button:disabled{background-color:#b5c0f7;cursor:not-allowed}.register-link,.back-to-login{margin-top:1rem;text-align:center}.register-link span,.back-to-login span{color:#4a6cf7;cursor:pointer}.register-link span:hover,.back-to-login span:hover{text-decoration:underline}.error-message{background-color:#ffebee;color:#d32f2f;padding:.5rem;border-radius:4px;margin-bottom:1rem}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:.5rem;border-radius:4px;margin-bottom:1rem}.customer-record-container{padding:20px;font-family:Arial,sans-serif;max-width:100%;overflow-x:auto}h1{text-align:center;margin-bottom:20px;font-size:2rem;color:#333}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px;flex-wrap:wrap}.search-bar{display:flex;gap:10px;flex:1;min-width:250px}.search-bar input{padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;flex:1;min-width:200px}.search-bar input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.export-button{background-color:#4caf50;color:#fff;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;white-space:nowrap}.export-button:hover{background-color:#45a049;transform:translateY(-1px)}.export-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.customer-table{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:8px;overflow:hidden}.customer-table th,.customer-table td{border:1px solid #ddd;padding:12px 8px;text-align:left;font-size:14px}.customer-table th{background-color:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0;z-index:10}.customer-table tr:hover{background-color:#f5f5f5}.customer-table tr:nth-child(2n){background-color:#fafafa}.customer-table tr:nth-child(2n):hover{background-color:#f0f0f0}.message{padding:12px 16px;margin:16px 0;border-radius:4px;font-weight:500}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.actions-cell{text-align:center;padding:8px;white-space:nowrap}.action-btn{background:none;border:none;cursor:pointer;padding:6px;margin:0 2px;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{background-color:#f5f5f5}.edit-btn{color:#007bff}.edit-btn:hover{color:#0056b3;background-color:#e7f3ff}.delete-btn{color:#dc3545}.delete-btn:hover{color:#c82333;background-color:#fdeaea}.no-results{text-align:center;color:#888;padding:40px;font-size:16px}.loading,.error{text-align:center;margin-top:20px;font-size:18px;padding:20px}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px}.loading{color:#007bff}.modal{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header h2{margin:0;color:#333;font-size:20px}.modal-body{padding:20px;max-height:70vh;overflow-y:auto}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group textarea{resize:vertical;font-family:monospace}.form-section{margin-bottom:24px;border:1px solid #e9ecef;border-radius:6px;padding:16px;background-color:#f8f9fa}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header label{font-size:16px;font-weight:600;color:#333;margin:0}.add-btn{background-color:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.add-btn:hover{background-color:#218838}.order-item{background:#fff;border:1px solid #ddd;border-radius:4px;padding:12px;margin-bottom:12px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.item-number{font-weight:600;color:#495057}.remove-btn{background-color:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:3px;font-size:11px;cursor:pointer;transition:background-color .2s ease}.item-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-group{display:flex;flex-direction:column}.field-group label{font-size:13px;font-weight:500;margin-bottom:4px;color:#666}.field-group input{padding:6px 10px;font-size:13px}.specification-item{background:#fff;border:1px solid #ddd;border-radius:4px;padding:12px;margin-bottom:12px}.spec-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.no-specs{text-align:center;padding:20px;color:#6c757d;font-style:italic}.no-specs p{margin:0}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.delete-modal .modal-body{text-align:center}.customer-info{background-color:#f8f9fa;padding:12px;border-radius:4px;margin:16px 0;text-align:left}.customer-info p{margin:4px 0}.warning{color:#dc3545;font-weight:500;margin-top:16px}@media (max-width: 768px){.customer-record-container{padding:10px}h1{font-size:1.5rem;margin-bottom:15px}.action-bar{flex-direction:column;align-items:stretch;gap:10px}.search-bar,.search-bar input{min-width:auto}.customer-table{font-size:12px}.customer-table th,.customer-table td{padding:8px 4px}.customer-table th:nth-child(n+6),.customer-table td:nth-child(n+6){display:none}.customer-table th:first-child,.customer-table td:first-child{position:sticky;left:0;background-color:#fff;z-index:5}.customer-table tr:hover td:first-child{background-color:#f5f5f5}.modal{width:95%;margin:10px}.modal-header,.modal-body,.modal-footer{padding:12px 16px}.action-btn{padding:4px}.item-fields,.spec-fields{grid-template-columns:1fr}.section-header{flex-direction:column;gap:8px;align-items:stretch}}@media (max-width: 480px){.customer-record-container{padding:5px}h1{font-size:1.3rem}.customer-table{font-size:11px}.customer-table th,.customer-table td{padding:6px 3px}.modal-header h2{font-size:18px}.export-button{padding:8px 12px;font-size:13px}}@media (max-width: 360px){.customer-table th:nth-child(n+5),.customer-table td:nth-child(n+5){display:none}.search-bar input{font-size:12px}}.party-table{overflow-x:auto}input.party-row{margin:8px 0}.excel-integration{margin-bottom:20px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.excel-integration{padding:12px}.excel-buttons{flex-direction:column;gap:8px}.excel-btn{width:100%;min-width:auto}.modal-overlay{padding:10px}.modal-content{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:12px 16px}.upload-area{padding:30px 15px}.upload-area p{font-size:14px}.file-types{font-size:11px}.alert{padding:10px;font-size:13px}}@media (max-width: 480px){.excel-integration{padding:8px}.modal-header h3{font-size:16px}.upload-area{padding:20px 10px}.upload-area p{font-size:13px}}.lab-report-container{padding:20px;max-width:1200px;margin:0 auto}.lab-report-container h1{color:#2c3e50;margin-bottom:20px;border-bottom:2px solid #3498db;padding-bottom:10px}.error-message{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:15px;border:1px solid #ef9a9a}.loading-indicator{text-align:center;padding:20px;font-style:italic;color:#7f8c8d}.report-controls{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:25px;box-shadow:0 2px 5px #0000000d}.control-section h3{margin-top:0;color:#34495e;font-size:18px}.control-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.control-item{flex:1;min-width:200px}.control-item label{display:block;margin-bottom:5px;font-weight:600;color:#546e7a}.control-item select,.control-item input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.date-range-picker{display:flex;align-items:center;gap:10px}.date-range-picker input{flex:1}.date-range-picker span{color:#7f8c8d}.control-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.generate-button{background-color:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s}.generate-button:hover{background-color:#1976d2}.generate-button:disabled{background-color:#bbdefb;cursor:not-allowed}.export-buttons{display:flex;gap:10px;align-items:center}.export-buttons button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.export-buttons button:first-child{background-color:#f44336}.export-buttons button:hover{background-color:#388e3c}.export-buttons button:first-child:hover{background-color:#d32f2f}.export-buttons button:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.export-status{font-size:14px;color:#2196f3;margin-left:10px}.report-content{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000001a}.report-summary{background-color:#e3f2fd;padding:15px;border-radius:6px;margin-bottom:25px}.report-summary h2{margin-top:0;color:#1565c0;font-size:18px}.report-summary p{color:#000}.compliance-overview{margin-bottom:30px}.compliance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:15px}.compliance-card{background-color:#f5f5f5;border-radius:6px;padding:15px;box-shadow:0 1px 3px #0000001a}.compliance-card h3{margin-top:0;font-size:16px;color:#37474f}.compliance-meter{height:24px;background-color:#eceff1;border-radius:12px;overflow:hidden;position:relative;margin:15px 0}.compliance-fill{height:100%;background-color:#4caf50;transition:width .5s ease-in-out}.compliance-meter span{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.5)}.board-analysis{margin-bottom:30px}.board-analysis h3{color:#455a64;border-bottom:1px solid #cfd8dc;padding-bottom:8px;margin-bottom:15px}.spec-table{width:100%;border-collapse:collapse;margin-bottom:20px}.spec-table th{background-color:#eceff1;padding:10px;text-align:left;font-weight:600;color:#37474f}.spec-table td{padding:10px;border-bottom:1px solid #eceff1}.spec-table tr:hover{background-color:#f5f5f5}.status-compliant{color:#2e7d32;font-weight:600}.status-non-compliant{color:#d32f2f;font-weight:600}.report-notes{background-color:#fff8e1;padding:15px;border-radius:6px;margin-top:30px}.report-notes h3{margin-top:0;color:#f57c00;font-size:16px}.report-notes ul{margin-bottom:0;padding-left:20px}.report-notes li{margin-bottom:8px}.report-notes li:last-child{margin-bottom:0}.open-stock-container{padding:20px;font-family:Arial,sans-serif;max-width:100%;overflow-x:auto}.open-stock-container h1{text-align:center;margin-bottom:20px;font-size:2rem;color:#333}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;padding:12px;margin-bottom:20px;text-align:center}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:6px;padding:12px;margin-bottom:20px;text-align:center}.customer-product-selection{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:500;color:#333}.form-control{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.stock-type-selector{margin-bottom:20px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.stock-type-selector label{display:inline-flex;align-items:center;margin-right:20px;cursor:pointer;font-weight:500}.stock-type-selector input[type=radio]{margin-right:8px;transform:scale(1.2)}.stock-entry-table{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:8px;overflow:hidden}.stock-entry-table th,.stock-entry-table td{border:1px solid #ddd;padding:12px 8px;text-align:left;font-size:14px}.stock-entry-table th{background-color:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0;z-index:10}.stock-entry-table tr:hover{background-color:#f5f5f5}.stock-entry-table tr:nth-child(2n){background-color:#fafafa}.stock-entry-table tr:nth-child(2n):hover{background-color:#f0f0f0}.stock-entry-table input,.stock-entry-table select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px}.stock-entry-table input:focus,.stock-entry-table select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.action-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.add-row-btn,.submit-btn,.remove-btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-row-btn{background-color:#28a745;color:#fff}.add-row-btn:hover{background-color:#218838;transform:translateY(-1px)}.submit-btn{background-color:#007bff;color:#fff}.submit-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.submit-btn:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.remove-btn{background-color:#dc3545;color:#fff;padding:6px 12px;font-size:12px}.remove-btn:hover{background-color:#c82333}.remove-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.open-stock-container{padding:10px}.open-stock-container h1{font-size:1.5rem;margin-bottom:15px}.customer-product-selection{grid-template-columns:1fr;gap:15px}.stock-type-selector{padding:12px}.stock-type-selector label{display:block;margin-bottom:8px;margin-right:0}.stock-entry-table{font-size:12px}.stock-entry-table th,.stock-entry-table td{padding:8px 4px}.stock-entry-table th:nth-child(n+5),.stock-entry-table td:nth-child(n+5){display:none}.stock-entry-table.bag-mode th:nth-child(n+6),.stock-entry-table.bag-mode td:nth-child(n+6){display:none}.stock-entry-table input,.stock-entry-table select{padding:6px;font-size:12px}.action-buttons{flex-direction:column;align-items:stretch}.add-row-btn,.submit-btn{width:100%;margin-bottom:8px}}@media (max-width: 480px){.open-stock-container{padding:5px}.open-stock-container h1{font-size:1.3rem}.stock-entry-table{font-size:11px}.stock-entry-table th,.stock-entry-table td{padding:6px 3px}.stock-entry-table input,.stock-entry-table select{padding:4px;font-size:11px}.form-control{padding:8px 10px;font-size:13px}}@media (max-width: 360px){.stock-entry-table th:nth-child(n+4),.stock-entry-table td:nth-child(n+4){display:none}.stock-entry-table.bag-mode th:nth-child(n+5),.stock-entry-table.bag-mode td:nth-child(n+5){display:none}}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#666}.loading:before{content:"";width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.form-control:invalid{border-color:#dc3545}.form-control:valid{border-color:#28a745}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.stock-entry-table th{background-color:#000;color:#fff}.stock-entry-table tr:hover{background-color:#333;color:#fff}}.open-stock-excel-integration{margin-bottom:20px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.excel-buttons{display:flex;gap:12px;flex-wrap:wrap}.excel-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:140px;justify-content:center}.download-btn{background-color:#28a745;color:#fff}.download-btn:hover{background-color:#218838;transform:translateY(-1px)}.download-btn:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.upload-btn{background-color:#007bff;color:#fff}.upload-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#333;font-size:18px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:20px}.upload-section{margin-bottom:20px}.upload-area{border:2px dashed #007bff;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#f8f9fa}.upload-area:hover{background-color:#e3f2fd;border-color:#0056b3}.upload-area p{margin:8px 0;color:#666}.file-types{font-size:12px;color:#999}.alert{display:flex;align-items:center;gap:8px;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px}.error-alert{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.success-alert{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#666}.help-section{margin-top:20px;padding:16px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.help-section h5{margin:0 0 10px;color:#333;font-size:14px;font-weight:600}.help-section ol,.help-section ul{margin:8px 0;padding-left:20px}.help-section li{margin:4px 0;font-size:13px;color:#555}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e9ecef}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}@media (max-width: 768px){.open-stock-excel-integration{padding:12px}.excel-buttons{flex-direction:column;gap:8px}.excel-btn{width:100%;min-width:auto}.modal-overlay{padding:10px}.modal-content{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:12px 16px}.upload-area{padding:30px 15px}.upload-area p{font-size:14px}.file-types{font-size:11px}.alert{padding:10px;font-size:13px}.help-section{padding:12px}}@media (max-width: 480px){.open-stock-excel-integration{padding:8px}.modal-header h3{font-size:16px}.upload-area{padding:20px 10px}.upload-area p{font-size:13px}}.customer-code-excel-integration{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.excel-buttons{display:flex;gap:1rem;flex-wrap:wrap}.excel-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.875rem}.download-btn{background:#28a745;color:#fff}.download-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.upload-btn{background:#007bff;color:#fff}.upload-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.excel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#333;font-size:1.25rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem;border-radius:4px;transition:background-color .2s}.close-btn:hover{background:#f8f9fa}.modal-body{padding:1.5rem}.upload-section{margin-bottom:1.5rem}.upload-area{border:2px dashed #007bff;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#f8f9ff}.upload-area:hover{border-color:#0056b3;background:#e6f3ff}.upload-area p{margin:.5rem 0;color:#666}.file-types{font-size:.875rem;color:#999}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;margin:1rem 0;font-size:.875rem}.error-alert{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.success-alert{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.loading-indicator{display:flex;align-items:center;gap:.5rem;padding:1rem;text-align:center;color:#666}.spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.help-section{background:#f8f9fa;padding:1rem;border-radius:6px;margin-top:1rem}.help-section h5{margin:0 0 .5rem;color:#333;font-size:.875rem;font-weight:600}.help-section ol,.help-section ul{margin:.5rem 0;padding-left:1.5rem}.help-section li{margin:.25rem 0;font-size:.875rem;color:#666}.help-section strong{color:#333}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:.75rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.excel-buttons{flex-direction:column}.excel-btn{width:100%;justify-content:center}.modal-content{width:95%;margin:1rem}.modal-header,.modal-body,.modal-footer{padding:1rem}}.container{max-width:1200px;margin:0 auto;padding:20px}.section{margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:5px}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:700}input,textarea,select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}button{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#45a049}button:disabled{background-color:#ccc;cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2}.time-input-container{display:flex;align-items:center;gap:10px}.time-input-container input[type=text]{width:100px}.time-input-container select{width:70px}.container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1{color:#333;text-align:center;margin-bottom:30px}.details-section{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.details-section h2{color:#444;border-bottom:1px solid #ddd;padding-bottom:10px;margin-top:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-top:15px}.detail-item{display:flex;justify-content:space-between;padding:10px;background-color:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a}.detail-label{font-weight:700;color:#555}.detail-value{color:#333}.status-completed{color:#28a745;font-weight:700}.status-pending{color:#dc3545;font-weight:700}.error{color:#dc3545;text-align:center;padding:20px}.error-log-container{padding:20px;font-family:Arial,sans-serif;max-width:1400px;margin:0 auto;background-color:#f8f9fa;min-height:100vh}.error-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.page-title{margin:0;color:#333;font-size:28px;font-weight:700}.header-actions{display:flex;gap:10px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#666}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filters-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.filters-section h3{margin:0 0 15px;color:#333;font-size:18px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:end}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:600;margin-bottom:5px;color:#555;font-size:14px}.form-control{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.error-logs-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#f8f9fa}.section-header h3{margin:0;color:#333;font-size:18px}.pagination-info{font-size:12px;color:#666;background:#e9ecef;padding:5px 10px;border-radius:4px}.table-container{overflow-x:auto}.error-logs-table{width:100%;border-collapse:collapse;font-size:14px}.error-logs-table th{background:#f8f9fa;padding:12px 8px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6;white-space:nowrap}.error-logs-table td{padding:12px 8px;border-bottom:1px solid #dee2e6;vertical-align:top}.even-row{background-color:#f8f9fa}.odd-row{background-color:#fff}.even-row:hover,.odd-row:hover{background-color:#e3f2fd}.error-level-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.error-badge{background-color:#dc3545;color:#fff}.warn-badge{background-color:#ffc107;color:#212529}.info-badge{background-color:#17a2b8;color:#fff}.debug-badge{background-color:#6c757d;color:#fff}.message-cell{max-width:300px}.message-preview{word-wrap:break-word;line-height:1.4}.action-buttons{display:flex;gap:4px}.pagination-container{display:flex;justify-content:center;padding:20px;border-top:1px solid #eee;background:#f8f9fa}.pagination{display:flex;align-items:center;gap:5px}.pagination-ellipsis{padding:5px 10px;color:#666;font-weight:700}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0003}.primary-btn{background-color:#007bff;color:#fff}.primary-btn:hover:not(:disabled){background-color:#0056b3}.secondary-btn{background-color:#6c757d;color:#fff}.secondary-btn:hover:not(:disabled){background-color:#545b62}.danger-btn{background-color:#dc3545;color:#fff}.danger-btn:hover:not(:disabled){background-color:#c82333}.info-btn{background-color:#17a2b8;color:#fff}.info-btn:hover:not(:disabled){background-color:#138496}.refresh-btn{background-color:#28a745;color:#fff}.refresh-btn:hover:not(:disabled){background-color:#218838}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.error-details-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:800px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#f8f9fa}.modal-header h3{margin:0;color:#333}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#333}.modal-content{padding:20px;overflow-y:auto;flex:1}.detail-section{margin-bottom:20px}.detail-section h4{margin:0 0 10px;color:#333;font-size:16px;border-bottom:1px solid #eee;padding-bottom:5px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.detail-item{display:flex;flex-direction:column}.detail-item label{font-weight:600;color:#555;margin-bottom:5px;font-size:14px}.detail-item span{color:#333;font-size:14px}.message-content{background:#f8f9fa;padding:15px;border-radius:4px;border-left:4px solid #007bff;font-family:monospace;white-space:pre-wrap;word-wrap:break-word}.stack-trace{background:#f8f9fa;padding:15px;border-radius:4px;border-left:4px solid #dc3545;font-family:monospace;font-size:12px;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.metadata-content{background:#f8f9fa;padding:15px;border-radius:4px;border-left:4px solid #28a745;font-family:monospace;font-size:12px;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.modal-footer{padding:20px;border-top:1px solid #eee;background:#f8f9fa;display:flex;justify-content:flex-end;gap:10px}@media (max-width: 768px){.error-log-container{padding:10px}.error-log-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{justify-content:center}.filters-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:10px;align-items:flex-start}.error-logs-table{font-size:12px}.error-logs-table th,.error-logs-table td{padding:8px 4px}.message-cell{max-width:200px}.action-buttons{flex-direction:column;gap:2px}.error-details-modal{width:95%;margin:10px}.detail-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}}