@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);body{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-family-main:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--color-primary:#007a7a;--color-primary-dark:#005f5f;--color-primary-light:#e0f2f2;--color-primary-rgb:0,122,122;--color-secondary:#6b7280;--color-text-main:#1f2937;--color-text-light:#fff;--color-border:#e5e7eb;--color-background-body:#f9fafb;--color-background-card:#fff;--color-background-input:#fff;--color-background-input-focus:#fff;--color-background-hover-light:#f3f4f6;--color-background-hover-dark:#e5e7eb;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-danger-border:#fecaca;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-success-border:#bbf7d0;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-warning-border:#fde68a;--spacing-base:1rem;--spacing-xs:calc(var(--spacing-base)*0.25);--spacing-sm:calc(var(--spacing-base)*0.5);--spacing-md:var(--spacing-base);--spacing-lg:calc(var(--spacing-base)*1.5);--spacing-xl:calc(var(--spacing-base)*2);--spacing-xxl:calc(var(--spacing-base)*3);--border-radius:0.375rem;--border-width:1px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-focus:0 0 0 3px rgba(var(--color-primary-rgb),0.2);--transition-speed:0.2s;--transition-timing:ease-in-out;--transition-main:all var(--transition-speed) var(--transition-timing)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--color-background-body);color:#1f2937;color:var(--color-text-main);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--font-family-main);line-height:1.65;margin:0}.App{margin:0 auto;max-width:1280px}.App,.App-header-new{padding:0 1.5rem;padding:0 var(--spacing-lg)}.App-header-new{background-color:#fff;background-color:var(--color-background-card);border-bottom:1px solid #e5e7eb;border-bottom:var(--border-width) solid var(--color-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:72px;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);position:sticky;top:0;z-index:1020}.App-header-new,.header-left{align-items:center;display:flex}.header-left{gap:1rem;gap:var(--spacing-md)}.header-logo-link{color:inherit;display:inline-block;text-decoration:none}.header-logo-link:focus,.header-logo-link:hover{outline:none;text-decoration:none}.header-title{color:#1f2937;color:var(--color-text-main);font-size:1.5rem;font-weight:600;line-height:1;margin:0}.header-nav-main{flex-grow:1;gap:.5rem;gap:var(--spacing-sm);justify-content:flex-start;margin-left:2rem;margin-left:var(--spacing-xl)}.header-nav-main,.nav-link-main{align-items:center;display:flex;height:100%}.nav-link-main{border-bottom:3px solid #0000;color:#6b7280;color:var(--color-secondary);font-size:.95rem;font-weight:500;padding:0 1rem;padding:0 var(--spacing-md);text-decoration:none;transition:color .2s ease-in-out,border-color .2s ease-in-out;transition:color var(--transition-speed) var(--transition-timing),border-color var(--transition-speed) var(--transition-timing)}.nav-link-main.active,.nav-link-main:hover{color:#007a7a;color:var(--color-primary)}.nav-link-main.active{border-bottom-color:#007a7a;border-bottom-color:var(--color-primary);font-weight:600}.header-user-actions{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.nav-link-user{border-radius:.375rem;border-radius:var(--border-radius);color:#6b7280;color:var(--color-secondary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out;transition:background-color var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing)}.nav-link-user:hover{background-color:#f3f4f6;background-color:var(--color-background-hover-light);color:#007a7a;color:var(--color-primary)}.nav-link-user.active{background-color:#e0f2f2;background-color:var(--color-primary-light);color:#007a7a;color:var(--color-primary);font-weight:600}.logout-button-new{background-color:initial;border:1px solid #007a7a;border:var(--border-width) solid var(--color-primary);border-radius:.375rem;border-radius:var(--border-radius);color:#007a7a;color:var(--color-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease-in-out;transition:var(--transition-main)}.logout-button-new:hover{background-color:#e0f2f2;background-color:var(--color-primary-light);border-color:#005f5f;border-color:var(--color-primary-dark);color:#005f5f;color:var(--color-primary-dark)}.logout-button-new:disabled{background-color:initial;border-color:#e5e7eb;border-color:var(--color-border);color:#6b7280;color:var(--color-secondary);cursor:not-allowed;opacity:.6}.App-main-content{padding-bottom:3rem;padding-bottom:var(--spacing-xxl);padding-top:2rem;padding-top:var(--spacing-xl)}.card{background-color:#fff;background-color:var(--color-background-card);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl);transition:box-shadow .2s ease-in-out;transition:box-shadow var(--transition-speed) var(--transition-timing)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.card h2{color:#007a7a;color:var(--color-primary);font-size:1.75rem;line-height:1.3;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.card h2,.card h3{font-weight:600;margin-top:0}.card h3{color:#1f2937;color:var(--color-text-main);font-size:1.25rem}.card h3,.card p{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.card p{color:#6b7280;color:var(--color-secondary);font-size:1rem}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-group label{color:#1f2937;color:var(--color-text-main);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-group small{color:#6b7280;color:var(--color-secondary);display:block;font-size:.85rem;margin-top:.5rem;margin-top:var(--spacing-sm)}.form-control{-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:#fff;background-color:var(--color-background-input);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);box-sizing:border-box;color:#1f2937;color:var(--color-text-main);display:block;font-size:1rem;font-weight:400;line-height:1.6;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;transition:border-color var(--transition-speed) var(--transition-timing),box-shadow var(--transition-speed) var(--transition-timing);width:100%}.form-control::placeholder{color:#9ca3af;opacity:1}.form-control:focus{background-color:#fff;background-color:var(--color-background-input-focus);border-color:#007a7a;border-color:var(--color-primary);box-shadow:0 1px 2px 0 #0000000d,0 0 0 3px #007a7a33;box-shadow:var(--shadow-sm),var(--shadow-focus);outline:0}.form-group input[type=file]{box-shadow:none;padding:0}.form-group input[type=file]::file-selector-button{background-color:#f3f4f6;background-color:var(--color-background-hover-light);border:0;border-radius:.375rem 0 0 .375rem;border-radius:var(--border-radius) 0 0 var(--border-radius);border-right:1px solid #e5e7eb;border-right:var(--border-width) solid var(--color-border);color:#007a7a;color:var(--color-primary);cursor:pointer;font-family:inherit;font-weight:500;height:calc(1.6em + 1rem + 2px);height:calc(1.6em + var(--spacing-sm)*2 + var(--border-width)*2);margin:0 1rem 0 0;margin-right:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease-in-out;transition:background-color var(--transition-speed) var(--transition-timing)}.form-group input[type=file]::file-selector-button:hover{background-color:#e5e7eb;background-color:var(--color-background-hover-dark)}.form-group select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem;padding-right:calc(var(--spacing-md)*2.5)}.form-group select.form-control:disabled{background-color:#f3f4f6;background-color:var(--color-background-hover-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23D1D5DB' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.form-group textarea.form-control{line-height:1.6;min-height:100px}.form-control:disabled{background-color:#f3f4f6;background-color:var(--color-background-hover-light);box-shadow:none;cursor:not-allowed;opacity:.7}.btn{border:1px solid #0000;border:var(--border-width) solid #0000;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-size:1rem;gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-decoration:none;transition:all .2s ease-in-out;transition:var(--transition-main);-webkit-user-select:none;user-select:none;vertical-align:middle}.btn:focus{box-shadow:0 1px 2px 0 #0000000d,0 0 0 3px #007a7a33;box-shadow:var(--shadow-sm),var(--shadow-focus);outline:none}.btn:active{box-shadow:none;transform:scale(.98)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background-color:#007a7a;background-color:var(--color-primary);border-color:#007a7a;border-color:var(--color-primary);color:var(--color-text-light)}.btn-primary:hover{background-color:#005f5f;background-color:var(--color-primary-dark);border-color:#005f5f;border-color:var(--color-primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-primary:disabled{background-color:#007a7a;background-color:var(--color-primary);border-color:#007a7a;border-color:var(--color-primary)}.btn-secondary{border-color:#e5e7eb;border-color:var(--color-border)}.btn-secondary:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-secondary:disabled{background-color:#fff;background-color:var(--color-background-card);border-color:#e5e7eb;border-color:var(--color-border);color:#6b7280;color:var(--color-secondary)}.btn-danger{background-color:#dc2626;background-color:var(--color-danger);border-color:#dc2626;border-color:var(--color-danger);color:var(--color-text-light)}.btn-danger:hover{background-color:#b91c1c;border-color:#b91c1c;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-danger:disabled{background-color:#dc2626;background-color:var(--color-danger);border-color:#dc2626;border-color:var(--color-danger)}.btn-success{background-color:#16a34a;background-color:var(--color-success);border-color:#16a34a;border-color:var(--color-success);color:var(--color-text-light)}.btn-success:hover{background-color:#15803d;border-color:#15803d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-success:disabled{background-color:#16a34a;background-color:var(--color-success);border-color:#16a34a;border-color:var(--color-success)}.btn-warning{background-color:#f59e0b;background-color:var(--color-warning);border-color:#f59e0b;border-color:var(--color-warning);color:#574503}.btn-warning:hover{background-color:#d97706;border-color:#d97706;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-warning:disabled{background-color:#f59e0b;background-color:var(--color-warning);border-color:#f59e0b;border-color:var(--color-warning)}.btn-link{background-color:initial;border:0;box-shadow:none;font-weight:500;padding:.5rem;padding:var(--spacing-sm);text-decoration:none;transition:color .2s ease-in-out,-webkit-text-decoration .2s ease-in-out;transition:color .2s ease-in-out,text-decoration .2s ease-in-out;transition:color .2s ease-in-out,text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out;transition:color var(--transition-speed) var(--transition-timing),-webkit-text-decoration var(--transition-speed) var(--transition-timing);transition:color var(--transition-speed) var(--transition-timing),text-decoration var(--transition-speed) var(--transition-timing);transition:color var(--transition-speed) var(--transition-timing),text-decoration var(--transition-speed) var(--transition-timing),-webkit-text-decoration var(--transition-speed) var(--transition-timing)}.btn-link:hover{background-color:initial}.btn-link:focus,.btn-link:hover{box-shadow:none;color:#005f5f;color:var(--color-primary-dark);text-decoration:underline}.btn-link:focus{outline:none}.btn-link:disabled{color:#6b7280;color:var(--color-secondary);cursor:not-allowed;opacity:.6;pointer-events:none;text-decoration:none}.btn-lg{font-size:1.1rem;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.btn-sm{border-radius:.3rem;border-radius:calc(var(--border-radius)*.8)}.btn-block{font-size:1.05rem;font-weight:600;margin-top:1.5rem;margin-top:var(--spacing-lg)}.alert,.auth-message,.btn-block{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.alert,.auth-message{align-items:center;border:1px solid #0000;border:var(--border-width) solid #0000;border-radius:.375rem;border-radius:var(--border-radius);display:flex;font-size:.95rem;gap:.5rem;gap:var(--spacing-sm);margin:1.5rem 0;margin:var(--spacing-lg) 0;text-align:left}.alert-success{border-color:#bbf7d0;border-color:var(--color-success-border);color:#0f5132}.alert-danger,.error-message{background-color:#fee2e2;background-color:var(--color-danger-bg);border-color:#fecaca;border-color:var(--color-danger-border);color:#842029}.alert-warning{border-color:#fde68a;border-color:var(--color-warning-border);color:#664d03}.loading-indicator{background-color:#fff;background-color:var(--color-background-card);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#007a7a;color:var(--color-primary);font-weight:500;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:2rem;padding:var(--spacing-xl);text-align:center}.loading-indicator:before{animation:spinner-border .85s linear infinite;border:3px solid #007a7a4d;border-top-color:#007a7a;border:3px solid rgba(var(--color-primary-rgb),.3);border-radius:50%;border-top-color:var(--color-primary);content:"";display:inline-block;height:1.5rem;margin-right:1rem;margin-right:var(--spacing-md);vertical-align:-.3em;width:1.5rem}.search-results{margin-top:2rem;margin-top:var(--spacing-xl)}.results-header h2{margin-bottom:0}.results-table{border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-top:1.5rem;margin-top:var(--spacing-lg);overflow-x:auto}.results-table,.results-table table{background-color:#fff;background-color:var(--color-background-card)}.results-table table{border-collapse:collapse;border-spacing:0;width:100%}.results-table td,.results-table th{border-bottom:1px solid #e5e7eb;border-bottom:var(--border-width) solid var(--color-border);font-size:.95rem;line-height:1.5;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:left;vertical-align:middle}.results-table tbody tr:last-child td{border-bottom:0}.results-table thead th{background-color:#f9fafb;background-color:var(--color-background-body);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border);color:#1f2937;color:var(--color-text-main);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;vertical-align:bottom;white-space:nowrap}.results-table tbody tr{transition:background-color .2s ease-in-out;transition:background-color var(--transition-speed) var(--transition-timing)}.results-table tbody tr:nth-child(odd){background-color:#fff;background-color:var(--color-background-card)}.results-table tbody tr:nth-child(2n){background-color:#f9fafb;background-color:var(--color-background-body)}.results-table tbody tr:hover{background-color:#e0f2f2;background-color:var(--color-primary-light)}.results-table td[style*="white-space: pre-line"]{line-height:1.5;white-space:normal!important}.results-table td[rowspan]{vertical-align:top}.results-table td .btn-link{display:inline-block;font-size:.85rem;max-width:150px;overflow:hidden;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-overflow:ellipsis;vertical-align:initial;white-space:nowrap}.results-table td .btn-sm{line-height:1;padding:.25rem;padding:var(--spacing-xs)}.results-table td .btn-sm svg{height:1rem;width:1rem}.results-table td>div{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}footer{background-color:#f9fafb;background-color:var(--color-background-body);border-top:1px solid #e5e7eb;border-top:var(--border-width) solid var(--color-border);color:#6b7280;color:var(--color-secondary);font-size:.875rem;margin-top:3rem;margin-top:var(--spacing-xxl);padding:1.5rem;padding:var(--spacing-lg) var(--spacing-lg);text-align:center}.home-page{padding:3rem 1.5rem;padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.home-page h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.home-page p{color:#6b7280;color:var(--color-secondary);font-size:1.1rem;margin-bottom:2rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:650px}.home-page .btn-lg{margin-top:1rem;margin-top:var(--spacing-md)}.auth-form{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin:3rem auto;margin:var(--spacing-xxl) auto;max-width:450px;padding:2rem 3rem;padding:var(--spacing-xl) var(--spacing-xxl)}.auth-subtitle{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.password-input-wrapper .form-control{padding-right:calc(1rem + 30px);padding-right:calc(var(--spacing-md) + 30px)}.password-toggle-btn{border-radius:0 .375rem .375rem 0;border-radius:0 var(--border-radius) var(--border-radius) 0;bottom:1px;justify-content:center;right:1px;top:1px;transition:color .2s ease-in-out;transition:color var(--transition-speed) var(--transition-timing);width:calc(1rem + 28px);width:calc(var(--spacing-md) + 28px)}.password-toggle-btn svg{height:1.1rem;width:1.1rem}.password-toggle-btn:focus,.password-toggle-btn:hover{color:#007a7a;color:var(--color-primary);outline:none}.password-toggle-btn:hover svg{transform:scale(1.1)}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-btn:disabled svg{transform:none}.auth-divider{background-image:linear-gradient(90deg,#0000,#e5e7eb,#0000);background-image:linear-gradient(to right,#0000,var(--color-border),#0000);border:0;height:1px;margin:2rem 0 1.5rem;margin:var(--spacing-xl) 0 var(--spacing-lg) 0}.btn-toggle-auth,.forgot-password-link{display:block;margin-bottom:1rem;margin-bottom:var(--spacing-md);text-align:center;width:100%}.forgot-password-link{margin-top:1rem;margin-top:var(--spacing-md)}.forgot-password-link a{font-size:.9rem}.profile-page{margin:2rem auto;margin:var(--spacing-xl) auto;max-width:700px}.profile-details p{font-size:1rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.profile-details strong{color:#6b7280;color:var(--color-secondary);display:inline-block;font-weight:500;margin-right:1rem;margin-right:var(--spacing-md);width:150px}.profile-edit-buttons{display:flex;gap:1rem;gap:var(--spacing-md);margin-top:2rem;margin-top:var(--spacing-xl)}.search-form{align-items:flex-end;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.search-form .form-group{flex-grow:1;margin-bottom:0}.job-status-card{background-color:#fff;background-color:var(--color-background-card);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.job-status-card h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);margin-top:0}.job-status-card p{color:#6b7280;color:var(--color-secondary);font-size:.95rem;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.job-status-card p code{background-color:#f3f4f6;background-color:var(--color-background-hover-light);border-radius:4px;color:#6b7280;color:var(--color-secondary);font-size:.8em;padding:.15em .5em}.job-status-card p strong{font-weight:600}.job-status-card .error-message{background-color:#fee2e2;background-color:var(--color-danger-bg);border:1px solid #fecaca;border:var(--border-width) solid var(--color-danger-border);border-radius:.375rem;border-radius:var(--border-radius);color:#842029;font-size:.9rem;margin-top:.5rem;margin-top:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.job-status-list{margin-top:2rem;margin-top:var(--spacing-xl)}.brand-plant-setup .add-plant-form{background-color:#f9fafb;background-color:var(--color-background-body);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}.brand-plant-setup .plant-list ul{list-style:none;padding:0}.brand-plant-setup .plant-list li.card{align-items:center;background-color:#fff;background-color:var(--color-background-card);border-left:4px solid #16a34a;border-left:4px solid var(--color-success);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.product-mapping .mapping-table-container{margin-top:2rem;margin-top:var(--spacing-xl)}.product-mapping .form-control-sm{font-size:.9rem;min-width:200px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.batch-status-container{border-top:1px solid #e5e7eb;border-top:var(--border-width) solid var(--color-border);margin-top:2rem;margin-top:var(--spacing-xl);padding-top:1.5rem;padding-top:var(--spacing-lg)}@media (max-width:768px){.App{padding:0 1rem;padding:0 var(--spacing-md)}.App-header-new{align-items:flex-start;flex-direction:column;height:auto;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:static}.header-nav-main{flex-wrap:wrap;justify-content:flex-start;margin-left:0;margin-top:.5rem;margin-top:var(--spacing-sm);width:100%}.nav-link-main{border-bottom-width:2px;font-size:.9rem;height:auto;padding:.5rem;padding:var(--spacing-sm)}.header-user-actions{justify-content:space-between;margin-top:.5rem;margin-top:var(--spacing-sm);width:100%}.card{padding:1.5rem;padding:var(--spacing-lg)}.auth-form{padding:1.5rem;padding:var(--spacing-lg) var(--spacing-lg)}.results-table td,.results-table th{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.search-form{align-items:stretch;flex-direction:column}.search-form .btn{margin-top:.5rem;margin-top:var(--spacing-sm);width:100%}}.home-page-container{animation:fadeIn .2s ease-in-out;animation:fadeIn var(--transition-speed) var(--transition-timing)}.hero-section{margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:3rem 0;padding:var(--spacing-xxl) 0;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{color:#1f2937;color:var(--color-text-main);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.hero-subtitle{color:#6b7280;color:var(--color-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:0}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:center}.stats-section{background-color:#fff;background-color:var(--color-background-card);border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:3rem;margin-bottom:var(--spacing-xxl);padding:2rem;padding:var(--spacing-xl)}.stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{text-align:center}.stat-value{color:#007a7a;color:var(--color-primary);font-size:2.5rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-label{color:#6b7280;color:var(--color-secondary);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.features-section{margin-bottom:3rem;margin-bottom:var(--spacing-xxl);margin-top:2rem;margin-top:var(--spacing-xl)}.section-title{font-size:2rem;margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.features-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background-color:#fff;background-color:var(--color-background-card);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);cursor:default;padding:2rem;padding:var(--spacing-xl);text-align:center;transition:all .2s ease-in-out;transition:var(--transition-main)}.feature-card:hover{border-color:#007a7a;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.feature-title{color:#1f2937;color:var(--color-text-main);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.feature-description{color:#6b7280;color:var(--color-secondary);line-height:1.6}.requirements-section{margin:3rem 0;margin:var(--spacing-xxl) 0;padding:0 1rem;padding:0 var(--spacing-md)}.requirements-container{margin:0 auto;max-width:800px;text-align:left}.requirements-intro{color:#6b7280;color:var(--color-secondary);font-size:1.1rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);text-align:center}.requirements-list{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.requirement-item{align-items:flex-start;background:#fff;background:var(--color-background-card);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);display:flex;gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md);transition:all .2s ease-in-out;transition:all var(--transition-speed) var(--transition-timing)}.requirement-item:hover{border-color:#007a7a;border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d;transform:translateX(5px)}.requirement-icon{color:#007a7a;color:var(--color-primary);flex-shrink:0;font-size:1.2rem;font-weight:700}.supplier-tracking-container{padding:2rem}.page-header{margin-bottom:3rem}.page-header h1{color:#1f2937;color:var(--color-text-main);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.page-subtitle{font-size:1.1rem}.add-supplier-card,.company-procedures-card,.suppliers-list-card{background:#fff;background:var(--color-background-card);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.card-header h2{color:#1f2937;color:var(--color-text-main);font-size:1.5rem;font-weight:600;margin:0}.card-description{margin-bottom:1.5rem}.required-badge{background:#007a7a;background:var(--color-primary);border-radius:1rem;color:#fff;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.optional-badge{background:#f0f0f0;color:#6b7280;color:var(--color-secondary)}.optional-badge,.status-badge{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-complete{background:#d4edda;color:#155724}.status-ready{background:#cce5ff;color:#004085}.procedures-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.procedure-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);padding:1.5rem}.procedure-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.procedure-header h3{font-size:1.1rem;font-weight:600;margin:0}.file-upload-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.file-input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);flex:1 1;min-width:200px;padding:.5rem}.button-group{display:flex;gap:.5rem}.file-info{font-size:.85rem;margin-bottom:0;margin-top:.5rem}.supplier-form{margin:0 auto;max-width:800px}.form-section{margin-bottom:2rem}.form-label{font-weight:600;margin-bottom:.5rem}.form-label.required:after{color:#dc2626;color:var(--color-danger);content:" *"}.form-input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);font-size:1rem;padding:.75rem;transition:border-color .2s;transition:border-color var(--transition-speed);width:100%}.form-input:focus{border-color:#007a7a;border-color:var(--color-primary);outline:none}.form-hint{font-size:.85rem}.section-title{font-size:1.25rem;margin-bottom:1rem}.reports-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.report-upload-item{background:#f9f9f9;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);padding:1rem}.report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.report-description{color:#6b7280;color:var(--color-secondary);font-size:.85rem;margin-bottom:.75rem}.btn{align-items:center;border:none;border-radius:.375rem;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s;transition:all var(--transition-speed)}.btn-primary{background:#007a7a;background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#005f5f;background:var(--color-primary-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-outline{background:#0000;border:1px solid #007a7a;border:1px solid var(--color-primary);color:#007a7a;color:var(--color-primary)}.btn-outline:hover{background:#007a7a;background:var(--color-primary);color:#fff}.btn-success{background:#28a745;color:#fff}.btn-danger{background:#dc2626;background:var(--color-danger);color:#fff}.btn-sm{font-size:.8rem;padding:.25rem .75rem}.btn-large{font-size:1rem;justify-content:center;margin-top:1rem;padding:.75rem 2rem;width:100%}.btn-link{background:none;border:none;color:#007a7a;color:var(--color-primary);padding:0;text-decoration:underline}.alert{margin-top:1rem;padding:1rem}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.supplier-count{color:#6b7280;color:var(--color-secondary);font-size:1rem;font-weight:400}.suppliers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.supplier-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);padding:1.5rem;transition:box-shadow .2s;transition:box-shadow var(--transition-speed)}.supplier-card:hover{box-shadow:0 4px 12px #0000001a}.supplier-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.supplier-info{flex:1 1}.supplier-name{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.supplier-date{color:#6b7280;color:var(--color-secondary);font-size:.875rem;margin:0}.supplier-actions{display:flex;flex-wrap:wrap;gap:.5rem}.edit-input{border:1px solid #007a7a;border:1px solid var(--color-primary);border-radius:.375rem;border-radius:var(--border-radius);font-size:1.25rem;font-weight:600;padding:.5rem;width:100%}.supplier-completion{margin-bottom:1rem}.completion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.completion-label{color:#6b7280;color:var(--color-secondary);font-size:.875rem}.completion-stats{color:#1f2937;color:var(--color-text-main);font-size:.875rem;font-weight:600}.completion-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.completion-progress{background:#007a7a;background:var(--color-primary);height:100%;transition:width .2s;transition:width var(--transition-speed)}.supplier-documents{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.supplier-documents h4{font-size:1rem;font-weight:600;margin:0 0 1rem}.documents-list{grid-gap:.5rem;display:grid;gap:.5rem}.document-item{align-items:center;background:#f9f9f9;border-radius:.375rem;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.5rem}.document-name{font-size:.875rem}.document-name.missing,.document-status{color:#6b7280;color:var(--color-secondary)}.document-status{font-size:.75rem;font-style:italic}.empty-state,.loading-state{color:#6b7280;color:var(--color-secondary);padding:3rem;text-align:center}.empty-state-hint{font-size:.875rem;margin-top:.5rem}@media (max-width:768px){.supplier-tracking-container{padding:1rem}.procedures-grid,.reports-grid,.suppliers-grid{grid-template-columns:1fr}.file-upload-group{align-items:stretch;flex-direction:column}.btn,.button-group{width:100%}.btn{justify-content:center}.supplier-header{flex-direction:column}.supplier-actions{width:100%}}.cta-section{background:linear-gradient(135deg,#e0f2f2,#fff);background:linear-gradient(135deg,var(--color-primary-light),var(--color-background-card));border-radius:.375rem;border-radius:var(--border-radius);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl);text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-title{color:#1f2937;color:var(--color-text-main);font-size:2rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.cta-subtitle{color:#6b7280;color:var(--color-secondary);font-size:1.125rem;margin-bottom:0}.btn-lg{font-size:1rem;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.btn-xl{font-size:1.125rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.btn-secondary{background-color:#fff;background-color:var(--color-background-card);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);color:#1f2937;color:var(--color-text-main)}.btn-secondary:hover{background-color:#f3f4f6;background-color:var(--color-background-hover-light);border-color:#6b7280;border-color:var(--color-secondary)}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.hero-actions{align-items:center;flex-direction:column}.hero-actions button{max-width:300px;width:100%}}.auth-container{align-items:center;background:linear-gradient(135deg,#f9fafb,#e0f2f2);background:linear-gradient(135deg,var(--color-background-body) 0,var(--color-primary-light) 100%);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--spacing-lg)}.auth-card{animation:slideUp .3s ease-out;background:#fff;background:var(--color-background-card);border-radius:.75rem;border-radius:calc(var(--border-radius)*2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:480px;padding:3rem;padding:var(--spacing-xxl);width:100%}.auth-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.auth-title{color:#007a7a;color:var(--color-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.auth-subtitle{color:#1f2937;color:var(--color-text-main);font-size:1.5rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.auth-description{color:#6b7280;color:var(--color-secondary);font-size:1rem;margin:0}.form-label{color:#1f2937;color:var(--color-text-main);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-hint{color:#6b7280;color:var(--color-secondary);display:block;font-size:.75rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-control{padding-right:2.5rem}.password-toggle-btn{align-items:center;background:#0000;border:none;color:#6b7280;color:var(--color-secondary);cursor:pointer;display:flex;height:100%;padding:0 .5rem;padding:0 var(--spacing-sm);position:absolute;right:0;top:0;transition:color .2s ease;transition:color var(--transition-speed) ease}.password-toggle-btn:hover{color:#007a7a;color:var(--color-primary)}.password-toggle-btn:focus{outline:none}.alert{align-items:center;animation:fadeIn .2s ease;border-radius:.375rem;border-radius:var(--border-radius);display:flex;font-size:.875rem;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.alert-icon{flex-shrink:0;height:20px;margin-right:.5rem;margin-right:var(--spacing-sm);width:20px}.alert-error{background-color:#fee2e2;background-color:var(--color-danger-bg);border:1px solid #fecaca;border:1px solid var(--color-danger-border);color:#dc2626;color:var(--color-danger)}.alert-success{background-color:#dcfce7;background-color:var(--color-success-bg);border:1px solid #bbf7d0;border:1px solid var(--color-success-border);color:#16a34a;color:var(--color-success)}.spinner-border{animation:spinner-border .75s linear infinite;border:.15em solid;border-radius:50%;border-right:.15em solid #0000;display:inline-block;height:1rem;vertical-align:text-bottom;width:1rem}.spinner-border-sm{border-width:.125em;height:.875rem;width:.875rem}@keyframes spinner-border{to{transform:rotate(1turn)}}.btn-loading{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center}.auth-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg);text-align:center}.auth-footer-text{color:#6b7280;color:var(--color-secondary);font-size:.875rem;margin:0}.auth-toggle-link{background:none;border:none;color:#007a7a;color:var(--color-primary);cursor:pointer;font-weight:500;margin-left:.25rem;margin-left:var(--spacing-xs);padding:0;text-decoration:none;transition:color .2s ease;transition:color var(--transition-speed) ease}.auth-toggle-link:hover{color:#005f5f;color:var(--color-primary-dark);text-decoration:underline}.auth-forgot-link{color:#007a7a;color:var(--color-primary);display:inline-block;font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs);text-decoration:none;transition:color .2s ease;transition:color var(--transition-speed) ease}.auth-forgot-link:hover{color:#005f5f;color:var(--color-primary-dark);text-decoration:underline}.auth-features{margin-top:3rem;margin-top:var(--spacing-xxl);max-width:480px;text-align:center}.auth-features-title{color:#6b7280;color:var(--color-secondary);font-size:.875rem;letter-spacing:.05em;margin-bottom:1rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.auth-features-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.auth-feature{text-align:center}.auth-feature-icon{align-items:center;background-color:#dcfce7;background-color:var(--color-success-bg);border-radius:50%;color:#16a34a;color:var(--color-success);display:flex;font-weight:600;height:32px;justify-content:center;margin:0 auto .25rem;margin:0 auto var(--spacing-xs);width:32px}.auth-feature p{color:#6b7280;color:var(--color-secondary);font-size:.75rem;margin:0}@media (max-width:768px){.auth-container{padding:1rem;padding:var(--spacing-md)}.auth-card{padding:1.5rem;padding:var(--spacing-lg)}.auth-features{display:none}}.search-view-container{animation:fadeIn .2s ease-in-out;animation:fadeIn var(--transition-speed) var(--transition-timing);margin:0 auto;max-width:1200px}.search-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.page-title{color:#1f2937;color:var(--color-text-main);font-size:2rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.page-subtitle{color:#6b7280;color:var(--color-secondary);font-size:1.125rem;margin:0}.search-controls,.search-form{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.search-form{display:flex;gap:1rem;gap:var(--spacing-md)}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#6b7280;color:var(--color-secondary);height:20px;left:1rem;left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input{font-size:1rem;padding-left:calc(2rem + 8px);padding-left:calc(var(--spacing-xl) + 8px)}.search-button{padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);white-space:nowrap}.filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg)}.filter-group{flex:0 1 auto;min-width:180px}.filter-label{color:#1f2937;color:var(--color-text-main);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.filter-select{font-size:.875rem;width:100%}.search-results{animation:slideUp .2s ease-out}.results-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.results-title{font-size:1.25rem;margin:0}.results-count{color:#6b7280;color:var(--color-secondary);font-size:.875rem;font-weight:500}.table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{background-color:#f9fafb;background-color:var(--color-background-body);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border);font-weight:600;text-align:left;white-space:nowrap}.data-table td,.data-table th{color:#1f2937;color:var(--color-text-main);font-size:.875rem;padding:1rem;padding:var(--spacing-md)}.data-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr{transition:background-color .2s ease;transition:background-color var(--transition-speed) ease}.data-table tbody tr:hover{background-color:#f3f4f6;background-color:var(--color-background-hover-light)}.data-table tbody tr:last-child td{border-bottom:none}.file-link{background:none;border:none;color:#007a7a;color:var(--color-primary);cursor:pointer;display:inline-block;font:inherit;max-width:200px;overflow:hidden;padding:0;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;transition:color var(--transition-speed) ease;white-space:nowrap}.file-link:hover{color:#005f5f;color:var(--color-primary-dark);text-decoration:underline}.file-link:disabled{cursor:not-allowed;opacity:.6}.empty-cell{color:#6b7280;color:var(--color-secondary);opacity:.5}.expiry-date{font-weight:500}.expiry-date.expired{color:#dc2626;color:var(--color-danger);font-weight:600}.actions-column{width:120px}.actions-cell,.actions-column{text-align:center}.action-buttons{display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center}.action-btn{align-items:center;border:none;border-radius:.375rem;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;transition:all var(--transition-speed) ease;width:36px}.action-btn svg{height:18px;width:18px}.action-btn-primary{background-color:#007a7a;background-color:var(--color-primary);color:#fff}.action-btn-primary:hover{background-color:#005f5f;background-color:var(--color-primary-dark);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-btn-danger{background-color:#dc2626;background-color:var(--color-danger);color:#fff}.action-btn-danger:hover{background-color:#b91c1c;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading-state{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);justify-content:center;padding:2rem;padding:var(--spacing-xl)}.empty-state,.loading-state{color:#6b7280;color:var(--color-secondary)}.empty-state{padding:3rem;padding:var(--spacing-xxl);text-align:center}.empty-state-icon{height:64px;margin:0 auto 1.5rem;margin:0 auto var(--spacing-lg);opacity:.3;width:64px}.empty-state-title{color:#1f2937;color:var(--color-text-main);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.empty-state-text{font-size:1rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.alert-warning{background-color:#fef3c7;background-color:var(--color-warning-bg);border:1px solid #fde68a;border:1px solid var(--color-warning-border);color:#f59e0b;color:var(--color-warning)}@media (max-width:768px){.filter-controls,.search-form{flex-direction:column}.filter-controls{align-items:stretch}.filter-group{width:100%}.results-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.5rem;padding:var(--spacing-sm)}.file-link{max-width:120px}}.setup-container{animation:fadeIn .2s ease-in-out;animation:fadeIn var(--transition-speed) var(--transition-timing);margin:0 auto;max-width:1200px}.setup-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.setup-progress{gap:0;justify-content:center;margin-top:2rem;margin-top:var(--spacing-xl)}.progress-step,.setup-progress{align-items:center;display:flex}.progress-step{flex-direction:column;position:relative}.progress-step-number{align-items:center;background-color:#f3f4f6;background-color:var(--color-background-hover-light);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:50%;color:#6b7280;color:var(--color-secondary);display:flex;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;transition:all var(--transition-speed) ease;width:40px}.progress-step.active .progress-step-number{background-color:#007a7a;background-color:var(--color-primary);border-color:#007a7a;border-color:var(--color-primary);color:#fff}.progress-step-label{color:#6b7280;color:var(--color-secondary);font-size:.875rem;font-weight:500;margin-top:.25rem;margin-top:var(--spacing-xs)}.progress-step.active .progress-step-label{color:#007a7a;color:var(--color-primary)}.progress-line{background-color:#e5e7eb;background-color:var(--color-border);height:2px;margin:0 .25rem;margin:0 var(--spacing-xs);margin-bottom:20px;width:100px}.section-header,.setup-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.section-title{color:#1f2937;color:var(--color-text-main);font-size:1.5rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.section-description{color:#6b7280;color:var(--color-secondary);margin:0}.form-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group-full{grid-column:1/-1}.upload-form{background-color:#f9fafb;background-color:var(--color-background-body);border-radius:.375rem;border-radius:var(--border-radius);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.upload-form-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.upload-form-grid,.upload-form-single{align-items:end;gap:1rem;gap:var(--spacing-md)}.upload-form-single{display:flex}.form-group-file{flex:1 1}.file-input-wrapper{overflow:hidden;position:relative}.file-input{left:-9999px;position:absolute}.file-input-label{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);color:#6b7280;color:var(--color-secondary);cursor:pointer;display:block;font-size:.875rem;overflow:hidden;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-overflow:ellipsis;transition:all .2s ease;transition:all var(--transition-speed) ease;white-space:nowrap}.file-input-label:hover,.file-input:focus+.file-input-label{border-color:#007a7a;border-color:var(--color-primary);color:#007a7a;color:var(--color-primary)}.file-input:disabled+.file-input-label{cursor:not-allowed;opacity:.6}.file-info{color:#6b7280;color:var(--color-secondary);display:block;font-size:.75rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.upload-btn{min-width:140px;white-space:nowrap}.items-list{margin-top:1.5rem;margin-top:var(--spacing-lg)}.items-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.items-list-title{color:#1f2937;color:var(--color-text-main);font-size:1.125rem;font-weight:600;margin:0}.items-count{background-color:#007a7a;background-color:var(--color-primary);border-radius:999px;color:#fff;font-size:.875rem;font-weight:600;min-width:28px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.items-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{background-color:#f9fafb;background-color:var(--color-background-body);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);padding:1rem;padding:var(--spacing-md);position:relative;transition:all .2s ease;transition:all var(--transition-speed) ease}.item-card:hover{border-color:#007a7a;border-color:var(--color-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.item-content{padding-right:2rem;padding-right:var(--spacing-xl)}.item-title{color:#1f2937;color:var(--color-text-main);font-size:1rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.item-details{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.item-detail{color:#6b7280;color:var(--color-secondary);font-size:.875rem;margin:0}.detail-label{color:#1f2937;color:var(--color-text-main);font-weight:500}.item-status{font-size:.75rem;font-weight:500;margin-top:.25rem;margin-top:var(--spacing-xs)}.item-remove-btn{align-items:center;background-color:initial;border:none;border-radius:.375rem;border-radius:var(--border-radius);color:#6b7280;color:var(--color-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:.5rem;right:var(--spacing-sm);top:.5rem;top:var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-speed) ease;width:28px}.item-remove-btn:hover{background-color:#fee2e2;background-color:var(--color-danger-bg);color:#dc2626;color:var(--color-danger)}.item-remove-btn svg{height:16px;width:16px}.item-remove-btn:disabled{cursor:not-allowed;opacity:.5}.setup-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin-top:3rem;margin-top:var(--spacing-xxl);padding-top:2rem;padding-top:var(--spacing-xl)}.setup-summary{flex:1 1}.setup-ready,.setup-requirements{align-items:center;display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-sm);margin:0}.setup-requirements{color:#6b7280;color:var(--color-secondary)}.setup-ready{color:#16a34a;color:var(--color-success);font-weight:500}.ready-icon,.requirement-icon{flex-shrink:0;height:20px;width:20px}.proceed-btn{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.btn-icon-right{height:20px;width:20px}.text-danger{color:#dc2626;color:var(--color-danger)}@media (max-width:768px){.setup-progress{transform:scale(.8)}.progress-line{width:60px}.upload-form-grid,.upload-form-single{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.items-grid{grid-template-columns:1fr}.setup-footer{align-items:stretch;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.proceed-btn{justify-content:center;width:100%}}.supplier-tracking-container{animation:fadeIn .2s ease-in-out;animation:fadeIn var(--transition-speed) var(--transition-timing);margin:0 auto;max-width:1200px}.page-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.alert-info{background-color:#e0f2f2;background-color:var(--color-primary-light);border:1px solid #007a7a;border:1px solid var(--color-primary);color:#005f5f;color:var(--color-primary-dark)}.supplier-form-card{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.card-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.card-title{color:#1f2937;color:var(--color-text-main);font-size:1.25rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.card-description{color:#6b7280;color:var(--color-secondary);margin:0}.supplier-form{display:flex;flex-direction:column}.form-row,.supplier-form{gap:1.5rem;gap:var(--spacing-lg)}.form-row{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr}.form-group-flex{flex:1 1}.btn-block{width:100%}.suppliers-list-card{margin-top:2rem;margin-top:var(--spacing-xl)}.supplier-stats{display:flex;gap:1rem;gap:var(--spacing-md)}.stat-badge{background-color:#007a7a;background-color:var(--color-primary);border-radius:999px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.suppliers-table .supplier-name{font-size:1rem}.inline-edit-input{font-size:.875rem;padding:.25rem;padding:var(--spacing-xs);width:100%}.btn-outline-primary{background-color:initial;border:1px solid #007a7a;border:1px solid var(--color-primary);border-radius:.375rem;border-radius:var(--border-radius);color:#007a7a;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease;transition:all var(--transition-speed) ease;white-space:nowrap}.btn-outline-primary:hover{background-color:#007a7a;background-color:var(--color-primary);color:#fff}.action-btn-success{background-color:#16a34a;background-color:var(--color-success);color:#fff}.action-btn-success:hover{background-color:#059b3b}.action-btn-secondary{background-color:#6b7280;background-color:var(--color-secondary);color:#fff}.action-btn-secondary:hover{background-color:#4b5563}@media (max-width:768px){.form-row{grid-template-columns:1fr}.suppliers-table{font-size:.875rem}.btn-outline-primary{font-size:.75rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}}.results-container{animation:slideUp .3s ease-out;margin-top:2rem;margin-top:var(--spacing-xl)}.results-header-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.results-title-wrapper{flex:1 1}.results-title{color:#1f2937;color:var(--color-text-main);font-size:1.75rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.results-subtitle{color:#6b7280;color:var(--color-secondary);margin:0}.export-actions{align-items:flex-start;display:flex;gap:2rem;gap:var(--spacing-xl)}.export-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.export-label{color:#6b7280;color:var(--color-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.export-buttons{display:flex;gap:.5rem;gap:var(--spacing-sm)}.btn-icon{height:16px;margin-right:.25rem;margin-right:var(--spacing-xs);width:16px}.btn-sm{font-size:.875rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.results-table-card{overflow:hidden}.hazard-table{width:100%}.product-column{min-width:120px;width:15%}.hazard-type-column{min-width:100px;width:12%}.description-column{min-width:200px;width:25%}.control-column{min-width:100px;width:12%}.controlled-by-column,.practices-column{min-width:150px;width:18%}.product-cell{background-color:#f9fafb;background-color:var(--color-background-body);font-weight:600;vertical-align:top}.product-name{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);padding:.5rem;padding:var(--spacing-sm)}.hazard-badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.hazard-badge-b{background-color:#dbeafe;color:#1e40af}.hazard-badge-c{background-color:#fef3c7;color:#92400e}.hazard-badge-p{background-color:#e0e7ff;color:#3730a3}.hazard-badge-a{background-color:#fce7f3;color:#9f1239}.control-status{font-weight:500}.control-required{color:#dc2626;color:var(--color-danger)}.control-not-required{color:#16a34a;color:var(--color-success)}.best-practices-content{font-size:.875rem;line-height:1.5;white-space:pre-line}.hazard-row:hover{background-color:#f3f4f6;background-color:var(--color-background-hover-light)}@media (max-width:1024px){.results-header-section{flex-direction:column}.export-actions{justify-content:space-between;width:100%}}@media (max-width:768px){.export-actions{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.export-buttons,.export-group{width:100%}.export-buttons .btn{flex:1 1}.hazard-table{font-size:.75rem}.hazard-table td,.hazard-table th{padding:.5rem;padding:var(--spacing-sm)}.hazard-badge{font-size:.625rem;padding:2px 6px}}.input-mode-toggle{display:flex;gap:.25rem;gap:var(--spacing-xs);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.toggle-btn{background-color:#f9fafb;background-color:var(--color-background-body);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);color:#6b7280;color:var(--color-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.toggle-btn:hover{background-color:#f3f4f6;background-color:var(--color-background-hover-light)}.toggle-btn.active,.toggle-btn:hover{border-color:#007a7a;border-color:var(--color-primary)}.toggle-btn.active{background-color:#007a7a;background-color:var(--color-primary);color:#fff}.form-container{background-color:#fff;border:2px solid #000;border-radius:0;box-shadow:0 2px 4px #0000001a;padding:0}.sop-form{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:900px}.form-header-section{border-bottom:3px solid #000;padding:1.5rem;padding:var(--spacing-lg);position:relative;text-align:center}.form-title-block{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.company-name{font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.company-name-input-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.company-name-input{background:#0000;border:none;border-bottom:2px solid #ccc;font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0 auto;max-width:600px;padding:.25rem 0;padding:var(--spacing-xs) 0;text-align:center;text-transform:uppercase;transition:border-color .2s ease;width:100%}.company-name-input:focus{border-bottom-color:#007a7a;border-bottom-color:var(--color-primary);outline:none}.company-name-input::placeholder{color:#999;font-size:1.25rem;font-weight:400;letter-spacing:normal;text-transform:none}.form-title{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.form-number{font-size:1rem;font-weight:500}.form-number,.save-indicator{color:#6b7280;color:var(--color-secondary)}.save-indicator{font-size:.75rem;position:absolute;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md)}.save-indicator .saving{color:#007a7a;color:var(--color-primary)}.save-indicator .saved{color:#16a34a;color:var(--color-success)}.form-instructions{background-color:#f0f7ff;border:1px solid #06c;margin:1rem;margin:var(--spacing-md);padding:1rem;padding:var(--spacing-md);position:relative}.instructions-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.close-instructions{background:none;border:none;color:#6b7280;color:var(--color-secondary);cursor:pointer;font-size:1.5rem;line-height:1;margin:-4px -4px 0 0;padding:0}.close-instructions:hover{color:#1f2937;color:var(--color-text-main)}.form-instructions p{font-size:.875rem;line-height:1.5;margin:0}.document-control-bar{background-color:#f5f5f5;border-bottom:2px solid #000;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.control-item{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.control-item label{font-size:.875rem;font-weight:600;white-space:nowrap}.control-input{background:#fff;border:1px solid #000;font-size:.875rem;padding:4px 8px}.control-input.short{width:80px}.form-content{padding:0}.form-section{border-bottom:1px solid #ccc;padding:1.5rem;padding:var(--spacing-lg);page-break-inside:avoid}.form-section:last-child{border-bottom:none}.section-header{border-bottom:2px solid #000;font-size:1rem;font-weight:700;letter-spacing:.05em;padding:.25rem 0;padding:var(--spacing-xs) 0;text-transform:uppercase}.field-group,.section-header{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.field-label{color:#000;display:block;font-size:.875rem;font-weight:600;margin-bottom:4px}.field-input,.field-select,.field-textarea{background:#fff;border:1px solid #000;font-family:inherit;font-size:.875rem;padding:6px 8px;width:100%}.field-textarea{line-height:1.4;resize:vertical}.field-input:focus,.field-select:focus,.field-textarea:focus{outline:2px solid #007a7a;outline:2px solid var(--color-primary);outline-offset:1px}.field-row{align-items:flex-end;display:flex;gap:1rem;gap:var(--spacing-md)}.flex-1{flex:1 1}.flex-2{flex:2 1}.approval-section{background-color:#f9f9f9;border-top:3px solid #000}.approval-grid{margin-top:1.5rem;margin-top:var(--spacing-lg)}.approval-row{grid-gap:1rem;grid-gap:var(--spacing-md);align-items:center;display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:120px 1fr;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.approval-label{font-size:.875rem;font-weight:600}.approval-fields{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.approval-fields .field-input{flex:1 1}.approval-fields .field-input.short{flex:0 0 120px}.form-footer{border-top:1px solid #ccc;margin-top:2rem;margin-top:var(--spacing-xl);padding-top:1.5rem;padding-top:var(--spacing-lg);text-align:center}.footer-text{color:#6b7280;color:var(--color-secondary);font-size:.75rem;line-height:1.5}.checkbox-group{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);margin-top:.25rem;margin-top:var(--spacing-xs)}.checkbox-item{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.checkbox-item input[type=checkbox]{border:1px solid #000;cursor:pointer;height:16px;width:16px}.checkbox-item label{cursor:pointer;font-size:.875rem}@media print{.close-instructions,.input-mode-toggle,.save-indicator{display:none!important}.form-section{page-break-inside:avoid}.form-container{border:1px solid #000;box-shadow:none}}@media (max-width:768px){.document-control-bar{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.control-item{align-items:stretch;width:100%}.control-item,.field-row{flex-direction:column}.approval-row{gap:.25rem;gap:var(--spacing-xs);grid-template-columns:1fr}.approval-fields{flex-direction:column}.approval-fields .field-input,.approval-fields .field-input.short{flex:1 1;width:100%}}.simply-put-section{background-color:#f0f7ff;border:2px solid #e1f0ff;border-radius:var(--border-radius-lg);margin:2rem 0;margin:var(--spacing-xl) 0;padding:2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.simply-put-container{margin:0 auto;max-width:800px}.simply-put-title{color:#005f5f;color:var(--color-primary-dark);font-size:1.75rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.simply-put-content{color:#1f2937;color:var(--color-text-main);font-size:1.125rem;line-height:1.7;margin:0}@media (max-width:768px){.simply-put-section{padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}.simply-put-title{font-size:1.5rem}.simply-put-content{font-size:1rem}}
/*# sourceMappingURL=main.c93150fc.css.map*/