body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.025em;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-rgb:37,99,235;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-light:#fff;--color-background-body:#f9fafb;--color-background-card:#fff;--color-background-input:#fff;--color-background-input-focus:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-background-hover-light:#f3f4f6;--color-background-hover-dark:#e5e7eb;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--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-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--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.1);--transition-speed:150ms;--transition-timing:ease;--transition-main:all var(--transition-speed) var(--transition-timing)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f9fafb;background-color:var(--color-background-body);color:#111827;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-main);font-size:14px;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);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 #f3f4f6;border-bottom:var(--border-width) solid var(--color-border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);height:60px;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);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:#111827;color:var(--color-text-primary);font-size:20px;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.02em;letter-spacing:var(--tracking-tight);line-height:1;margin:0}.header-nav-main{align-items:center;display:flex;flex-grow:1;gap:.5rem;gap:var(--spacing-sm);height:100%;justify-content:flex-start;margin-left:2rem;margin-left:var(--spacing-xl)}.nav-link-main{align-items:center;border-radius:.375rem;border-radius:var(--border-radius);color:#6b7280;color:var(--color-text-secondary);display:flex;font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);height:36px;padding:6px 12px;text-decoration:none;transition:all .15s ease;transition:var(--transition-main)}.nav-link-main:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary);color:#111827;color:var(--color-text-primary)}.nav-link-main.active{background-color:#eff6ff;background-color:var(--color-primary-light);color:#2563eb;color:var(--color-primary);font-weight:600;font-weight:var(--font-semibold)}.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-text-secondary);font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);padding:6px 12px;text-decoration:none;transition:all .15s ease;transition:var(--transition-main)}.nav-link-user:hover{background-color:#f3f4f6;background-color:var(--color-background-hover-light);color:#111827;color:var(--color-text-primary)}.nav-link-user.active{background-color:#eff6ff;background-color:var(--color-primary-light);color:#2563eb;color:var(--color-primary);font-weight:600;font-weight:var(--font-semibold)}.logout-button-new{background-color:initial;border:1px solid #2563eb;border:var(--border-width) solid var(--color-primary);border-radius:.375rem;border-radius:var(--border-radius);color:#2563eb;color:var(--color-primary);cursor:pointer;font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);height:36px;padding:8px 14px;transition:all .15s ease;transition:var(--transition-main)}.logout-button-new:hover{background-color:#eff6ff;background-color:var(--color-primary-light);border-color:#1d4ed8;border-color:var(--color-primary-hover);color:#1d4ed8;color:var(--color-primary-hover)}.logout-button-new:disabled{background-color:initial;border-color:#e5e7eb;border-color:var(--color-border);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 #f3f4f6;border:var(--border-width) solid var(--color-border-light);border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:20px;transition:box-shadow .15s ease;transition:box-shadow var(--transition-speed) var(--transition-timing)}.card:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.card h2{font-size:16px;font-size:var(--text-lg);line-height:1.25;line-height:var(--leading-tight);margin-bottom:12px}.card h2,.card h3{color:#111827;color:var(--color-text-primary);font-weight:600;font-weight:var(--font-semibold);margin-top:0}.card h3{font-size:14px;font-size:var(--text-base)}.card h3,.card p{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.card p{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-group label{color:#111827;color:var(--color-text-primary);display:block;font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:6px}.form-group small{color:#9ca3af;color:var(--color-text-muted);display:block;font-size:11px;font-size:var(--text-xs);margin-top:4px}.form-control{-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:#fff;border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:6px;box-sizing:border-box;color:#111827;color:var(--color-text-primary);display:block;font-size:13px;font-size:var(--text-sm);font-weight:400;font-weight:var(--font-normal);line-height:1.5;line-height:var(--leading-normal);padding:8px 12px;transition:all .15s ease;transition:var(--transition-main);width:100%}.form-control::placeholder{color:#9ca3af;color:var(--color-text-muted);opacity:1}.form-control:focus{background-color:#fff;border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;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:#2563eb;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 .15s ease;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:var(--border-width) solid #0000;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);font-size:13px;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;height:36px;justify-content:center;letter-spacing:.01em;line-height:1;padding:8px 14px;text-align:center;text-decoration:none;transition:all .15s ease;transition:var(--transition-main);-webkit-user-select:none;user-select:none;vertical-align:middle}.btn:focus{box-shadow:0 0 0 3px #2563eb1a;outline:none}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background-color:#2563eb;background-color:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover{background-color:#1d4ed8;background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:disabled{background-color:#2563eb;background-color:var(--color-primary);border-color:#2563eb;border-color:var(--color-primary)}.btn-secondary{border-color:#e5e7eb;border-color:var(--color-border);color:#111827;color:var(--color-text-primary)}.btn-secondary:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary);border-color:#6b7280;border-color:var(--color-text-secondary)}.btn-secondary:disabled{background-color:#fff;border-color:#e5e7eb;border-color:var(--color-border);color:#9ca3af;color:var(--color-text-muted)}.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 .15s ease,-webkit-text-decoration .15s ease;transition:color .15s ease,text-decoration .15s ease;transition:color .15s ease,text-decoration .15s ease,-webkit-text-decoration .15s ease;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:#1d4ed8;color:var(--color-primary-dark);text-decoration:underline}.btn-link:focus{outline:none}.btn-link:disabled{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);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:6px;display:flex;font-size:13px;font-size:var(--text-sm);gap:.5rem;gap:var(--spacing-sm);margin:1rem 0;margin:var(--spacing-md) 0;padding:10px 14px;text-align:left}.alert-success{background-color:#d1fae5}.alert-danger,.error-message{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.alert-warning{border-color:#fde68a;color:#92400e}.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 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#2563eb;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;animation-play-state:paused;border:3px solid #2563eb4d;border-top-color:#2563eb;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}.loading-indicator:not([style*="display: none"]):before{animation-play-state:running}.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 3px 0 #0000001a,0 1px 2px -1px #0000001a;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: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 .15s ease;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:#eff6ff;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: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: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 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:#2563eb;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: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 3px 0 #0000001a,0 1px 2px -1px #0000001a;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: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: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 .15s ease;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: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: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 3px 0 #0000001a,0 1px 2px -1px #0000001a;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-value{color:#2563eb;color:var(--color-primary);font-size:2.5rem;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--color-secondary);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 .15s ease;transition:var(--transition-main)}.feature-card:hover{border-color:#2563eb;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:var(--color-text-main);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.feature-description{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: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);list-style:none;margin:0;padding:0}.requirements-grid,.requirements-list{display:grid;gap:1rem;gap:var(--spacing-md)}.requirements-grid{grid-gap:1rem;grid-gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-top:1.5rem;margin-top:var(--spacing-lg)}.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);min-height:60px;padding:1rem;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-speed) var(--transition-timing)}.requirement-item:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d;transform:translateY(-2px)}.requirement-icon{color:#2563eb;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: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:var(--color-text-main);font-size:1.5rem;font-weight:600;margin:0}.card-description{margin-bottom:1.5rem}.required-badge{background:#2563eb;background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:500}.optional-badge,.required-badge{border-radius:1rem;padding:.25rem .75rem}.optional-badge{background:#f0f0f0;color:var(--color-secondary);font-size:.75rem}.status-badge{border-radius:4px;font-weight:500;font-weight:var(--font-medium);letter-spacing:.025em;padding:2px 8px;text-transform:uppercase}.status-complete{background:#d1fae5;color:#065f46}.status-ready{background:#dbeafe;color:#1e40af}.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 .15s;transition:border-color var(--transition-speed);width:100%}.form-input:focus{border-color:#2563eb;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;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:var(--color-secondary);font-size:.85rem;margin-bottom:.75rem}.btn{align-items:center;border:none;border-radius:.375rem;border-radius:var(--border-radius);display:inline-flex;gap:.5rem;padding:.5rem 1rem;transition:all .15s;transition:all var(--transition-speed)}.btn-primary{background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6}.btn-outline{background:#0000;border:1px solid #2563eb;border:1px solid var(--color-primary);color:#2563eb;color:var(--color-primary)}.btn-outline:hover{background:#2563eb;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{justify-content:center;margin-top:1rem;padding:.75rem 2rem;width:100%}.btn-link{background:none;border:none;color:#2563eb;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: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 .15s;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:var(--color-secondary);font-size:.875rem;margin:0}.supplier-actions{display:flex;flex-wrap:wrap;gap:.5rem}.edit-input{border:1px solid #2563eb;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:var(--color-secondary);font-size:.875rem}.completion-stats{color:var(--color-text-main);font-size:.875rem;font-weight:600}.completion-bar{background:#e9ecef;width:100%}.completion-progress{background:#2563eb;background:var(--color-primary);height:100%;transition:width .15s;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:var(--color-secondary)}.document-status{font-size:.75rem;font-style:italic}.empty-state,.loading-state{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,.requirements-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,#eff6ff,#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)}.cta-title{color:var(--color-text-main);font-size:2rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.cta-subtitle{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:var(--color-text-main)}.btn-secondary:hover{background-color:#f3f4f6;background-color:var(--color-background-hover-light);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,#eff6ff);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:#2563eb;color:var(--color-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--color-text-main);font-size:1.5rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.auth-description{color:var(--color-secondary);font-size:1rem;margin:0}.form-label{color:var(--color-text-main);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-hint{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: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 .15s ease;transition:color var(--transition-speed) ease}.password-toggle-btn:hover{color:#2563eb;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: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{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}.btn-loading .spinner-border,.loading-spinner .spinner-border,.loading-state .spinner-border,.spinner-border[role=status],button:disabled .spinner-border{animation:spinner-border .75s linear infinite}@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:var(--color-secondary);font-size:.875rem;margin:0}.auth-toggle-link{background:none;border:none;color:#2563eb;color:var(--color-primary);cursor:pointer;font-weight:500;margin-left:.25rem;margin-left:var(--spacing-xs);padding:0;text-decoration:none;transition:color .15s ease;transition:color var(--transition-speed) ease}.auth-toggle-link:hover{color:#1d4ed8;color:var(--color-primary-dark);text-decoration:underline}.auth-forgot-link{color:#2563eb;color:var(--color-primary);display:inline-block;font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs);text-decoration:none;transition:color .15s ease;transition:color var(--transition-speed) ease}.auth-forgot-link:hover{color:#1d4ed8;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: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: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 .15s ease;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:var(--color-text-main);font-size:2rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.page-subtitle{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: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: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:var(--color-secondary);font-size:.875rem;font-weight:500}.table-wrapper{border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;font-size:var(--text-sm);width:100%}.data-table th{background-color:#f9fafb;background-color:var(--color-bg-secondary);color:#9ca3af;color:var(--color-text-muted);font-size:11px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.025em;letter-spacing:var(--tracking-wide);text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);padding:12px 16px}.data-table td{color:#111827;color:var(--color-text-primary);font-size:13px;font-size:var(--text-sm);vertical-align:middle}.data-table tbody tr{transition:background-color .15s ease;transition:background-color var(--transition-speed) ease}.data-table tbody tr:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.file-link{background:none;border:none;color:#2563eb;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 .15s ease;transition:color var(--transition-speed) ease;white-space:nowrap}.file-link:hover{color:#1d4ed8;color:var(--color-primary-dark);text-decoration:underline}.file-link:disabled{cursor:not-allowed;opacity:.6}.empty-cell{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{gap:.5rem;gap:var(--spacing-sm);justify-content:center}.action-btn{border:none;border-radius:.375rem;border-radius:var(--border-radius);display:inline-flex;height:36px;justify-content:center;padding:0;transition:all var(--transition-speed) ease;width:36px}.action-btn svg{height:18px;width:18px}.action-btn-primary{background-color:#2563eb;background-color:var(--color-primary);color:#fff}.action-btn-primary:hover{background-color:#1d4ed8;background-color:var(--color-primary-dark);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;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 3px 0 #0000001a,0 1px 2px -1px #0000001a;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: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: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 .15s ease;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:var(--color-secondary);display:flex;font-weight:600;height:40px;justify-content:center;transition:all .15s ease;transition:all var(--transition-speed) ease;width:40px}.progress-step.active .progress-step-number{background-color:#2563eb;background-color:var(--color-primary);border-color:#2563eb;border-color:var(--color-primary);color:#fff}.progress-step-label{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:#2563eb;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:var(--color-text-main);font-size:1.5rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.section-description{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: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 .15s ease;transition:all var(--transition-speed) ease;white-space:nowrap}.file-input-label:hover,.file-input:focus+.file-input-label{border-color:#2563eb;border-color:var(--color-primary);color:#2563eb;color:var(--color-primary)}.file-input:disabled+.file-input-label{cursor:not-allowed;opacity:.6}.file-info{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:var(--color-text-main);font-size:1.125rem;font-weight:600;margin:0}.items-count{background-color:#2563eb;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 .15s ease;transition:all var(--transition-speed) ease}.item-card:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.item-content{padding-right:2rem;padding-right:var(--spacing-xl)}.item-title{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:var(--color-secondary);font-size:.875rem;margin:0}.detail-label{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: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 .15s 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: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 .15s ease;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:#eff6ff;background-color:var(--color-primary-light);border:1px solid #2563eb;border:1px solid var(--color-primary);color:#1d4ed8;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:var(--color-text-main);font-size:1.25rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.card-description{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:#2563eb;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 #2563eb;border:1px solid var(--color-primary);border-radius:.375rem;border-radius:var(--border-radius);color:#2563eb;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-speed) ease;white-space:nowrap}.btn-outline-primary:hover{background-color:#2563eb;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: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:var(--color-text-main);font-size:1.75rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.results-subtitle{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: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%}.requirements-grid{grid-template-columns:repeat(2,1fr)}}@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: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:#2563eb;border-color:var(--color-primary)}.toggle-btn.active{background-color:#2563eb;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-wrapper{padding:1.5rem;padding:var(--spacing-lg);width:100%}.sop-action-bar{align-items:center;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;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);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.completion-indicator{flex:1 1;min-width:200px}.completion-text{display:flex;font-size:13px;font-size:var(--text-sm);justify-content:space-between;margin-bottom:6px}.completion-bar{background-color:#f3f4f6;background-color:var(--color-border-light);border-radius:4px;height:8px;overflow:hidden}.completion-fill{background:linear-gradient(90deg,#2563eb,#16a34a);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-success) 100%);border-radius:4px;height:100%;transition:width .3s ease}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md)}.sop-form{background:#fff;border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;width:100%}.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:800px;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:#2563eb;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{color:var(--color-secondary);font-size:1rem;font-weight:500}.save-indicator{color:var(--color-secondary);font-size:.75rem;position:absolute;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md)}.save-indicator .saving{color:#2563eb;color:var(--color-primary)}.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:var(--color-secondary);cursor:pointer;font-size:1.5rem;line-height:1;margin:-4px -4px 0 0;padding:0}.close-instructions:hover{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:2rem;padding:var(--spacing-xl) var(--spacing-xl);page-break-inside:avoid}.form-section:last-child{border-bottom:none}.section-header{background-color:#f5f5f5;border-bottom:2px solid #000;font-size:1rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:12px 16px;text-transform:uppercase;transition:background-color .2s ease}.section-header.collapsible{-webkit-user-select:none;user-select:none}.section-header.collapsible:hover{background-color:#e8e8e8}.field-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.field-label{color:#000;display:block;font-size:.9375rem;font-weight:600;margin-bottom:12px}.field-input,.field-select,.field-textarea{background:#fff;border:1px solid #000;box-sizing:border-box;font-family:inherit;font-size:.9375rem;padding:10px 12px;width:100%}.field-textarea{line-height:1.6;min-height:120px;resize:vertical}.field-input:focus,.field-select:focus,.field-textarea:focus{outline:2px solid #2563eb;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}.approval-section .field-group>div,.approval-section>div>div>div>div{min-width:0}.approval-section .field-label{margin-bottom:8px;overflow:visible;white-space:nowrap}.approval-section .field-input{min-width:100px}.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: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}.table-container{margin:1rem 0;margin:var(--spacing-md) 0;overflow-x:auto}.revision-table{border:2px solid #000;border-collapse:collapse;font-size:.875rem;margin-bottom:1rem;margin-bottom:var(--spacing-md);width:100%}.revision-table thead{background-color:#f5f5f5}.revision-table th{border:1px solid #000;font-size:.8125rem;font-weight:600;letter-spacing:.03em;padding:8px;text-align:left;text-transform:uppercase}.revision-table td{border:1px solid #000;padding:4px;vertical-align:middle}.table-input{background:#fff;border:1px solid #ccc;box-sizing:border-box;font-family:inherit;font-size:.8125rem;padding:4px 6px;width:100%}.table-input:focus{border-color:#2563eb;border-color:var(--color-primary);outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:1px}.btn-add-row{background-color:#2563eb;background-color:var(--color-primary);border:none;border-radius:.375rem;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.btn-add-row:hover{background-color:#1d4ed8;background-color:var(--color-primary-hover,#1565c0)}.btn-small{background-color:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s ease}.btn-small:hover:not(:disabled){background-color:#f5f5f5;border-color:#999}.btn-small:disabled{cursor:not-allowed;opacity:.5}.btn-danger{border-color:#d32f2f;color:#d32f2f}.btn-danger:hover:not(:disabled){background-color:#ffebee;border-color:#c62828}.save-indicator{align-items:center;color:#9ca3af;color:var(--color-text-muted);display:flex;font-size:13px;font-size:var(--text-sm);gap:4px}.save-indicator .saving{color:#f59e0b;color:var(--color-warning,#f57c00);font-weight:500}.save-indicator .saved{color:#16a34a;color:var(--color-success);font-weight:500}.info-box{background-color:#f8fafc;margin:1rem 0;margin:var(--spacing-md) 0}.info-box .instructions-header{align-items:flex-start;color:#111827;color:var(--color-text-primary);display:flex;font-weight:600;justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}@media print{.btn-add-row,.btn-small,.close-instructions,.input-mode-toggle,.no-print,.save-indicator,.sop-action-bar{display:none!important}.section-header.collapsible{cursor:default;pointer-events:none}.sop-form-wrapper{padding:0}.sop-form{box-shadow:none;max-width:100%}.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:#fff;margin:0;padding:40px 20px}.simply-put-container{margin:0 auto;max-width:1200px}.essentials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:32px}.essential-card{background:#f9fafb;background:var(--color-bg-secondary);border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:8px;padding:24px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.essential-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.essential-number{align-items:center;background:#2563eb;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;font-weight:var(--font-semibold);height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.essential-icon{display:block;font-size:48px;margin-bottom:16px}.essential-title{color:#111827;color:var(--color-text-primary);font-size:16px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin:0 0 8px}.essential-description{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);line-height:1.5;margin:0}.product-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1rem}.product-card{border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s ease}.product-card:hover{border-color:#007bff;box-shadow:0 2px 4px #0000001a}.product-card.selected{background-color:#f8f9ff;border-color:#007bff;box-shadow:0 2px 8px #007bff33}.product-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.product-header input[type=checkbox]{margin:0}.product-description{color:#555;font-size:.9rem;line-height:1.3;margin-bottom:.5rem;max-height:2.6em;overflow:hidden;text-overflow:ellipsis}.product-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.brand-tag,.category-tag{background-color:#e9ecef;border-radius:12px;font-size:.75rem;font-weight:500;padding:.2rem .5rem}.brand-tag{background-color:#d1ecf1;color:#0c5460}.category-tag{background-color:#d4edda;color:#155724}.product-dates{color:#6c757d;font-size:.75rem}.stat-card{background-color:#f9fafb;background-color:var(--color-bg-secondary);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);padding:1rem;padding:var(--spacing-md);text-align:center;transition:all .15s ease;transition:var(--transition-main)}.stat-card:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card strong{color:#2563eb;color:var(--color-primary);display:block;font-size:24px;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-card span{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.025em;letter-spacing:var(--tracking-wide);text-transform:uppercase}@media (max-width:768px){.simply-put-section{padding:32px 16px}.essentials-grid{gap:16px;grid-template-columns:1fr}.essential-card{padding:20px}.essential-icon{font-size:36px}.product-grid{grid-template-columns:1fr}}.supplier-fei{background:#e3f2fd;border-radius:4px;color:#1565c0;display:inline-block;font-family:monospace;font-size:.875rem;font-weight:500;margin-left:12px;padding:2px 8px}.supplier-info{align-items:baseline;display:flex;gap:8px}.form-hint a{color:#1976d2;text-decoration:underline}.form-hint a:hover{color:#1565c0}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--color-text-primary);font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.02em;letter-spacing:var(--tracking-tight);line-height:1.25;line-height:var(--leading-tight)}h1{font-size:24px;font-size:var(--text-2xl)}h2{font-size:20px;font-size:var(--text-xl)}h3{font-size:16px;font-size:var(--text-lg)}h4{font-size:14px;font-size:var(--text-base)}p{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);line-height:1.5;line-height:var(--leading-normal)}a{color:#2563eb;color:var(--color-primary);text-decoration:none;transition:all .15s ease;transition:var(--transition-main)}a:hover{color:#1d4ed8;color:var(--color-primary-hover);text-decoration:underline}button{font-size:13px!important;font-size:var(--text-sm)!important;font-weight:500!important;font-weight:var(--font-medium)!important}button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-main)}input,select,textarea{font-size:13px;font-size:var(--text-sm)}th{color:#9ca3af;color:var(--color-text-muted);font-size:11px!important;font-size:var(--text-xs)!important;font-weight:500!important;font-weight:var(--font-medium)!important;letter-spacing:.025em;letter-spacing:var(--tracking-wide);text-transform:uppercase}label{font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.hero-section-pro,label{color:#111827;color:var(--color-text-primary)}.hero-section-pro{background:#f9fafb;background:var(--color-bg-secondary);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);padding:20px 20px 30px;text-align:center}.hero-content-pro{margin:0 auto;max-width:800px}.hero-badge{background:#2563eb;background:var(--color-primary);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.1em;margin-bottom:16px;padding:4px 12px;text-transform:uppercase}.hero-section-label{color:#9ca3af;color:var(--color-text-muted);font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.025em;margin-bottom:12px}.hero-title-pro{font-size:24px;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.02em;letter-spacing:var(--tracking-tight);margin:0 0 12px}.hero-subtitle-pro{color:#6b7280;color:var(--color-text-secondary);font-size:14px;font-size:var(--text-base);margin:0}.pipeline-section{background:#f9fafb;background:var(--color-bg-secondary);padding:20px 20px 40px}.pipeline-container{margin:0 auto;max-width:1200px}.pipeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.pipeline-title{color:#111827;color:var(--color-text-primary);font-size:20px;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);margin:0}.progress-indicator{align-items:center;display:flex;gap:16px}.progress-text{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.progress-bar{background:#f3f4f6;background:var(--color-border-light);border-radius:4px;height:8px;overflow:hidden;width:200px}.progress-fill{background:#2563eb;background:var(--color-primary);height:100%;transition:width .3s ease}.pipeline-steps{align-items:center;display:flex;gap:16px;margin-bottom:40px}.pipeline-step{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:8px;cursor:pointer;flex:1 1;padding:20px;position:relative;transition:all .15s ease}.pipeline-step:hover{border-color:#2563eb;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)}.pipeline-step.complete{background:#fff;border-color:#16a34a;border-color:var(--color-success)}.pipeline-step.active{background:#fff;border-color:#f3f4f6;border-color:var(--color-border-light)}.pipeline-step.optional{border-style:dashed}.step-header{display:flex;gap:12px}.step-number-badge{align-items:center;background:#f9fafb;background:var(--color-bg-secondary);border-radius:50%;display:flex;flex-shrink:0;font-size:13px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);height:32px;justify-content:center;width:32px}.pipeline-step.complete .step-number-badge{background:#16a34a;background:var(--color-success);color:#fff}.pipeline-step.active .step-number-badge{background:#f9fafb;background:var(--color-bg-secondary);color:#6b7280;color:var(--color-text-secondary)}.step-content{flex:1 1}.step-title{color:#111827;color:var(--color-text-primary);font-size:14px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin:0 0 4px}.step-description{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);margin:0}.optional-badge{background:#f3f4f6;background:var(--color-bg-tertiary);border-radius:4px;color:#9ca3af;color:var(--color-text-muted);display:inline-block;font-size:11px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);margin-top:4px;padding:2px 6px}.step-status{border-top:1px solid #f3f4f6;border-top:1px solid var(--color-border-light);margin-top:8px;padding-top:8px}.status-text{color:#16a34a;color:var(--color-success);font-size:11px;font-size:var(--text-xs)}.status-text,.step-action-btn{font-weight:500;font-weight:var(--font-medium)}.step-action-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-size:var(--text-sm);gap:6px;justify-content:center;margin-top:12px;padding:10px 16px;transition:all .15s ease;width:100%}.step-action-btn:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#1e293b;transform:translateY(-1px)}.pipeline-connector{align-items:center;color:#e5e7eb;color:var(--color-border);display:flex}.pipeline-connector.active{color:#2563eb;color:var(--color-primary)}.quick-actions{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:8px;padding:24px}.quick-actions-title{color:#111827;color:var(--color-text-primary);font-size:14px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin:0 0 16px}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:6px;color:#111827;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;font-size:var(--text-sm);gap:8px;padding:12px 16px;transition:all .15s ease}.action-btn:hover{background:#f9fafb;background:var(--color-bg-secondary);border-color:#2563eb;border-color:var(--color-primary)}.action-icon{font-size:20px}.help-section{background:#fff;padding:40px 20px}.help-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:800px}.help-card{background:#f9fafb;background:var(--color-bg-secondary);border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:8px;padding:24px}.help-card h3{color:#111827;color:var(--color-text-primary);font-size:14px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin:0 0 8px}.help-card p{color:#6b7280;color:var(--color-text-secondary);margin:0 0 16px}.demo-btn,.help-card p,.template-link{font-size:13px;font-size:var(--text-sm)}.demo-btn,.template-link{align-items:center;background:#fff;border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:6px;color:#2563eb;color:var(--color-primary);cursor:pointer;display:inline-flex;font-weight:500;font-weight:var(--font-medium);gap:6px;padding:8px 12px;text-decoration:none;transition:all .15s ease}.demo-btn:hover,.template-link:hover{background:#2563eb;background:var(--color-primary);color:#fff}.compliance-section{background:#f9fafb;background:var(--color-bg-secondary);padding:40px 20px}.compliance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:800px}.compliance-item{align-items:center;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:6px;color:#111827;color:var(--color-text-primary);display:flex;font-size:13px;font-size:var(--text-sm);gap:12px;padding:12px 16px}@media (max-width:768px){.pipeline-steps{flex-direction:column}.pipeline-connector{margin:-8px 0;transform:rotate(90deg)}.action-buttons,.help-container{grid-template-columns:1fr}}.nav-step-number{align-items:center;background:#f3f4f6;background:var(--color-bg-tertiary);border-radius:50%;color:#9ca3af;color:var(--color-text-muted);display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);height:18px;justify-content:center;margin-right:6px;width:18px}.nav-link-main.active .nav-step-number{background:#2563eb;background:var(--color-primary);color:#fff}.floating-helper{animation:slideUp .3s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;bottom:32px;box-shadow:0 10px 40px #00000026;padding:20px;position:fixed;right:32px;width:320px;z-index:1000}.floating-helper.minimized{border-radius:50%;cursor:pointer;overflow:hidden;padding:0;width:auto}.helper-icon-minimized{background:#2563eb;background:var(--color-primary);color:#fff;font-size:24px;height:56px;width:56px}.helper-icon-minimized,.helper-minimize{align-items:center;display:flex;justify-content:center}.helper-minimize{background:#0000;border:none;color:#9ca3af;color:var(--color-text-muted);cursor:pointer;padding:4px;position:absolute;right:12px;top:12px;transition:all .15s ease}.helper-minimize:hover{background:#f9fafb;background:var(--color-bg-secondary);border-radius:4px;color:#111827;color:var(--color-text-primary)}.helper-content{display:flex;gap:16px;margin-bottom:16px}.helper-icon{align-items:center;background:#eff6ff;background:var(--color-primary-light);border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.helper-text{flex:1 1}.helper-title{color:#9ca3af;color:var(--color-text-muted);font-size:11px;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.helper-action,.helper-title{font-weight:600;font-weight:var(--font-semibold);margin-bottom:4px}.helper-action{color:#111827;color:var(--color-text-primary);font-size:14px;font-size:var(--text-base)}.helper-subtext{color:#6b7280;color:var(--color-text-secondary)}.helper-button,.helper-subtext{font-size:13px;font-size:var(--text-sm)}.helper-button{align-items:center;background:#2563eb;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-medium);gap:6px;justify-content:center;padding:10px 16px;transition:all .15s ease;width:100%}.helper-button:hover{background:#1d4ed8;background:var(--color-primary-hover);box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}@media (max-width:768px){.floating-helper{bottom:16px;left:16px;right:16px;width:auto}}.step-action-btn.complete{background:#fff;border:1px solid #2563eb;border:1px solid var(--color-primary);color:#2563eb;color:var(--color-primary)}.step-action-btn.complete:hover{background:#2563eb;background:var(--color-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.step-action-btn.active{background:#fff;border:1px solid #2563eb;border:1px solid var(--color-primary);color:#2563eb;color:var(--color-primary)}.step-action-btn.active:hover{background:#2563eb;background:var(--color-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.pipeline-step.pending{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--color-border-light);cursor:pointer;opacity:1}.pipeline-step.pending:hover{border-color:#2563eb;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)}.pipeline-step.pending .step-number-badge{background:#f9fafb;background:var(--color-bg-secondary);color:#6b7280;color:var(--color-text-secondary)}.pipeline-step.form-mode-fullwidth{grid-column:1/-1;max-width:100%}.step-action-btn.pending{background:#fff;border:1px solid #2563eb;border:1px solid var(--color-primary);color:#2563eb;color:var(--color-primary)}.step-action-btn.pending:hover{background:#2563eb;background:var(--color-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.brand-select-wrapper{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.brand-select-wrapper label{color:#111827;color:var(--color-text-primary);font-weight:600;font-weight:var(--font-semibold);min-width:60px}.brand-select-wrapper select{border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);flex:1 1;font-size:14px;font-size:var(--text-base);max-width:300px;min-width:200px;padding:.5rem;padding:var(--spacing-sm);transition:all .15s ease;transition:var(--transition-main)}.brand-select-wrapper select:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;box-shadow:var(--shadow-focus);outline:none}.status-grid{gridTemplateColumns:1fr 1fr;grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl)}.status-column h4{color:#6b7280;color:var(--color-text-secondary);font-size:14px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.status-items{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.status-item{background:#f9fafb;background:var(--color-bg-secondary);border-radius:.375rem;border-radius:var(--border-radius);font-size:13px;font-size:var(--text-sm);line-height:1.625;line-height:var(--leading-relaxed);padding:1rem;padding:var(--spacing-md)}.status-item strong{color:#111827;color:var(--color-text-primary)}.upload-dropzone{background-color:#f9fafb;background-color:var(--color-bg-secondary);border:2px dashed #e5e7eb;border:2px dashed var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);cursor:pointer;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:3rem;padding:var(--spacing-xxl);text-align:center;transition:all .15s ease;transition:var(--transition-main)}.upload-dropzone:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.upload-dropzone.dragging,.upload-dropzone:hover{border-color:#2563eb;border-color:var(--color-primary)}.upload-dropzone.dragging{background-color:#eff6ff;background-color:var(--color-primary-light)}.upload-dropzone-icon{color:#9ca3af;color:var(--color-text-muted);font-size:48px;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.upload-dropzone h4{color:#111827;color:var(--color-text-primary);font-size:14px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.upload-dropzone p{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);margin:0}.file-item{align-items:center;background:#fff;background:var(--color-bg-primary);border:1px solid #f3f4f6;border:var(--border-width) solid var(--color-border-light);border-radius:.375rem;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:1rem;padding:var(--spacing-md);transition:all .15s ease;transition:var(--transition-main)}.file-item:hover{background:#f3f4f6;background:var(--color-bg-tertiary);border-color:#e5e7eb;border-color:var(--color-border)}.file-item-name{color:#111827;color:var(--color-text-primary);font-weight:500;font-weight:var(--font-medium)}.file-item-size{color:#9ca3af;color:var(--color-text-muted);font-size:13px;font-size:var(--text-sm);margin-left:.5rem;margin-left:var(--spacing-sm)}.file-item-remove{align-items:center;background:none;border:none;color:#dc2626;color:var(--color-danger);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:.25rem;padding:var(--spacing-xs);transition:all .15s ease;transition:var(--transition-main)}.file-item-remove:hover{opacity:.7;transform:scale(1.1)}.sku-table-wrapper{border:1px solid #f3f4f6;border:var(--border-width) solid var(--color-border-light);border-radius:.375rem;border-radius:var(--border-radius);margin-top:1rem;margin-top:var(--spacing-md);max-height:400px;overflow-y:auto}.sku-table{border-collapse:collapse;width:100%}.sku-table thead{background:#f9fafb;background:var(--color-bg-secondary);position:sticky;top:0;z-index:1}.sku-table th{border-bottom:1px solid #e5e7eb;border-bottom:var(--border-width) solid var(--color-border);color:#6b7280;color:var(--color-text-secondary);font-size:11px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.025em;letter-spacing:var(--tracking-wide);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.sku-table td{border-bottom:1px solid #f3f4f6;border-bottom:var(--border-width) solid var(--color-border-light);color:#111827;color:var(--color-text-primary);font-size:13px;font-size:var(--text-sm);padding:1rem;padding:var(--spacing-md)}.sku-table tr:hover{background:#f9fafb;background:var(--color-bg-secondary)}.sku-table td.sku-code{color:#111827;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-main);font-size:14px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);letter-spacing:.01em}.sku-table td.sku-description{color:#6b7280;color:var(--color-text-secondary)}.sku-table td.sku-category{color:#9ca3af;color:var(--color-text-muted);font-size:11px;font-size:var(--text-xs)}.status-badge{align-items:center;border-radius:.1875rem;border-radius:calc(var(--border-radius)/2);display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.status-badge.success{background:#dcfce7;background:var(--color-success-bg);border:1px solid #bbf7d0;border:var(--border-width) solid var(--color-success-border);color:#16a34a;color:var(--color-success)}.status-badge.warning{background:#fef3c7;background:var(--color-warning-bg);border:1px solid #fde68a;border:var(--border-width) solid var(--color-warning-border);color:#f59e0b;color:var(--color-warning)}.status-badge.danger{background:#fee2e2;background:var(--color-danger-bg);border:1px solid #fecaca;border:var(--border-width) solid var(--color-danger-border);color:#dc2626;color:var(--color-danger)}.status-badge.info{background:#eff6ff;background:var(--color-primary-light);border:1px solid #2563eb33;border:var(--border-width) solid rgba(var(--color-primary-rgb),.2);color:#2563eb;color:var(--color-primary)}.match-card{background:#fff;background:var(--color-bg-primary);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);transition:all .15s ease;transition:var(--transition-main)}.match-card:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.match-card.success{border-left:4px solid #16a34a;border-left:4px solid var(--color-success)}.match-card.danger{border-left:4px solid #dc2626;border-left:4px solid var(--color-danger)}.match-card.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--color-warning)}.match-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.match-card-title{color:#111827;color:var(--color-text-primary);font-size:14px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin:0}.match-card-meta{color:#6b7280;color:var(--color-text-secondary);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.match-card-meta,.match-card-reason{font-size:13px;font-size:var(--text-sm)}.match-card-reason{color:#9ca3af;color:var(--color-text-muted);line-height:1.625;line-height:var(--leading-relaxed);margin:.5rem 0 0;margin:var(--spacing-sm) 0 0 0}.confidence-bar{background:#f9fafb;background:var(--color-bg-secondary);border-radius:2px;height:4px;margin-top:.25rem;margin-top:var(--spacing-xs);overflow:hidden}.confidence-bar-fill{border-radius:2px;height:100%;transition:width .3s ease}.confidence-bar-fill.high{background:#16a34a;background:var(--color-success)}.confidence-bar-fill.medium{background:#f59e0b;background:var(--color-warning)}.confidence-bar-fill.low{background:#dc2626;background:var(--color-danger)}.match-confirmation-grid{grid-gap:1rem;grid-gap:var(--spacing-md);align-items:start;display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 300px 120px}.match-confirmation-select{border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;font-size:var(--text-sm);padding:.5rem;padding:var(--spacing-sm);transition:all .15s ease;transition:var(--transition-main);width:100%}.match-confirmation-select:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;box-shadow:var(--shadow-focus);outline:none}.match-confirmation-approval{text-align:center}.match-confirmation-checkbox{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.match-confirmation-checkbox input[type=checkbox]{accent-color:#2563eb;accent-color:var(--color-primary);cursor:pointer;height:20px;width:20px}.match-confirmation-checkbox label{color:#6b7280;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);transition:all .15s ease;transition:var(--transition-main)}.match-confirmation-checkbox input[type=checkbox]:checked+label{color:#16a34a;color:var(--color-success)}.results-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.results-column h4{font-size:14px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.results-column h4.success{color:#16a34a;color:var(--color-success)}.results-column h4.danger{color:#dc2626;color:var(--color-danger)}.results-scroll{max-height:400px;overflow-y:auto}.action-section{background:#f9fafb;background:var(--color-bg-secondary);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:center;margin-top:1.5rem;margin-top:var(--spacing-lg)}.action-section,.info-box{border-radius:.375rem;border-radius:var(--border-radius);padding:1.5rem;padding:var(--spacing-lg)}.info-box{background:#f8fafc;border-left:4px solid #94a3b8;color:#111827;color:var(--color-text-primary);font-size:13px;font-size:var(--text-sm);line-height:1.625;line-height:var(--leading-relaxed)}.info-box strong{font-weight:600;font-weight:var(--font-semibold)}.section-spacer{margin-bottom:3rem;margin-bottom:var(--spacing-xxl)}.section-spacer-lg{margin-bottom:4rem}.catalog-table{border-collapse:collapse;font-size:13px;font-size:var(--text-sm);width:100%}.catalog-table thead{background:#f9fafb;background:var(--color-bg-secondary);position:sticky;top:0;z-index:10}.catalog-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border);color:#6b7280;color:var(--color-text-secondary);font-size:11px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.025em;letter-spacing:var(--tracking-wide);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.catalog-table td{border-bottom:1px solid #f3f4f6;border-bottom:var(--border-width) solid var(--color-border-light);color:#111827;color:var(--color-text-primary);font-size:13px;font-size:var(--text-sm);padding:1rem;padding:var(--spacing-md)}.catalog-table tbody tr{transition:all .15s ease;transition:var(--transition-main)}.catalog-table tbody tr:nth-child(2n){background:#f9fafb;background:var(--color-bg-secondary)}.catalog-table tbody tr:hover{background:#f3f4f6;background:var(--color-bg-tertiary)}.catalog-table td.status-cell{padding:.5rem;padding:var(--spacing-sm);text-align:center}.catalog-table td.sku-cell{color:#111827;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-main);font-weight:500;font-weight:var(--font-medium)}.catalog-table td.action-cell{text-align:right;white-space:nowrap}.catalog-expandable-row{background:#f9fafb;background:var(--color-bg-secondary)}.catalog-expandable-content{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border);padding:1.5rem;padding:var(--spacing-lg)}.brand-summary-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem;margin-top:var(--spacing-md)}.brand-summary-card{background:#fff;background:var(--color-bg-primary);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);padding:1rem;padding:var(--spacing-md);transition:all .15s ease;transition:var(--transition-main)}.brand-summary-card:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.brand-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.brand-summary-title{color:#111827;color:var(--color-text-primary);font-size:14px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin:0}.brand-summary-stats{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);line-height:1.625;line-height:var(--leading-relaxed)}.progress-bar-container{background:#f9fafb;background:var(--color-bg-secondary);border-radius:10px;height:6px;margin-top:.5rem;margin-top:var(--spacing-sm);overflow:hidden;position:relative}.progress-bar-fill{background:#16a34a;background:var(--color-success);border-radius:10px;height:100%;transition:width .3s ease}.progress-bar-label{color:#9ca3af;color:var(--color-text-muted);font-size:11px;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.alert-box{border-radius:.375rem;border-radius:var(--border-radius);font-size:13px;font-size:var(--text-sm);line-height:1.625;line-height:var(--leading-relaxed);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.alert-box.warning{background:#fef3c7;background:var(--color-warning-bg);border:1px solid #fde68a;border:var(--border-width) solid var(--color-warning-border);color:#f59e0b;color:var(--color-warning)}.alert-box.success{background:#dcfce7;background:var(--color-success-bg);border:1px solid #bbf7d0;border:var(--border-width) solid var(--color-success-border);color:#16a34a;color:var(--color-success)}.alert-box.info{background:#eff6ff;background:var(--color-primary-light);border:1px solid #2563eb33;border:var(--border-width) solid rgba(var(--color-primary-rgb),.2);color:#2563eb;color:var(--color-primary)}.filter-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1fr}.filter-input-wrapper{position:relative}.filter-clear-btn{background:none;border:none;color:#9ca3af;color:var(--color-text-muted);cursor:pointer;font-size:18px;line-height:1;padding:.25rem;padding:var(--spacing-xs);position:absolute;right:.5rem;right:var(--spacing-sm);top:50%;transform:translateY(-50%);transition:all .15s ease;transition:var(--transition-main)}.filter-clear-btn:hover{color:#111827;color:var(--color-text-primary);transform:translateY(-50%) scale(1.1)}.search-results-info{background:#f9fafb;background:var(--color-bg-secondary);border:1px solid #f3f4f6;border:var(--border-width) solid var(--color-border-light);border-radius:.375rem;border-radius:var(--border-radius);color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);margin-top:1rem;margin-top:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.catalog-action-btn{fontSize:11px;fontSize:var(--text-xs);background:#fff;background:var(--color-bg-primary);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-xs);color:#111827;color:var(--color-text-primary);cursor:pointer;font-weight:500;font-weight:var(--font-medium);padding:6px 10px;transition:all .15s ease;transition:var(--transition-main)}.catalog-action-btn:hover:not(:disabled){border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--color-primary);transform:translateY(-1px)}.catalog-action-btn:disabled{cursor:not-allowed;opacity:.5}.catalog-action-btn.danger:hover:not(:disabled){border-color:#dc2626;border-color:var(--color-danger);color:#dc2626;color:var(--color-danger)}.catalog-action-btn.generate{background:#f9fafb;background:var(--color-bg-secondary);border:1px dashed #e5e7eb;border:var(--border-width) dashed var(--color-border);color:#6b7280;color:var(--color-text-secondary)}.catalog-action-btn.generate:hover:not(:disabled){background:#2563eb;background:var(--color-primary);border-style:solid;color:#fff}.catalog-expand-btn{background:none;border:none;color:#2563eb;color:var(--color-primary);cursor:pointer;font-size:16px;padding:.25rem;padding:var(--spacing-xs);transition:all .15s ease;transition:var(--transition-main)}.catalog-expand-btn:hover{transform:scale(1.2)}.view-mode-toggle{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.view-mode-btn{background:#0000;border:1px solid #cbd5e1;border:var(--border-width) solid #cbd5e1;border-radius:.375rem;border-radius:var(--border-radius);color:#64748b;cursor:pointer;font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:var(--transition-main)}.view-mode-btn:hover{background:#0000;border-color:#94a3b8;color:#475569}.view-mode-btn.active{background:#0000;border-color:#1e293b;color:#1e293b;font-weight:600}.expandable-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-md);transition:all .15s ease;transition:var(--transition-main)}.expandable-section-header:hover{background:#f3f4f6;background:var(--color-bg-tertiary)}.expandable-icon{color:#6b7280;color:var(--color-text-secondary);font-size:18px;transition:transform .2s ease}.expandable-icon.expanded{transform:rotate(90deg)}.generation-steps{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.generation-step{align-items:center;background:#f9fafb;background:var(--color-bg-secondary);border:1px solid #e5e7eb;border:var(--border-width) 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 .15s ease;transition:var(--transition-main)}.generation-step.active{background:#eff6ff;background:var(--color-primary-light);border-color:#2563eb;border-color:var(--color-primary)}.generation-step.complete{background:#dcfce7;background:var(--color-success-bg);border-color:#16a34a;border-color:var(--color-success)}.generation-step-number{align-items:center;background:#f3f4f6;background:var(--color-bg-tertiary);border-radius:50%;color:#6b7280;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:13px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);height:32px;justify-content:center;width:32px}.generation-step.active .generation-step-number{background:#2563eb;background:var(--color-primary);color:#fff}.generation-step.complete .generation-step-number{background:#16a34a;background:var(--color-success);color:#fff}.generation-step-label{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.generation-step.active .generation-step-label{color:#2563eb;color:var(--color-primary);font-weight:600;font-weight:var(--font-semibold)}.generation-step.complete .generation-step-label{color:#16a34a;color:var(--color-success)}.generation-form-step{background:#fff;background:var(--color-bg-primary);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:2rem;padding:var(--spacing-xl);transition:all .15s ease;transition:var(--transition-main)}.generation-form-step:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.generation-form-step.complete{background:linear-gradient(90deg,#dcfce7 0,#fff 20%);background:linear-gradient(to right,var(--color-success-bg) 0,var(--color-bg-primary) 20%);border-left:4px solid #16a34a;border-left:4px solid var(--color-success)}.generation-form-step.optional{border-style:dashed;opacity:.95}.generation-form-step.optional:hover{border-style:solid;opacity:1}.generation-form-step-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.generation-form-step-number{align-items:center;background:#2563eb;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);height:40px;justify-content:center;width:40px}.generation-form-step.complete .generation-form-step-number{background:#16a34a;background:var(--color-success)}.generation-form-step.optional .generation-form-step-number{background:#f3f4f6;background:var(--color-bg-tertiary);color:#6b7280;color:var(--color-text-secondary)}.generation-form-step-content{flex:1 1}.generation-form-step-title{color:#111827;color:var(--color-text-primary);font-size:16px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin:0 0 .25rem;margin-bottom:var(--spacing-xs)}.generation-form-step-description{color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);line-height:1.625;line-height:var(--leading-relaxed);margin:0}.auto-selected-badge{align-items:center;border-radius:.1875rem;border-radius:calc(var(--border-radius)/2);color:#16a34a;color:var(--color-success);display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);gap:.25rem;gap:var(--spacing-xs);margin-left:.5rem;margin-left:var(--spacing-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.auto-selected-badge,.form-control.auto-filled{background:#dcfce7;background:var(--color-success-bg)}.form-control.auto-filled{border-left:4px solid #16a34a;border-left:4px solid var(--color-success);padding-left:calc(.5rem + 4px);padding-left:calc(var(--spacing-sm) + 4px);transition:all .15s ease;transition:var(--transition-main)}.form-control.auto-filled:focus{background:#fff;background:var(--color-bg-primary);border-left-color:#16a34a;border-left-color:var(--color-success)}.form-grid-2col{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.selected-file-display{background:#f9fafb;background:var(--color-bg-secondary);border:1px solid #e5e7eb;border:var(--border-width) solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);color:#6b7280;color:var(--color-text-secondary);font-size:13px;font-size:var(--text-sm);margin-top:.5rem;margin-top:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.selected-file-display strong{color:#111827;color:var(--color-text-primary)}.groups-preview-grid{grid-gap:.5rem;grid-gap:var(--spacing-sm);background:#f9fafb;background:var(--color-bg-secondary);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:300px;overflow-y:auto}.group-preview-item,.groups-preview-grid{border:1px solid #f3f4f6;border:var(--border-width) solid var(--color-border-light);border-radius:.375rem;border-radius:var(--border-radius);padding:.5rem;padding:var(--spacing-sm)}.group-preview-item{background:#fff;background:var(--color-bg-primary)}.group-preview-header{color:#111827;color:var(--color-text-primary);font-size:13px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.group-preview-meta{color:#6b7280;color:var(--color-text-secondary);font-size:11px;font-size:var(--text-xs)}.fullscreen-form-modal{animation:slideUp .3s ease-out;background:#f9fafb;background:var(--color-background-body);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1050}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fullscreen-form-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);position:sticky;top:0;z-index:10}.form-header-left{flex:1 1}.fullscreen-form-header h2{color:#111827;color:var(--color-text-primary);font-size:24px;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-semibold);margin:0}.form-subtitle{color:#6b7280;color:var(--color-text-secondary);font-weight:400;font-weight:var(--font-normal);margin:.25rem 0 0;margin:var(--spacing-xs) 0 0 0}.done-button,.form-subtitle{font-size:13px;font-size:var(--text-sm)}.done-button{background:#2563eb;background:var(--color-primary);border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:.375rem;border-radius:var(--border-radius);color:#fff;font-weight:500;font-weight:var(--font-medium);padding:.625rem 1.5rem;transition:all .2s}.done-button:hover{background:#1d4ed8;background:var(--color-primary-hover);border-color:#1d4ed8;border-color:var(--color-primary-hover);box-shadow:0 4px 12px #2563eb26;transform:translateY(-1px)}.fullscreen-form-content{background:#f9fafb;background:var(--color-background-body);flex:1 1;overflow-y:auto;padding:2rem;padding:var(--spacing-xl)}.fullscreen-form-content .sop-form-wrapper{margin:0 auto;max-width:1200px}.fullscreen-form-content .sop-form{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;padding:2rem;padding:var(--spacing-xl)}.fullscreen-form-actions{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:center;margin-top:2rem;margin-top:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.fullscreen-form-actions .btn-large{font-size:14px;font-size:var(--text-base);min-width:200px;padding:.75rem 2rem}.fullscreen-form-modal .sop-action-bar{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.fullscreen-form-modal .completion-text span{color:#111827;color:var(--color-text-primary)}.fullscreen-form-modal .completion-bar{background:#f3f4f6;background:var(--color-bg-tertiary)}.fullscreen-form-modal .completion-fill{background:#2563eb;background:var(--color-primary)}.fullscreen-form-modal .save-indicator .saving{color:#f59e0b;color:var(--color-warning)}.fullscreen-form-modal .save-indicator .saved{color:#16a34a;color:var(--color-success)}.fullscreen-form-modal .form-section{background:#f9fafb;background:var(--color-bg-secondary);border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:.375rem;border-radius:var(--border-radius);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.fullscreen-form-modal .section-header{color:#111827;color:var(--color-text-primary);font-size:16px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);padding:.5rem 0;padding:var(--spacing-sm) 0}.fullscreen-form-modal .field-input,.fullscreen-form-modal .field-textarea{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius);font-size:14px;font-size:var(--text-base);line-height:1.6;padding:.75rem}.fullscreen-form-modal .field-input:focus,.fullscreen-form-modal .field-textarea:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}@media (max-width:768px){.fullscreen-form-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.fullscreen-form-header h2{font-size:20px;font-size:var(--text-xl)}.done-button{padding:.625rem 1rem;width:100%}.fullscreen-form-actions,.fullscreen-form-content,.fullscreen-form-content .sop-form{padding:1rem;padding:var(--spacing-md)}.fullscreen-form-actions{flex-direction:column}.fullscreen-form-actions .btn-large{width:100%}}.modal-overlay:has(.fullscreen-form-modal){animation:fadeIn .3s ease-out}.modal-overlay:has(.fullscreen-form-modal){z-index:1040}.warning-letters-modal.enhanced{display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:90%}.warning-letters-modal.enhanced .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff;padding:1.5rem}.warning-letters-modal.enhanced .header-content h3{font-size:1.5rem;font-weight:600;margin:0}.warning-letters-modal.enhanced .supplier-name{font-size:.95rem;margin:.25rem 0 0;opacity:.9}.warning-letters-modal.enhanced .modal-body{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:1.5rem}.results-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:1.25rem}.summary-stats{display:flex;gap:2rem;margin-bottom:1rem}.summary-stats .stat{align-items:center;display:flex;flex-direction:column}.stat-value{color:#2d3748;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#718096;font-size:.875rem;margin-top:.25rem}.source-info{align-items:center;border-top:1px solid #e2e8f0;display:flex;font-size:.875rem;gap:.5rem;padding-top:1rem}.source-label{color:#718096}.source-value{color:#2d3748;font-weight:500}.cached-badge{background:#f7fafc;border-radius:4px;color:#718096;font-size:.75rem;margin-left:auto;padding:.25rem .5rem}.filters-controls{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group label{color:#4a5568;font-size:.875rem;font-weight:500}.filter-group select{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.filter-group select:hover{border-color:#4a5568}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.warning-letters-list.enhanced{display:flex;flex-direction:column;gap:1rem}.warning-letter-item.enhanced{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.25rem;transition:all .2s}.warning-letter-item.enhanced:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.warning-letter-item.enhanced .letter-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.company-info h4{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.match-info{align-items:center;display:flex;gap:.5rem;margin-top:.25rem}.confidence-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.badge-exact{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-high{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.badge-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-low{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge-none{background:#e5e7eb;color:#6b7280}.match-score{color:#4a5568;font-size:.875rem;font-weight:500}.letter-dates{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.issue-date,.posted-date{color:#718096;font-size:.875rem}.issue-date{font-weight:500}.letter-body{display:flex;flex-direction:column;gap:.75rem}.letter-body .issuing-office,.letter-body .subject{color:#4a5568;font-size:.9rem;line-height:1.5}.letter-body strong{color:#2d3748;margin-right:.25rem}.match-reasons{background:#f7fafc;border-radius:6px;font-size:.875rem;padding:.75rem}.match-reasons ul{margin:.5rem 0 0 1.25rem;padding:0}.match-reasons li{color:#4a5568;margin-bottom:.25rem}.letter-status{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.status-item{border-radius:6px;font-size:.825rem;font-weight:500;padding:.25rem .75rem}.status-item.response{background:#fef3c7;color:#92400e}.status-item.closeout{background:#d1fae5;color:#065f46}.status-item.open{background:#fee2e2;color:#991b1b}.letter-actions{margin-top:.75rem}.letter-actions .btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.letter-actions .btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.loading-container p{color:#718096;margin-top:1rem}.error-container{padding:2rem;text-align:center}.error-message{color:#e53e3e;margin-bottom:1rem}.no-results{color:#718096;padding:3rem;text-align:center}.no-results p{margin-bottom:1rem}.warning-letters-modal.enhanced .modal-footer{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem}.modal-footer .btn{border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.modal-footer .btn-secondary{background:#e2e8f0;border:none;color:#4a5568}.modal-footer .btn-secondary:hover{background:#cbd5e0}.modal-footer .btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.modal-footer .btn-outline:hover{background:#667eea;color:#fff}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.warning-letters-modal.enhanced{max-height:90vh;width:95%}.filters-controls,.summary-stats{flex-direction:column;gap:1rem}.letter-header{flex-direction:column;gap:.5rem}.letter-dates{align-items:flex-start}}.monitoring-container{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1400px;padding:2rem}.monitoring-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.back-button{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.back-button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.header-content{flex-grow:1;margin:0 2rem}.monitoring-header h1{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.supplier-info h2{color:#374151;font-size:1.25rem;margin-bottom:.5rem}.risk-indicator{align-items:center;display:flex;gap:1.5rem}.risk-score{border-radius:9999px;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.risk-score.risk-low{background:#d1fae5;color:#065f46}.risk-score.risk-medium{background:#fed7aa;color:#c2410c}.risk-score.risk-high{background:#fee2e2;color:#b91c1c}.last-check{color:#6b7280;font-size:.875rem}.monitoring-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:2rem}.tab{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;padding:1rem 1.5rem;position:relative;transition:all .2s}.tab:hover{color:#374151}.tab.active{border-bottom:3px solid #2563eb;color:#2563eb;margin-bottom:-2px}.tab .badge{background:#ef4444;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;position:absolute;right:0;top:.5rem}.tab-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.overview-tab{padding:2rem}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.overview-card h3{color:#111827;font-size:1.125rem;font-weight:600}.overview-card h3,.status-indicator{margin-bottom:1rem}.status-active{color:#10b981}.status-active,.status-inactive{font-size:1.25rem;font-weight:600}.status-inactive{color:#ef4444}.violations-summary{display:flex;flex-direction:column;gap:.75rem}.violation-item{background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.violation-label{color:#6b7280;font-size:.875rem}.violation-count{color:#111827;font-weight:600}.alert-stats p{color:#6b7280;margin-bottom:.5rem}.alert-stats strong{color:#111827}.coverage-list{display:flex;flex-direction:column;gap:.5rem}.coverage-item{align-items:center;display:flex;font-size:.875rem;gap:.75rem}.coverage-item .enabled{color:#10b981;font-weight:600}.coverage-item .disabled{color:#9ca3af}.configuration-tab{padding:2rem}.config-section{border-bottom:1px solid #e5e7eb;margin-bottom:2.5rem;padding-bottom:2.5rem}.config-section:last-child{border-bottom:none}.config-section h3{color:#111827;font-size:1.25rem;font-weight:600}.config-group,.config-section h3{margin-bottom:1.5rem}.config-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.config-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;max-width:300px;padding:.625rem 1rem;width:100%}.toggle-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.75rem}.toggle-label input[type=checkbox]{cursor:pointer;height:1.125rem;width:1.125rem}.checkbox-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.checkbox-label{align-items:center;background:#f9fafb;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .2s}.checkbox-label:hover{background:#f3f4f6}.checkbox-label input[type=checkbox]{cursor:pointer;height:1rem;width:1rem}.notification-group{background:#f9fafb;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.recipient-manager{margin-top:1rem}.input-group{display:flex;gap:.5rem;margin-bottom:1rem}.input-group input{border:1px solid #d1d5db;border-radius:6px;flex-grow:1;font-size:.875rem;padding:.625rem 1rem}.recipient-list{display:flex;flex-wrap:wrap;gap:.5rem}.recipient-tag{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:9999px;display:flex;font-size:.875rem;gap:.5rem;padding:.375rem .75rem}.recipient-tag button{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.recipient-tag button:hover{color:#ef4444}.threshold-settings{display:flex;flex-direction:column;gap:1rem}.threshold-group{display:flex;flex-direction:column;gap:.5rem}.threshold-group input[type=number]{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.625rem 1rem;width:120px}.threshold-hint{color:#6b7280;font-size:.75rem}.report-settings{display:flex;flex-direction:column;gap:1rem}.config-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem}.alerts-tab{padding:2rem}.alerts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.alerts-header h3{color:#111827;font-size:1.25rem;font-weight:600}.alert-filters{display:flex;gap:.5rem}.alert-filters button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.alert-filters button.active{background:#2563eb;border-color:#2563eb;color:#fff}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:1.5rem;transition:all .2s}.alert-item.dismissed{opacity:.6}.alert-item.alert-critical{background:#fef2f2;border-left:4px solid #dc2626}.alert-item.alert-high{background:#fff7ed;border-left:4px solid #ea580c}.alert-item.alert-medium{background:#fefce8;border-left:4px solid #eab308}.alert-item.alert-low{background:#eff6ff;border-left:4px solid #2563eb}.alert-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.alert-type{color:#111827;font-weight:600}.alert-date{color:#6b7280;font-size:.875rem}.alert-message{color:#374151;margin-bottom:.5rem}.alert-details{background:#00000008;border-radius:4px;margin-top:.75rem;padding:.75rem}.alert-details p{color:#4b5563;font-size:.875rem}.alert-actions{display:flex;justify-content:flex-end;margin-top:1rem}.history-tab{padding:2rem}.history-tab h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.history-timeline{padding-left:2rem;position:relative}.history-timeline:before{background:#e5e7eb;bottom:0;content:"";left:.5rem;position:absolute;top:0;width:2px}.history-entry{margin-bottom:2rem;position:relative}.history-entry:before{background:#6b7280;border:2px solid #fff;border-radius:50%;content:"";height:10px;left:-1.5rem;position:absolute;top:.5rem;width:10px}.history-date{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.history-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.history-summary{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.risk-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.check-type{color:#6b7280;font-size:.875rem}.history-results{color:#4b5563;font-size:.875rem}.history-results p{margin-bottom:.25rem}.reports-tab{padding:2rem}.reports-tab h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.reports-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.report-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s}.report-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.report-card h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.report-card p{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.loading-spinner,.no-data{padding:3rem}.no-data{color:#9ca3af;text-align:center}.btn,.no-data{font-size:.875rem}.btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.btn-outline{background:#fff;border-color:#d1d5db;color:#4b5563}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.btn-large{font-size:1rem;padding:.875rem 2rem}.alert{border:1px solid #0000;border-radius:6px;margin-bottom:1rem;padding:1rem 1.25rem}.alert-success{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.alert-error{background:#fee2e2;border-color:#fecaca;color:#b91c1c}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.monitoring-container{padding:1rem}.monitoring-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-content{margin:0}.monitoring-tabs{flex-wrap:nowrap;overflow-x:auto}.checkbox-grid,.overview-grid{grid-template-columns:1fr}.alert-filters{flex-wrap:wrap}.reports-grid{grid-template-columns:1fr}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;transition:color .2s}.modal-close:hover{color:#111827}.modal-body{overflow-y:auto;padding:1.5rem}.adverse-events-list{display:flex;flex-direction:column;gap:1.5rem}.events-summary{background:#f3f4f6;border-radius:8px;padding:1.5rem}.events-summary h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.events-summary p{color:#4b5563;margin:.5rem 0}.events-summary strong{color:#111827}.events-description{border-top:1px solid #d1d5db;color:#6b7280;font-size:.875rem;line-height:1.5;margin-top:1rem;padding-top:1rem}.events-details h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.event-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;padding:1.25rem;transition:box-shadow .2s}.event-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.event-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.event-date{color:#6b7280;font-size:.875rem}.event-report-number{background:#f3f4f6;border-radius:4px;color:#4b5563;font-size:.75rem;padding:.25rem .5rem}.event-content,.event-field{margin-bottom:.75rem}.event-field strong{color:#374151;display:block;font-size:.875rem;margin-bottom:.25rem}.event-field p,.event-field ul{color:#6b7280;font-size:.875rem;margin:0}.event-field ul{list-style:none;padding-left:1rem}.event-field li{margin-bottom:.25rem;padding-left:1rem;position:relative}.event-field li:before{color:#9ca3af;content:"•";left:0;position:absolute}.event-demographics{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:.75rem;padding-top:.5rem}.more-events-note{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:.875rem;margin-top:1rem;padding:1rem;text-align:center}.fda-link{color:#2563eb;font-weight:500;margin-left:.5rem;text-decoration:none}.fda-link:hover{text-decoration:underline}.events-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.loading-spinner,.no-data,.no-events{color:#6b7280;padding:2rem;text-align:center}.pricing-section{padding:var(--spacing-2xl) 0}.pricing-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.pricing-card{background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.pricing-card.featured{border-color:var(--color-primary);border-width:2px;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.badge-featured{background:var(--color-primary);border-radius:var(--border-radius-sm);color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.pricing-card h3{color:var(--color-text-primary);font-size:var(--text-2xl);margin-bottom:var(--spacing-sm)}.price{color:var(--color-primary);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-xs)}.period{font-size:var(--text-base);font-weight:400}.period,.plan-description{color:var(--color-text-secondary)}.plan-description{margin-bottom:var(--spacing-lg);min-height:48px}.features-list{list-style:none;margin:0 0 var(--spacing-xl) 0;padding:0}.features-list li{align-items:flex-start;display:flex;font-size:var(--text-sm);padding:var(--spacing-sm) 0}.feature-included:before{color:var(--color-success);content:"✓"}.feature-excluded:before,.feature-included:before{flex-shrink:0;font-weight:700;margin-right:var(--spacing-sm)}.feature-excluded:before{content:"×"}.feature-excluded,.feature-excluded:before{color:var(--color-text-tertiary)}.faq-section{background:var(--color-bg-secondary);margin-top:var(--spacing-2xl);padding:var(--spacing-2xl) 0}.faq-section h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-xl);text-align:center}.faq-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.faq-item{background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.faq-item h4{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.faq-item p{color:var(--color-text-secondary);line-height:1.6;margin:0}.cta-section{padding:var(--spacing-2xl) 0;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-content h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-md)}.cta-content p{color:var(--color-text-secondary);font-size:var(--text-lg);margin-bottom:var(--spacing-xl)}
/*# sourceMappingURL=main.59a0b1ba.css.map*/