@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input{flex:1;padding:10px 40px 10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s;width:100%}.password-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.password-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.password-toggle-btn{position:absolute;right:8px;background:none;border:none;padding:6px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:color .2s;font-size:18px}.password-toggle-btn:hover:not(:disabled){color:#333}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-btn:focus{outline:2px solid #4a90e2;outline-offset:2px;border-radius:4px}.force-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.force-password-modal{background:#fff;border-radius:8px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.force-password-header{margin-bottom:1.5rem}.force-password-header h2{margin:0 0 .5rem;color:#333;font-size:1.5rem}.force-password-header .warning-text{margin:.5rem 0;padding:1rem;background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404;border-radius:4px;font-size:.9rem;line-height:1.5}.force-password-form{margin-bottom:1rem}.force-password-form .form-group{margin-bottom:1.25rem}.force-password-form label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.force-password-form input[type=password]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.force-password-form input[type=password]:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.force-password-form input[type=password]:disabled{background-color:#f5f5f5;cursor:not-allowed}.password-hint{display:block;margin-top:.25rem;font-size:.85rem;color:#666}.btn-full-width{width:100%}.btn-primary{background-color:#06c;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#0052a3}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.force-password-footer{text-align:center;padding-top:1rem;border-top:1px solid #eee}.force-password-footer small{color:#666;font-size:.85rem}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.alert-error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.notification-bell{position:relative;margin-right:1rem}.notification-bell-btn{position:relative;background:none;border:none;color:var(--text-primary, #1f2937);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-center;transition:color .2s ease}.notification-bell-btn:hover{color:var(--primary-color, #5567d8)}.notification-badge{position:absolute;top:0;right:0;background-color:#ef4444;color:#fff;border-radius:10px;padding:.125rem .375rem;font-size:.75rem;font-weight:600;min-width:18px;text-align:center;line-height:1.2}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;width:400px;max-height:600px;display:flex;flex-direction:column;z-index:1000;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.notification-dropdown .notification-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937;text-align:left!important}.mark-all-read-btn{background:none;border:none;color:#5567d8;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn:hover:not(:disabled){background-color:#f3f4f6}.mark-all-read-btn:disabled{opacity:.5;cursor:not-allowed}.notification-list{flex:1;overflow-y:auto;max-height:450px}.no-notifications{padding:3rem 2rem;text-align:center;color:#6b7280}.no-notifications p{margin:0;font-size:.875rem}.notification-item{display:flex;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease;position:relative;align-items:flex-start}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff}.notification-item.unread:hover{background-color:#dbeafe}.notification-icon{font-size:1.25rem;flex-shrink:0;line-height:1;margin-top:.125rem}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.notification-title{font-weight:600;font-size:.75rem;color:#1f2937;line-height:1.3}.notification-message{font-size:.688rem;color:#6b7280;line-height:1.5;word-wrap:break-word}.notification-time{font-size:.625rem;color:#9ca3af;line-height:1.2}.unread-dot{position:absolute;top:1.25rem;right:1rem;width:8px;height:8px;background-color:#3b82f6;border-radius:50%}.notification-footer{padding:.75rem 1rem;border-top:1px solid #e5e7eb;text-align:center}.notification-footer button{background:none;border:none;color:#5567d8;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem;border-radius:4px;transition:background-color .2s ease;width:100%}.notification-footer button:hover{background-color:#f3f4f6}@media (max-width: 768px){.notification-dropdown{width:100vw;max-width:400px;right:-1rem}}.header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-6);background-color:var(--bg-header);color:var(--text-on-primary);box-shadow:var(--shadow-md);position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);height:var(--header-height)}.header .logo a{color:var(--text-on-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-4);transition:opacity var(--transition-fast)}.header .logo a:hover{opacity:.9}.header .logo h1{font-size:var(--text-xl);margin:0;font-weight:var(--font-semibold);color:var(--text-on-primary)}.header-logo{height:36px;object-fit:contain}.header-actions{display:flex;gap:var(--space-3);align-items:center}.header-home-btn{display:flex;align-items:center;justify-content:center;background:var(--white-alpha-10);border:1px solid var(--white-alpha-20);border-radius:var(--radius-md);color:var(--text-on-primary);padding:var(--space-2);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-lg);width:40px;height:40px}.header-home-btn:hover{background-color:var(--white-alpha-15);transform:translateY(-1px)}.ai-insights-btn{display:flex;align-items:center;gap:var(--space-2);background-color:var(--color-teal);color:var(--text-on-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-medium);font-size:var(--text-sm)}.ai-insights-btn:hover{background-color:var(--color-teal-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-primary{background-color:var(--color-primary-light);color:var(--text-on-primary);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-sm);transition:all var(--transition-base);text-decoration:none;cursor:pointer}.btn.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--white-alpha-10);border:1px solid var(--white-alpha-20);border-radius:var(--radius-md);color:var(--text-on-primary);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-medium);font-size:var(--text-sm)}.user-menu-btn:hover{background-color:var(--white-alpha-15);transform:translateY(-1px)}.user-menu-btn .username{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:280px;background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden;border:1px solid var(--border-light)}.dropdown-header{padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-on-primary)}.user-info{display:flex;flex-direction:column;gap:var(--space-1)}.user-info strong{color:var(--text-on-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.user-info small{color:var(--white-alpha-90);font-size:var(--text-sm)}.user-roles{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.role-badge{background-color:var(--white-alpha-20);color:var(--text-on-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.dropdown-content{padding:var(--space-2) 0}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-fast);cursor:pointer;width:100%;text-align:left;border:none;background:none;font-family:var(--font-primary)}.dropdown-item:hover{background-color:var(--color-gray-50);color:var(--color-primary)}.dropdown-item svg{width:16px;height:16px;opacity:.7}.dropdown-item:hover svg{opacity:1}@media (max-width: 960px){.header{padding:0 var(--space-4)}.header .logo h1{font-size:var(--text-lg)}.user-menu-btn .username{display:none}}@media (max-width: 640px){.header{height:56px}.header .logo h1{font-size:var(--text-base)}.header-logo{height:30px}.dropdown-menu{min-width:240px}}@media (prefers-contrast: high){.header{border-bottom:2px solid var(--text-on-primary)}.user-menu-btn,.btn.btn-primary,.ai-insights-btn,.dropdown-menu{border-width:2px}}.loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px}.loading-spinner.fullpage{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;z-index:var(--z-modal);display:flex;flex-direction:column;justify-content:center;align-items:center}.throb-spinner,.throb-spinner-small,.throb-spinner-medium,.throb-spinner-large,div.throb-spinner,div.throb-spinner-small,div.throb-spinner-medium,div.throb-spinner-large{width:5px!important;height:5px!important;min-width:5px!important;min-height:5px!important;max-width:5px!important;max-height:5px!important;background:var(--color-primary);border-radius:var(--radius-full);animation:throb 1.2s ease-in-out infinite}@keyframes throb{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1);opacity:.6}}.loading-message{color:var(--text-secondary);font-size:var(--text-sm);margin:0;text-align:center}body.high-contrast .throb-spinner{background:var(--color-primary);border:2px solid var(--color-white)}body.high-contrast .loading-message{color:var(--color-white)}.file-preview-container{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-card);overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:400px;box-shadow:var(--shadow-md)}.file-preview-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card)}.preview-info h3{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.preview-count{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1);display:block}.preview-actions{display:flex;gap:var(--space-2)}.preview-actions .refresh-button,.preview-actions .delete-preview-button{background:none;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-base)}.preview-actions .refresh-button:hover{background-color:var(--bg-surface);border-color:var(--color-primary);color:var(--color-primary)}.preview-actions .delete-preview-button{color:#e74c3c;border-color:#e74c3c}.preview-actions .delete-preview-button:hover{background-color:#fee;border-color:#c0392b;color:#c0392b}.delete-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirm-content{background:#fff;border-radius:8px;padding:24px;max-width:500px;box-shadow:0 4px 16px #0003}.delete-confirm-content h3{margin:0 0 16px;font-size:20px;color:#333}.delete-confirm-content p{margin:0 0 12px;color:#666;line-height:1.5}.delete-confirm-content .warning-text{display:flex;align-items:center;gap:8px;color:#e74c3c;font-weight:600;margin-top:16px}.delete-confirm-content .modal-actions{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.delete-confirm-content .btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.delete-confirm-content .btn-danger{background:#e74c3c;color:#fff}.delete-confirm-content .btn-danger:hover:not(:disabled){background:#c0392b}.delete-confirm-content .btn-secondary{background:#95a5a6;color:#fff}.delete-confirm-content .btn-secondary:hover:not(:disabled){background:#7f8c8d}.delete-confirm-content .btn:disabled{opacity:.6;cursor:not-allowed}.notification-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.notification-content{background:#fff;border-radius:8px;padding:32px;max-width:400px;box-shadow:0 4px 16px #0003;text-align:center}.notification-header{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 20px}.notification-success .notification-header{background-color:#d4edda;color:#155724}.notification-error .notification-header{background-color:#f8d7da;color:#721c24}.notification-content p{margin:0 0 24px;color:#333;font-size:16px;line-height:1.5}.notification-content .btn-primary{background:#007bff;color:#fff;padding:10px 32px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.notification-content .btn-primary:hover{background:#0056b3}.preview-table-wrapper{flex:1;overflow:auto;padding:0;position:relative;margin:0;border:none;max-height:500px}.preview-table{width:max-content;min-width:100%;table-layout:auto;border-collapse:collapse;font-size:14px;white-space:nowrap}.preview-table thead{position:sticky;top:0;z-index:1;background-color:var(--bg-surface)}.preview-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-light);background-color:var(--bg-surface);min-width:150px}.preview-table th .header-cell{display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px}.preview-table .column-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;flex:1}.preview-table .quality-score-circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-on-primary);text-align:center;cursor:help;flex-shrink:0;text-shadow:0px 0px 2px rgba(0,0,0,.5);box-shadow:var(--shadow-sm)}.preview-table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px}.preview-table tr:nth-child(2n){background-color:var(--bg-surface)}.preview-table tr:hover{background-color:var(--color-gray-100)}.null-value{color:var(--text-tertiary);font-style:italic}.file-preview-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card)}.file-details{display:flex;align-items:center;gap:var(--space-2)}.file-name{font-weight:var(--font-medium);color:var(--text-primary)}.file-type{font-size:var(--text-xs);color:var(--text-on-primary);background-color:var(--color-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-semibold);letter-spacing:.5px}.preview-notice{font-size:var(--text-xs);color:var(--text-secondary)}.file-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background-color:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-5)}.loading-spinner{width:5px!important;height:5px!important;border:1px solid var(--color-gray-200)!important;border-top-color:var(--color-primary)!important;border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.file-preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background-color:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-5);color:var(--color-error);text-align:center}.file-preview-error svg{margin-bottom:var(--space-4)}.file-preview-error .refresh-button{margin-top:var(--space-4);background:none;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.file-preview-empty{display:flex;align-items:center;justify-content:center;height:300px;background-color:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-5);color:var(--text-secondary)}.column-access-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-2);padding:var(--space-1);border-radius:var(--radius-sm);cursor:help}.column-access-indicator.masked{color:var(--color-warning-dark);background-color:var(--color-warning-light)}.column-access-indicator.denied{color:var(--color-error-dark);background-color:var(--color-error-light)}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .3s ease}.onboarding-wizard{width:90%;max-width:800px;height:80vh;max-height:700px;background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}.wizard-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.wizard-header h2{margin:0;font-size:var(--text-2xl);color:var(--text-primary)}.close-wizard{background:none;border:none;color:var(--text-tertiary);font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);transition:var(--transition-base)}.close-wizard:hover{background-color:var(--color-gray-100);color:var(--text-primary)}.wizard-progress{display:flex;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light);overflow-x:auto}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:15px;left:60%;right:-40%;height:2px;background-color:var(--border-light);z-index:1}.progress-step.completed:not(:last-child):after{background-color:var(--color-primary)}.step-indicator{width:30px;height:30px;border-radius:var(--radius-full);background-color:var(--bg-card);border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);position:relative;z-index:2}.progress-step.completed .step-indicator,.progress-step.active .step-indicator{border-color:var(--color-primary);background-color:var(--bg-card)}.progress-step.completed .step-indicator{background-color:var(--color-primary);color:var(--text-on-primary)}.step-number{font-size:var(--text-sm);font-weight:var(--font-semibold)}.step-icon{font-size:var(--text-sm)}.step-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-step.active .step-label{color:var(--color-primary);font-weight:var(--font-medium)}.wizard-content{flex:1;padding:var(--space-5) var(--space-6);overflow-y:auto}.step-description{font-size:var(--text-base);color:var(--text-secondary);margin-top:0;margin-bottom:var(--space-6)}.wizard-footer{border-top:1px solid var(--border-light);padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center}.wizard-controls{display:flex;gap:var(--space-3)}.wizard-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:var(--transition-base)}.wizard-button.primary{background-color:var(--color-primary);color:var(--text-on-primary);border:none}.wizard-button.primary:hover{background-color:var(--color-primary-dark)}.wizard-button.primary:disabled{background-color:var(--color-primary-light);cursor:not-allowed}.wizard-button.secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light)}.wizard-button.secondary:hover{background-color:var(--color-gray-200)}.wizard-button.secondary:disabled{color:var(--text-tertiary);cursor:not-allowed}.wizard-button.text-button{background:none;border:none;color:var(--text-tertiary);padding:var(--space-2)}.wizard-button.text-button:hover{color:var(--text-primary);text-decoration:underline}.welcome-content{text-align:center;max-width:600px;margin:0 auto}.welcome-icon{margin-bottom:var(--space-5)}.primary-icon{color:var(--color-primary)}.feature-highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--bg-surface);border-radius:var(--radius-full)}.feature-icon{color:var(--color-primary)}.upload-content{display:flex;flex-direction:column;gap:var(--space-6)}.upload-area{padding:var(--space-5);border:2px dashed var(--border-light);border-radius:var(--radius-md);background-color:var(--color-gray-50);transition:var(--transition-base)}.upload-area:hover{border-color:var(--color-primary);background-color:var(--bg-surface)}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5);text-align:center}.upload-icon{color:var(--color-primary);margin-bottom:var(--space-4)}.file-button{background-color:var(--color-primary);color:var(--text-on-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;margin:var(--space-3) 0;transition:var(--transition-base)}.file-button:hover{background-color:var(--color-primary-dark)}.supported-formats{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.selected-file{padding:var(--space-4);background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md)}.file-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.file-name{font-weight:var(--font-medium);word-break:break-all}.file-size{color:var(--text-secondary);font-size:var(--text-sm)}.remove-file{background:none;border:none;color:var(--color-error);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto}.upload-progress{margin-top:var(--space-3);height:8px;background-color:var(--color-gray-200);border-radius:var(--radius-sm);overflow:hidden;position:relative}.progress-bar{height:100%;background-color:var(--color-primary);transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-xs);color:var(--text-on-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.upload-error{margin-top:var(--space-3);color:var(--color-error);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.upload-tips{background-color:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-4)}.upload-tips h4{margin-top:0;margin-bottom:var(--space-2);color:var(--text-primary)}.upload-tips ul{margin:0;padding-left:var(--space-5);color:var(--text-secondary)}.upload-tips li{margin-bottom:var(--space-2)}.profile-content{display:flex;flex-direction:column;gap:var(--space-6)}.profile-demo{display:flex;gap:var(--space-5);align-items:center;background-color:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-5);overflow:hidden}.demo-image{max-width:200px;object-fit:contain}.profile-details{flex:1}.profile-details h4{margin-top:0;margin-bottom:var(--space-3);color:var(--text-primary)}.profile-info-list{list-style:none;padding:0;margin:0}.profile-info-list li{margin-bottom:var(--space-3);display:flex;flex-direction:column}.info-label{font-weight:var(--font-medium);color:var(--text-primary)}.info-description{color:var(--text-secondary);font-size:var(--text-sm)}.profile-navigation{background-color:var(--color-primary-50);border-left:4px solid var(--color-primary);padding:var(--space-4);border-radius:var(--radius-sm)}.profile-navigation p{margin:0;color:var(--text-primary)}.quality-content{display:flex;flex-direction:column;gap:var(--space-6)}.quality-demo{display:flex;gap:var(--space-5);flex-wrap:wrap}.quality-checks-list{flex:1;min-width:300px}.quality-check{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.check-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.check-type{font-weight:var(--font-medium);color:var(--text-primary)}.check-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium)}.check-status.passed{color:var(--color-success)}.check-status.warning{color:var(--color-warning)}.check-status.failed{color:var(--color-error)}.check-description{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.custom-check-example{flex:1;min-width:300px;background-color:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-4)}.custom-check-example h4{margin-top:0;margin-bottom:var(--space-3);color:var(--text-primary)}.check-config{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.config-row{display:flex;border-bottom:1px solid var(--border-light)}.config-row:last-child{border-bottom:none}.config-label,.config-value{padding:var(--space-2) var(--space-3)}.config-label{background-color:var(--bg-surface);font-weight:var(--font-medium);width:30%;border-right:1px solid var(--border-light)}.config-value{flex:1;font-family:var(--font-mono)}.quality-tips{background-color:var(--color-primary-50);border-left:4px solid var(--color-primary);padding:var(--space-4);border-radius:var(--radius-sm)}.quality-tips p{margin:0;color:var(--text-primary)}.final-content{text-align:center;max-width:600px;margin:0 auto}.completion-icon{margin-bottom:var(--space-4)}.success-icon{color:var(--color-success)}.completion-message{font-size:var(--text-lg);margin-bottom:var(--space-6);color:var(--text-primary)}.next-steps{text-align:left;margin-bottom:var(--space-6)}.next-steps h4{margin-top:0;margin-bottom:var(--space-3);color:var(--text-primary)}.next-steps-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.next-steps-list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-surface);border-radius:var(--radius-md)}.step-icon{color:var(--color-primary);display:flex;align-items:center;justify-content:center}.help-resources{background-color:var(--color-success-light);border-radius:var(--radius-md);padding:var(--space-4);text-align:left}.help-resources h4{margin-top:0;margin-bottom:var(--space-2);color:var(--text-primary)}.help-resources p{margin:0;color:var(--text-secondary)}.preview-content{display:flex;flex-direction:column;height:100%;min-height:400px}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:var(--space-10) var(--space-5);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:2px dashed var(--border-light)}.preview-icon{color:var(--color-primary);margin-bottom:var(--space-4)}.preview-placeholder p{margin:0 0 var(--space-5) 0;font-size:var(--text-lg);color:var(--text-secondary)}.preview-placeholder-description{text-align:left;max-width:500px;margin:0 auto}.preview-placeholder-description p{font-size:var(--text-base);margin-bottom:var(--space-2)}.preview-placeholder-description ul{margin:0;padding-left:var(--space-5);color:var(--text-secondary)}.preview-placeholder-description li{margin-bottom:var(--space-2);font-size:var(--text-sm)}@media (max-width: 768px){.onboarding-wizard{width:95%;height:90vh}.wizard-progress{overflow-x:auto;padding-bottom:5px}.progress-step:not(:last-child):after{left:55%;right:-45%}.profile-demo,.quality-demo{flex-direction:column}.demo-image{max-width:100%}.quality-checks-list,.custom-check-example{width:100%}.step-label{font-size:.7rem;max-width:80px}}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-light);height:calc(100vh - var(--header-height));position:fixed;overflow-y:auto;overflow-x:hidden;top:var(--header-height);bottom:0;left:0;z-index:var(--z-base);transition:width var(--transition-base),min-width var(--transition-base)}.sidebar.collapsed{width:70px;min-width:70px}.sidebar.collapsed .sidebar-nav a span,.sidebar.collapsed .collapsible-menu-item span,.sidebar.collapsed .nav-divider span,.sidebar.collapsed .category-chevron{display:none}.sidebar.collapsed .sidebar-nav a,.sidebar.collapsed .collapsible-menu-item{justify-content:center;padding:var(--space-3)}.sidebar.collapsed .sidebar-nav .icon{margin-right:0}.sidebar.collapsed .submenu-item{display:none}.sidebar-nav{padding:var(--space-4) 0}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--border-dark)}.sidebar{scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:var(--space-1)}.sidebar-nav a{display:flex;align-items:center;padding:var(--space-3) var(--space-5);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);border-left:3px solid transparent;margin:0 var(--space-2);border-radius:var(--radius-md)}.sidebar-nav a:hover{background-color:var(--color-gray-50);color:var(--text-primary)}.sidebar-nav a.active{background-color:var(--color-primary-50);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:var(--font-semibold)}.sidebar-nav .onboarding-button{display:flex;align-items:center;padding:var(--space-3) var(--space-5);width:100%;background:none;border:none;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);border-left:3px solid transparent;margin:0 var(--space-2);border-radius:var(--radius-md)}.sidebar-nav .onboarding-button:hover{background-color:var(--color-gray-50);color:var(--text-primary)}.sidebar-nav .onboarding-button .icon{color:var(--color-success)}.sidebar-nav .icon{margin-right:var(--space-3);font-size:18px;min-width:18px}.nav-divider{padding:var(--space-3) var(--space-4) var(--space-2);margin-top:var(--space-4);border-top:1px solid var(--border-light);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color var(--transition-fast);border-radius:var(--radius-md);margin-left:var(--space-2);margin-right:var(--space-2)}.nav-divider:hover{background-color:var(--color-gray-50)}.nav-divider:first-child{margin-top:0;border-top:none}.nav-divider span{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--font-semibold);letter-spacing:.05em}.category-chevron{font-size:14px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.sidebar-nav a.external-link{color:var(--color-teal);position:relative}.sidebar-nav a.external-link:after{content:"↗";margin-left:var(--space-2);font-size:var(--text-sm);opacity:.7;transition:all var(--transition-fast)}.sidebar-nav a.external-link:hover{background-color:var(--color-teal-light);color:var(--color-teal-dark)}.sidebar-nav a.external-link:hover:after{transform:translate(2px) translateY(-2px);opacity:1}.sidebar-nav a.external-link .icon{color:var(--color-teal)}.collapsible-menu-item{display:flex;align-items:center;padding:var(--space-3) var(--space-5);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);border-left:3px solid transparent;margin:0 var(--space-2);border-radius:var(--radius-md)}.collapsible-menu-item:hover{background-color:var(--color-gray-50);color:var(--text-primary)}.collapsible-menu-item .icon{margin-right:var(--space-3);font-size:18px;min-width:18px}.collapsible-menu-item .chevron{margin-left:auto;font-size:14px;transition:transform var(--transition-fast)}.submenu-item{margin-bottom:0}.submenu-item a{padding-left:calc(var(--space-5) + 18px + var(--space-3));font-size:var(--text-sm);font-weight:var(--font-normal);margin-left:var(--space-2)}.submenu-item a:hover{background-color:var(--color-gray-50);color:var(--text-primary)}.submenu-item a.active{background-color:var(--color-primary-50);color:var(--color-primary);font-weight:var(--font-semibold)}@media (max-width: 960px){.sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.sidebar.open{transform:translate(0)}}.sidebar-toggle{position:absolute;top:var(--space-4);right:-12px;display:flex;align-items:center;justify-content:center;width:24px;height:48px;background-color:#e3f2fd;color:#1976d2;border:1px solid #90caf9;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;transition:all var(--transition-fast);font-size:14px;z-index:10;box-shadow:2px 0 4px #0000000d}.sidebar-toggle:hover{background-color:#bbdefb;color:#1565c0;border-color:#64b5f6;box-shadow:2px 0 6px #0000001a}@media (max-width: 640px){.sidebar{width:280px}.sidebar-nav a,.sidebar-nav .onboarding-button{padding:var(--space-3) var(--space-4)}}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;max-width:400px}.notification{margin-bottom:15px;padding:15px 20px;border-radius:5px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;justify-content:space-between;min-width:300px;max-width:100%;animation:slideIn .3s ease forwards;position:relative;overflow:hidden}.notification:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background-color:#ffffff80}.notification-success{background-color:#10b981;color:#fff}.notification-error{background-color:#ef4444;color:#fff}.notification-warning{background-color:#f59e0b;color:#fff}.notification-info{background-color:#3b82f6;color:#fff}.notification-content{flex:1}.notification-message{font-size:14px;line-height:1.5;margin-right:10px}.notification-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.7;transition:opacity .2s;padding:0;margin-left:10px;height:20px;width:20px;display:flex;justify-content:center;align-items:center}.notification-close:hover{opacity:1}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.performance-optimizations{max-width:1200px;margin:0 auto;padding:var(--space-5);font-family:var(--font-primary)}.performance-optimizations h1{color:var(--text-primary);margin-bottom:var(--space-3);border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-3)}.performance-optimizations .lead{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-8)}.performance-optimizations .tabs{display:flex;border-bottom:1px solid var(--border-light);margin-bottom:var(--space-5)}.performance-optimizations .tabs button{background:none;border:none;padding:var(--space-3) var(--space-5);font-size:16px;cursor:pointer;border-bottom:3px solid transparent;transition:var(--transition-base);color:var(--text-secondary)}.performance-optimizations .tabs button:hover{background-color:var(--bg-surface);color:var(--color-primary)}.performance-optimizations .tabs button.active{border-bottom:3px solid var(--color-primary);color:var(--color-primary);font-weight:var(--font-semibold)}.performance-optimizations .tab-content{background-color:var(--bg-card);border-radius:var(--radius-sm);padding:var(--space-5);box-shadow:var(--shadow-sm)}.overview-container{line-height:1.6}.techniques-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);margin:var(--space-8) 0}.technique-card{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-5);background-color:var(--bg-surface);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.technique-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.technique-card h3{color:var(--color-primary);margin-top:0;margin-bottom:var(--space-3)}.technique-card ul{padding-left:var(--space-5);margin-bottom:var(--space-4)}.technique-card li{margin-bottom:var(--space-2)}.technique-card button{background-color:var(--color-primary);color:var(--color-white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);transition:var(--transition-base)}.technique-card button:hover{background-color:var(--color-primary-dark)}.performance-tips{margin-top:var(--space-10);background-color:var(--color-primary-50);padding:var(--space-5);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.performance-tips h3{margin-top:0;color:var(--color-primary)}.performance-tips ul{padding-left:var(--space-5)}.performance-tips li{margin-bottom:var(--space-3)}.expensive-component{padding:var(--space-5);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-surface);margin:var(--space-5) 0}.data-preview{margin-top:var(--space-4);background-color:var(--color-gray-100);padding:var(--space-3);border-radius:var(--radius-sm);overflow-x:auto}.data-preview pre{margin:0;white-space:pre-wrap}.callback-example .controls{margin-bottom:var(--space-5);padding:var(--space-4);background-color:var(--bg-surface);border-radius:var(--radius-md)}.callback-example button{margin-right:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer}.note{font-size:.9rem;color:var(--text-secondary);margin-top:var(--space-4);font-style:italic}.lazy-loading-example{padding:var(--space-5)}.toggle-button{padding:var(--space-3) var(--space-5);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--space-5)}.loading-component{display:flex;flex-direction:column;align-items:center;padding:var(--space-10);background-color:var(--bg-surface);border-radius:var(--radius-md)}.loader{border:5px solid var(--color-gray-200);border-top:5px solid var(--color-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.info-box{margin-top:var(--space-8);padding:var(--space-4);background-color:var(--color-primary-50);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.info-box h4{margin-top:0;color:var(--color-primary)}.info-box ul{padding-left:var(--space-5)}.virtualized-list-container{padding:var(--space-5)}.virtualized-list{border-radius:var(--radius-md);margin:var(--space-5) 0}.stats{display:flex;gap:var(--space-5);margin-top:var(--space-4);background-color:var(--bg-surface);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md)}.stats p{margin:var(--space-1) 0}.heavy-component{padding:var(--space-5);background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.data-card{padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-card)}.data-card h4{margin-top:0;color:var(--color-primary)}.data-footer{display:flex;justify-content:space-between;margin-top:var(--space-3);font-size:.8rem;color:var(--text-secondary)}.dashboard-container{padding:var(--space-6);max-width:var(--container-max-width);margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stats-grid.metrics-cards{grid-template-columns:repeat(5,1fr)}.stat-card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px)}.stat-card.metric-card.clickable{cursor:pointer;position:relative}.stat-card.metric-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border:2px solid var(--color-primary)}.stat-card.metric-card.clickable:active{transform:translateY(-2px)}.stat-card.metric-card.non-clickable{opacity:.7;cursor:default}.stat-card.metric-card.non-clickable:hover{transform:none;box-shadow:var(--shadow-md)}.stat-icon{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.stat-icon.projects{color:var(--color-primary)}.stat-icon.files{color:var(--color-success)}.stat-icon.schedules{color:var(--color-purple)}.stat-icon.failed-jobs{color:var(--color-warning)}.stat-icon.anomalies{color:var(--color-danger)}.stat-icon.updated{color:var(--color-purple)}.stat-icon.issues{color:var(--color-warning)}.stat-icon.score{color:var(--color-success)}.stat-content h3{margin:0;font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.stat-action{color:var(--color-primary);font-size:var(--text-xs);text-decoration:none;margin-top:var(--space-1);display:inline-block}.stat-action:hover{text-decoration:underline}.health-metrics{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-8)}.health-metrics h2{margin-top:0;margin-bottom:var(--space-6);font-size:var(--text-2xl);color:var(--text-primary)}.gauge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.health-gauge{text-align:center}.gauge-header{margin-bottom:var(--space-3);display:flex;flex-direction:column}.gauge-label{font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.gauge-value{font-size:var(--text-xl);font-weight:var(--font-bold)}.gauge-chart{position:relative;width:100%;max-width:120px;margin:0 auto}.gauge-body{position:relative;height:0;padding-bottom:50%;overflow:hidden}.gauge-fill{position:absolute;top:0;left:0;width:100%;height:200%;border-radius:100% 100% 0 0;transform-origin:center bottom;transform:rotate(0);transition:transform 1s ease,background-color 1s ease}.gauge-cover{position:absolute;top:5%;left:10%;width:80%;height:160%;background-color:var(--bg-card);border-radius:100% 100% 0 0;display:flex;align-items:center;justify-content:center}.gauge-icon{font-size:var(--text-2xl);color:var(--text-secondary);margin-bottom:50%}.gauge-scale{display:flex;justify-content:space-between;padding:0 var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.dashboard-detail-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.dashboard-chart{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-chart-full-width{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:128px}.dashboard-three-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-8);align-items:start}.dashboard-column{display:flex;flex-direction:column}.trend-chart{width:100%}.trend-header{margin-bottom:0;margin-top:0;padding-top:var(--space-5)}.trend-selector{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8);padding:var(--space-6) 0}.trend-selector button{background-color:var(--color-gray-100);border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.trend-selector button:hover{background-color:var(--color-gray-200)}.trend-selector button.active{background-color:var(--color-primary);color:var(--text-on-primary);font-weight:var(--font-medium);box-shadow:0 2px 6px #2563eb66}.chart-container{height:300px;display:flex;position:relative;margin-bottom:var(--space-6)}.y-axis{width:50px;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-xs);color:var(--text-tertiary)}.chart-body{flex:1;position:relative;border-left:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.chart-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.grid-line{width:100%;height:1px;background-color:#0000000d}.data-line{position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--space-2) 0}.data-point{position:absolute;width:8px;height:8px;background-color:var(--bg-card);border:2px solid var(--color-primary);border-radius:var(--radius-full);transform:translate(-50%,50%);z-index:2}.data-point:hover{width:12px;height:12px;z-index:3}.data-point:hover .point-value{display:block}.point-value{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--text-primary);color:var(--text-on-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;display:none;margin-bottom:var(--space-2)}.point-value:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:var(--text-primary) transparent transparent transparent}.line-svg{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--space-2) 0;z-index:1}.line-chart-body{position:relative;overflow:hidden}.line-chart-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.horizontal-grid-line{position:absolute;left:0;right:0;height:1px;background-color:#0000000d}.vertical-grid-line{position:absolute;top:0;bottom:0;width:1px;background-color:#0000000d}.line-chart{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--space-2) 0;z-index:2}.trend-line{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.trend-point{fill:var(--bg-card);stroke-width:2}.key-point{r:3}.data-point-group:hover .trend-point{r:4;filter:drop-shadow(0 0 3px rgba(0,0,0,.3))}.x-axis{height:30px;margin-left:50px;display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary)}.basic-chart{display:flex;flex-direction:column;height:300px;margin-bottom:40px;position:relative;padding:0 var(--space-5)}.y-axis-labels{position:absolute;left:0;top:0;bottom:40px;width:40px;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.y-label{font-size:var(--text-xs);color:transparent;text-align:right;padding-right:var(--space-2);transform:translateY(-50%)}.chart-content{position:relative;height:250px;margin-left:0;margin-bottom:40px;background-color:var(--color-gray-50);border:none;border-top:1px solid var(--border-light);border-right:1px solid var(--border-light);margin-top:var(--space-2)}.no-left-border{border-left:none!important}.h-grid-line{position:absolute;width:100%;height:1px;background-color:var(--border-light);left:0}.data-line-chart{width:100%;height:100%;border-collapse:collapse;table-layout:fixed}.data-line-chart td{position:relative;vertical-align:bottom;padding:0}.data-column{position:absolute;bottom:0;left:0;width:100%;transition:height .5s ease-out;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.data-value-label{color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-xs);position:absolute;width:100%;text-align:center;top:-20px;white-space:nowrap}.data-point{width:10px;height:10px;border-radius:var(--radius-full);position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);border:2px solid var(--bg-card);box-shadow:var(--shadow-sm);z-index:2}.x-axis-labels{position:relative;height:40px;margin-left:0}.x-label{position:absolute;font-size:var(--text-xs);color:var(--text-secondary);transform:translate(-50%);text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.date-labels{position:relative;height:50px;width:100%;margin-top:var(--space-1)}.date-label{position:absolute;transform:translate(-50%)}.date-tick{width:1px;height:5px;background-color:var(--color-gray-400);margin:0 auto}.date-text{margin-top:7px;font-size:var(--text-xs);transform:rotate(-90deg);transform-origin:top left;position:absolute;left:0;text-align:right;white-space:nowrap;color:var(--text-secondary);border-left:1px solid transparent;padding-left:var(--space-1);min-width:50px;font-weight:var(--font-medium)}.trend-summary{display:flex;justify-content:space-around;padding:var(--space-4) var(--space-2);background-color:var(--bg-surface);border-radius:var(--radius-md);margin-top:var(--space-4)}.trend-stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.trend-stat .stat-value{font-size:var(--text-2xl);display:flex;align-items:center;gap:var(--space-1)}.stat-value.positive{color:var(--color-success)}.stat-value.negative{color:var(--color-error)}.stat-value svg.down{transform:rotate(180deg)}.file-type-distribution{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5)}.file-type-distribution h3{margin-top:0;margin-bottom:var(--space-4);font-size:var(--text-xl);color:var(--text-primary)}.distribution-bars{display:flex;flex-direction:column;gap:var(--space-4)}.distribution-item{display:flex;flex-direction:column;gap:var(--space-1)}.distribution-label{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.type-name{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.type-count{font-size:var(--text-xs);color:var(--text-secondary)}.distribution-bar-container{height:8px;background-color:var(--color-gray-200);border-radius:var(--radius-sm);overflow:hidden}.distribution-bar{height:100%;border-radius:var(--radius-sm);transition:width 1s ease}.type-percentage{align-self:flex-end;font-size:var(--text-xs);color:var(--text-secondary)}.recent-files{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5)}.recent-files h3{margin-top:0;margin-bottom:var(--space-4);font-size:var(--text-xl);color:var(--text-primary)}.recent-files-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.recent-file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--bg-surface);transition:all var(--transition-base)}.recent-file-item:hover{background-color:var(--color-gray-100)}.recent-file-type{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);font-weight:var(--font-semibold);font-size:var(--text-xs);flex-shrink:0}.recent-file-details{flex:1;min-width:0}.recent-file-name{font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-file-meta{display:flex;justify-content:space-between;font-size:var(--text-xs)}.recent-file-date{color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-1)}.recent-file-score{font-weight:var(--font-semibold)}.recent-file-link{color:var(--color-primary);transition:all var(--transition-base)}.recent-file-link:hover{color:var(--color-primary-dark);transform:scale(1.2)}.recent-alerts{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5)}.recent-alerts h3{margin-top:0;margin-bottom:var(--space-4);font-size:var(--text-xl);color:var(--text-primary)}.no-alerts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-success);text-align:center}.no-alerts svg{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.alerts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.alert-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--bg-surface);transition:all var(--transition-base)}.alert-item:hover{background-color:var(--color-gray-100)}.alert-item.high{border-left:3px solid var(--color-error)}.alert-item.medium{border-left:3px solid var(--color-warning)}.alert-item.low{border-left:3px solid var(--color-success)}.alert-icon{color:var(--color-error);font-size:var(--text-xl);flex-shrink:0}.alert-content{flex:1}.alert-title{font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.alert-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary)}.view-all-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--color-primary);text-decoration:none;font-size:var(--text-sm)}.view-all-link:hover{text-decoration:underline}.dashboard-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-4)}.dashboard-action-button{background-color:var(--color-primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-6);font-weight:var(--font-semibold);text-decoration:none;transition:background-color var(--transition-base)}.dashboard-action-button:hover{background-color:var(--color-primary-dark)}@media (max-width: 1200px){.gauge-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-detail-row,.dashboard-three-column-grid{grid-template-columns:1fr}}@media (max-width: 768px){.gauge-grid{grid-template-columns:repeat(2,1fr)}.dashboard-actions{flex-direction:column;align-items:stretch}.dashboard-action-button{text-align:center}}@media (max-width: 576px){.stats-grid,.gauge-grid{grid-template-columns:1fr}.trend-selector{flex-direction:column;align-items:stretch}.trend-selector button{text-align:center}}@keyframes fillGauge{0%{transform:rotate(0)}to{transform:rotate(var(--angle))}}.gauge-fill{animation:fillGauge 1.5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,50%) scale(0)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}.data-point{animation:fadeIn .5s ease-out forwards;animation-delay:calc(var(--index) * .03s)}@keyframes growBar{0%{width:0}to{width:var(--width)}}.distribution-bar{animation:growBar 1s ease-out forwards}.card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-5);margin-bottom:var(--space-5);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.file-dropzone{border:2px dashed var(--border-light);border-radius:var(--radius-md);padding:var(--space-10) var(--space-5);text-align:center;transition:var(--transition-base);background-color:var(--bg-surface)}.file-dropzone.dragging{border-color:var(--color-primary);background-color:var(--color-primary-50)}.file-dropzone.status-success{border-color:var(--color-success);background-color:var(--color-success-light)}.file-dropzone.status-error{border-color:var(--color-error);background-color:var(--color-error-light)}.dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-icon{font-size:3rem;color:var(--color-primary);margin-bottom:var(--space-4)}.success-icon-wrapper{margin-bottom:var(--space-4)}.dropzone-success-icon{width:80px;height:80px;color:var(--color-success)}.error-icon{font-size:3rem;color:var(--color-error);margin-bottom:var(--space-4)}.dropzone-text{margin-bottom:var(--space-5)}.dropzone-text p{margin-bottom:var(--space-2)}.file-select-button{display:inline-block;padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);transition:var(--transition-base)}.file-select-button:hover{background-color:var(--color-primary-dark)}.file-input{display:none}.file-requirements{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-tertiary)}.file-requirements p{margin:var(--space-1) 0}.file-size-limit{font-weight:var(--font-medium);color:var(--text-secondary)}.file-size-helper{font-size:var(--text-xs);color:var(--color-primary);font-style:italic;margin-top:var(--space-2)!important}.upload-progress{display:flex;flex-direction:column;align-items:center;width:100%;max-width:450px}.file-info{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.file-name{font-weight:var(--font-semibold);font-size:var(--text-sm);margin:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.file-size{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.progress-container{width:100%;height:20px;background-color:var(--color-gray-200);border-radius:var(--radius-lg);margin:var(--space-2) 0;overflow:hidden;position:relative}.progress-bar{height:100%;background-color:var(--color-primary);border-radius:var(--radius-lg);transition:width .5s ease;display:flex;align-items:center;justify-content:center}.progress-text{position:absolute;left:50%;transform:translate(-50%);color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-xs);text-shadow:0 0 2px var(--color-white)}.processing-step{margin-top:var(--space-2);color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-sm)}.scanning-icon{font-size:3rem;color:var(--color-primary);margin-bottom:var(--space-4);animation:spin 1s linear infinite}.upload-scanning{display:flex;flex-direction:column;align-items:center;width:100%}.scanning-text{margin-top:var(--space-2);color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-base)}.scanning-subtext{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in}.duplicate-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-title{display:flex;align-items:center;gap:12px}.modal-title h2{margin:0;font-size:20px;font-weight:600;color:#111827}.warning-icon{width:24px;height:24px;color:#f59e0b}.modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.modal-close:hover{background-color:#f3f4f6}.modal-close svg{width:20px;height:20px;color:#6b7280}.modal-body{padding:24px}.modal-message{margin:0 0 20px;color:#4b5563;font-size:15px;line-height:1.5}.existing-file-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.existing-file-info h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.file-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row .label{font-size:14px;color:#6b7280;font-weight:500}.detail-row .value{font-size:14px;color:#111827;font-weight:600}.modal-question{margin:0;font-size:15px;font-weight:500;color:#111827}.modal-actions{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid #e5e7eb}.modal-actions .btn{flex:1;padding:10px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center}.modal-actions .btn-danger{background-color:#ef4444;color:#fff}.modal-actions .btn-danger:hover{background-color:#dc2626}.modal-actions .btn-secondary{background-color:#6d8196;color:#fff}.modal-actions .btn-secondary:hover{background-color:#5b7c99}.modal-actions .btn-outline{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.modal-actions .btn-outline:hover{background-color:#f9fafb;border-color:#9ca3af}.step-progress-horizontal{background:#fff;border-radius:6px;padding:16px;box-shadow:0 1px 4px #00000014;margin:12px 0}.step-progress-current{display:flex;align-items:center;gap:10px;margin-bottom:12px}.current-step-emoji{font-size:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.current-step-info{flex:1}.current-step-label{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.current-step-description{font-size:12px;color:#666}.upload-progress-bar-horizontal{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;position:relative;margin-bottom:16px}.upload-progress-fill-horizontal{height:100%;background:linear-gradient(90deg,#2196f3,#1976d2);transition:width .3s ease;border-radius:6px}.upload-progress-text-horizontal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:600;color:#333}.stepper-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stepper-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;transition:all .3s ease;position:relative;z-index:2}.stepper-circle.stepper-completed{background:#4caf50;color:#fff}.stepper-circle.stepper-active{background:#2196f3;color:#fff;box-shadow:0 0 0 3px #2196f333;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 3px #2196f333}50%{box-shadow:0 0 0 5px #2196f34d}}.stepper-circle.stepper-pending{background:#e0e0e0;color:#999}.stepper-check{font-size:14px}.stepper-spinner{width:5px!important;height:5px!important;border:1px solid rgba(255,255,255,.3)!important;border-top-color:#fff!important;border-radius:50%;animation:spin .8s linear infinite}.stepper-number{font-size:11px}.stepper-line{flex:1;height:2px;margin:0 4px;transition:background-color .3s ease;position:relative;z-index:1}.stepper-line.stepper-line-completed{background:#4caf50}.stepper-line.stepper-line-pending{background:#e0e0e0}.stepper-labels{display:flex;justify-content:space-between;margin-top:4px}.stepper-label{font-size:9px;color:#999;text-align:center;width:24px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-label.stepper-label-active{color:#2196f3;font-weight:600}.step-complete-message{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;font-size:13px;font-weight:600;color:#4caf50}.complete-icon{font-size:20px;animation:celebrate .6s ease-in-out}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}}.s3-folder-browser{border:1px solid #e0e0e0;border-radius:8px;background:#fff;overflow:hidden}.s3-breadcrumb{display:flex;align-items:center;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;overflow-x:auto;gap:8px}.breadcrumb-item{background:none;border:none;padding:4px 8px;cursor:pointer;color:#2196f3;font-size:14px;display:flex;align-items:center;gap:6px;white-space:nowrap}.breadcrumb-item:hover{background:#2196f31a;border-radius:4px}.breadcrumb-separator{color:#999;font-size:12px}.s3-current-path{padding:12px 16px;background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.s3-current-path strong{color:#333;font-size:14px;margin-right:8px}.s3-current-path code{background:#e8f5e9;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:13px;color:#2e7d32;flex:1}.s3-current-path button{background:#2196f3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.s3-current-path button:hover{background:#1976d2}.s3-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;gap:12px;color:#666}.s3-loading-spinner{width:40px;height:40px;color:#2196f3;animation:spin 1s linear infinite}.s3-contents{max-height:400px;overflow-y:auto}.s3-item{display:grid;grid-template-columns:24px 1fr auto auto;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;align-items:center;transition:background .2s}.s3-folder,.s3-parent{cursor:pointer}.s3-folder:hover,.s3-parent:hover{background:#f5f5f5}.s3-item .icon{color:#ffa726;font-size:18px}.s3-item .file-icon{color:#666;font-size:11px}.s3-item .name{font-size:14px;color:#333;font-weight:500}.s3-item .type{font-size:12px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px}.s3-item .size{font-size:12px;color:#999;margin-left:12px}.s3-empty{padding:48px 16px;text-align:center;color:#999;font-size:14px}.s3-parent .icon{color:#999}.file-upload-container{padding:var(--space-5)}.file-upload-container h1{margin-bottom:var(--space-5)}.upload-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);background-color:#fff;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-light)}.tab-button{flex:1;padding:var(--space-3) var(--space-4);border:1px solid transparent;background-color:#fff;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.tab-button:hover{border-color:var(--border-medium);color:var(--text-primary)}.tab-button.active{background-color:#fff;color:var(--color-primary);border:2px solid var(--color-primary);font-weight:var(--font-semibold)}.upload-instructions{margin-bottom:var(--space-8)}.upload-instructions h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.upload-instructions p{color:var(--text-secondary);line-height:var(--leading-normal)}.access-denied-message{background-color:var(--bg-surface);border:1px dashed var(--border-medium);border-radius:var(--radius-sm);padding:var(--space-8);text-align:center;margin:var(--space-5) 0}.access-denied-message p{color:var(--color-error-dark);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}.upload-success-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-5)}.debug-section{margin-top:var(--space-5)}.debug-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--text-primary)}.debug-section h3{font-size:var(--text-xl);margin:var(--space-4) 0 var(--space-2);color:var(--text-secondary)}.debug-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}.api-status{font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-2)}.status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold)}.status-badge.connected{background-color:var(--color-success-light);color:var(--color-success-dark)}.status-badge.error{background-color:var(--color-error-light);color:var(--color-error-dark)}.debug-actions{display:flex;gap:var(--space-2)}.diagnostic-info{margin-top:var(--space-5);background-color:var(--bg-surface);border-radius:var(--radius-sm);padding:var(--space-4)}.diagnostic-info pre{white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);max-height:300px;overflow-y:auto}.ownership-section{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--border-light)}.ownership-label{font-weight:var(--font-semibold);color:var(--text-secondary);font-size:var(--text-sm)}.ownership-value{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);flex:1}.ownership-edit-btn{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;background:none;border:none;padding:var(--space-1) var(--space-2);transition:opacity var(--transition-base)}.ownership-edit-btn:hover{opacity:.8;text-decoration:underline}.ownership-modal{max-width:500px;min-width:400px}.ownership-modal .modal-description{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.5}.ownership-modal .form-group{margin-bottom:var(--space-5)}.ownership-modal .form-group label{display:block;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-sm)}.ownership-modal .form-control{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-base)}.ownership-modal .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.three-section-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.three-section-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000040;display:flex;flex-direction:column;max-height:80vh;height:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.three-section-modal-small{width:90%;max-width:500px}.three-section-modal-medium{width:90%;max-width:650px}.three-section-modal-large{width:90%;max-width:800px}.three-section-modal-header{flex:0 0 auto;padding:1.25rem 1.75rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:#f9fafb;border-radius:8px 8px 0 0}.three-section-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.three-section-modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#6b7280;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;padding:0;line-height:1}.three-section-modal-close:hover{background-color:#f3f4f6;color:#374151}.three-section-modal-content{flex:1 1 auto;overflow-y:auto;padding:1.5rem 1.75rem;background:#fff;min-height:0}.three-section-modal-content::-webkit-scrollbar{width:8px}.three-section-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.three-section-modal-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.three-section-modal-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.three-section-modal-footer{flex:0 0 auto;padding:1rem 1.75rem;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;gap:1rem;background:#f9fafb;border-radius:0 0 8px 8px}.three-section-modal-footer button{padding:.625rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.three-section-modal-footer button:first-child{background:#f3f4f6;color:#374151}.three-section-modal-footer button:first-child:hover{background:#e5e7eb}.three-section-modal-footer button:last-child{background:#2563eb;color:#fff}.three-section-modal-footer button:last-child:hover{background:#1d4ed8}.three-section-modal-footer button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.three-section-modal{width:95%;max-height:95vh}.three-section-modal-header{padding:1rem 1.5rem}.three-section-modal-content{padding:1.5rem}.three-section-modal-footer{padding:.75rem 1.5rem}}.page-header{margin-bottom:1rem}.page-header-content{display:flex;justify-content:space-between;align-items:center}.page-header-title-row{display:flex;align-items:center;gap:1rem}.home-icon-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:.5rem;font-size:1.4rem;color:#666;transition:all .2s ease;border-radius:6px}.home-icon-button:hover{color:#1890ff;background-color:#f0f0f0}.home-icon-button:active{transform:scale(.95)}.page-header-icon{font-size:1.6rem;color:#1890ff}.page-header-titles{display:flex;flex-direction:column}.page-title{margin:0;font-size:1.5rem;font-weight:600;color:#333}.page-subtitle{margin:.3rem 0 0;font-size:.9rem;color:#037c6e!important}.page-header-actions{display:flex;gap:.8rem}.catalog-file-count{display:flex;align-items:baseline;gap:.5rem}.catalog-file-count strong{font-size:1.35rem;color:var(--text-primary);font-weight:700}.catalog-file-count span{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.page-header-content{flex-direction:column;gap:1rem}.page-header-actions{width:100%}}.tooltip-container{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:1000;background-color:var(--dark-gray, #333);color:#fff;padding:8px 12px;border-radius:4px;font-size:.85rem;max-width:250px;word-wrap:break-word;box-shadow:0 2px 8px #00000026;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,transform .3s}.tooltip.visible{opacity:1;visibility:visible}.tooltip-default{background-color:var(--dark-gray, #333)}.tooltip-info{background-color:var(--info-color, #3498db)}.tooltip-success{background-color:var(--success-color, #2ecc71)}.tooltip-warning{background-color:var(--warning-color, #f39c12)}.tooltip-error{background-color:var(--error-color, #e74c3c)}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);margin-bottom:8px}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%) translateY(10px);margin-top:8px}.tooltip-left{right:100%;top:50%;transform:translateY(-50%) translate(-10px);margin-right:8px}.tooltip-right{left:100%;top:50%;transform:translateY(-50%) translate(10px);margin-left:8px}.tooltip.visible.tooltip-top,.tooltip.visible.tooltip-bottom{transform:translate(-50%) translateY(0)}.tooltip.visible.tooltip-left,.tooltip.visible.tooltip-right{transform:translateY(-50%) translate(0)}.tooltip.animated{transition:opacity .5s,visibility .5s,transform .5s}.tooltip-arrow{position:absolute;width:0;height:0;border:5px solid transparent}.tooltip-arrow-top{bottom:-10px;left:50%;margin-left:-5px;border-top-color:inherit}.tooltip-arrow-bottom{top:-10px;left:50%;margin-left:-5px;border-bottom-color:inherit}.tooltip-arrow-left{right:-10px;top:50%;margin-top:-5px;border-left-color:inherit}.tooltip-arrow-right{left:-10px;top:50%;margin-top:-5px;border-right-color:inherit}.tooltip.quality-tooltip{padding:10px 15px;max-width:300px}.tooltip.quality-tooltip .quality-tooltip-title{font-weight:700;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}.tooltip.quality-tooltip .quality-tooltip-content{line-height:1.4}.tooltip.quality-tooltip .quality-component{display:flex;justify-content:space-between;margin:4px 0}.tooltip.quality-tooltip .quality-component-label{margin-right:10px}.tooltip.quality-tooltip .quality-component-score{font-weight:700}.quality-high{color:var(--success-color, #2ecc71)}.quality-medium{color:var(--warning-color, #f39c12)}.quality-low{color:var(--error-color, #e74c3c)}.dlq-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid;transition:all .2s ease}.dlq-badge-compact{padding:2px 4px;font-size:14px}.dlq-badge-text{white-space:nowrap}.dlq-badge-default{color:#dc2626;background-color:#fee2e2;border-color:#dc2626}.dlq-badge:hover{opacity:.8;transform:scale(1.02)}.dlq-reason-text{color:#dc2626;font-weight:500;font-size:13px}.dlq-reason-text:hover{text-decoration:underline;cursor:help}.password-modal{max-width:500px;width:90%}.password-modal-text{margin-bottom:12px;color:#4b5563;font-size:14px}.password-modal-filename{margin-bottom:20px;padding:12px;background-color:#f3f4f6;border-radius:6px;font-size:13px;color:#111827;word-break:break-all}.password-form{display:flex;flex-direction:column;gap:16px}.password-input-group{display:flex;gap:8px;align-items:center}.password-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.password-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.password-toggle-btn{padding:10px 16px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s;white-space:nowrap}.password-toggle-btn:hover:not(:disabled){background-color:#e5e7eb}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.password-modal-actions{display:flex;gap:12px;justify-content:flex-end}.password-modal-actions .btn-primary,.password-modal-actions .btn-secondary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.password-modal-actions .btn-primary{background-color:#3b82f6;color:#fff}.password-modal-actions .btn-primary:hover:not(:disabled){background-color:#2563eb}.password-modal-actions .btn-primary:disabled{background-color:#93c5fd;cursor:not-allowed}.password-modal-actions .btn-secondary{background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.password-modal-actions .btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.password-modal-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.password-modal-note{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;color:#6b7280;font-size:12px;line-height:1.5}.password-modal-note small{display:block}.file-catalog-container{padding:2rem;max-width:1400px;margin:0 auto}.page-title{font-size:2rem;margin-bottom:var(--space-5);font-weight:var(--font-semibold);color:#025043}.catalog-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-4)}.search-container{flex:1;min-width:250px}.search-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:var(--text-sm)}.search-input:focus{outline:none;border-color:var(--color-primary)}.filter-container{display:flex;gap:var(--space-2)}.filter-select,.sort-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-card);font-size:var(--text-sm);cursor:pointer}.filter-select:focus,.sort-select:focus{outline:none;border-color:var(--color-primary)}.order-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:var(--text-lg);cursor:pointer;transition:background-color var(--transition-base)}.order-button:hover{background-color:var(--bg-surface)}.bulk-delete-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:#ef4444;color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-base)}.bulk-delete-button:hover:not(:disabled){background-color:#dc2626}.bulk-delete-button:disabled{opacity:.6;cursor:not-allowed}.checkbox-cell{width:40px;padding:var(--space-3) var(--space-4)}.checkbox-cell input[type=checkbox]{width:16px;height:16px;cursor:pointer}.file-catalog-table-container{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.file-catalog-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.file-catalog-table thead{background-color:var(--bg-surface);border-bottom:2px solid var(--border-light)}.file-catalog-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.file-catalog-table th:nth-child(1){width:25%}.file-catalog-table th:nth-child(2){width:8%}.file-catalog-table th:nth-child(3){width:10%}.file-catalog-table th:nth-child(4){width:10%}.file-catalog-table th:nth-child(5){width:10%}.file-catalog-table th:nth-child(6){width:15%}.file-catalog-table th:nth-child(7){width:12%}.file-catalog-table th:nth-child(8){width:10%}.file-catalog-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.file-catalog-table tbody tr:hover{background-color:var(--bg-surface)}.file-catalog-table td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-xs)}.file-name-cell{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-medium)}.expand-icon{font-size:.7em;color:var(--text-tertiary);margin-right:var(--space-1);transition:transform var(--transition-fast)}.file-count-badge{display:inline-block;padding:2px 6px;margin-left:var(--space-2);background-color:var(--color-primary);color:#fff;font-size:.75em;font-weight:var(--font-semibold);border-radius:var(--radius-sm)}.group-header-row{background-color:var(--bg-card);font-weight:var(--font-medium)}.group-header-row:hover{background-color:var(--bg-surface)!important}.child-file-row{background-color:var(--bg-surface)}.child-file-row:hover{background-color:var(--color-gray-100)!important}.file-icon{font-size:var(--text-xl);flex-shrink:0}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schema-changed-indicator{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin-left:var(--space-2);background-color:#fef9c3;color:#ca8a04;font-size:.7em;font-weight:var(--font-semibold);border-radius:var(--radius-sm);border:1px solid #fde68a;white-space:nowrap;cursor:help}.schema-changed-indicator svg{width:12px;height:12px}.file-error-indicator{margin-left:8px;font-size:1.1em;cursor:help;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error-text{color:#dc3545;font-weight:600;cursor:help}.file-type-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-gray-200);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.quality-cell{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.quality-score{font-weight:var(--font-semibold);font-size:var(--text-sm)}.quality-score.high{color:var(--color-success)}.quality-score.medium{color:var(--color-warning)}.quality-score.low{color:var(--color-error)}.header-validation-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:.7em;font-weight:var(--font-semibold);cursor:help;white-space:nowrap}.header-validation-badge.warning{background-color:#fef3c7;color:#92400e;border:1px solid #fbbf24}.header-validation-badge.critical{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.header-validation-badge svg{width:12px;height:12px}.actions-cell{display:flex;gap:var(--space-2);align-items:center}.action-icon-btn.password-btn{color:#f59e0b}.action-icon-btn.password-btn:hover{background-color:#fef3c7}.no-results{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-tertiary);font-size:var(--text-sm)}.pagination-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary)}.items-per-page{display:flex;align-items:center;gap:var(--space-2)}.items-per-page label{font-size:var(--text-sm);color:var(--text-secondary)}.items-per-page-select{padding:var(--space-1) var(--space-2);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-card);font-size:var(--text-sm);cursor:pointer}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border-light)}.pagination-button{padding:var(--space-2) var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.pagination-button:hover:not(:disabled){background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.pagination-number:hover{background-color:var(--bg-surface)}.pagination-number.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.notification-modal{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-5);max-width:400px;width:90%;box-shadow:var(--shadow-lg)}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.notification-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.notification-modal.success .notification-header h3{color:var(--color-success)}.notification-modal.error .notification-header h3{color:var(--color-error)}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-tertiary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.close-button:hover{background-color:var(--bg-surface);color:var(--text-primary)}.notification-modal p{margin:var(--space-3) 0;color:var(--text-secondary);font-size:var(--text-sm)}.notification-button{width:100%;padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-base)}.notification-button:hover{background-color:var(--color-primary-dark)}@media (max-width: 768px){.catalog-controls{flex-direction:column;align-items:stretch}.file-catalog-table-container{overflow-x:auto}.file-catalog-table{min-width:800px}.pagination-info{flex-direction:column;gap:var(--space-2);align-items:flex-start}.pagination-controls{flex-wrap:wrap}}.schema-history-container{padding:20px;background:#fff;border-radius:8px}.schema-history-loading,.schema-history-error,.schema-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#666}.schema-history-error{color:#dc3545}.schema-history-error svg,.schema-history-empty svg{margin-bottom:20px;opacity:.5}.schema-history-error h3,.schema-history-empty h3{margin:0 0 10px;font-size:1.5rem;color:#333}.schema-history-error p,.schema-history-empty p{margin:0 0 20px;max-width:500px}.schema-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.history-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.history-title h2{margin:0;font-size:2rem;color:#025043}.canonical-name{font-size:.9rem;color:#666;padding:4px 10px;background:#f3f4f6;border-radius:4px;border:1px solid #e5e7eb}.canonical-name strong{color:#025043;font-family:Monaco,Courier New,monospace}.history-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.upload-count{padding:6px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;font-size:.9rem;color:#1e40af;font-weight:500}.snapshot-count{padding:6px 12px;background:#f0f0f0;border-radius:4px;font-size:.9rem;color:#666}.schema-changed-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fef9c3;border:1px solid #fde68a;border-radius:4px;font-size:.85rem;font-weight:600;color:#ca8a04}.drift-action-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:500}.drift-action-badge.drift-abort{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.drift-action-badge.drift-alert{background:#fef9c3;color:#ca8a04;border:1px solid #fde68a}.drift-action-badge.drift-none{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.job-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#037c6e;color:#fff;text-decoration:none;border-radius:4px;font-size:.85rem;transition:background .2s}.job-link:hover{background:#025043}.schema-single{max-width:900px;margin:0 auto}.schema-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:start}.schema-comparison-three-panel{display:grid;grid-template-columns:1fr 1fr 400px;gap:20px;align-items:start}.schema-section{background:#f9fafb;border-radius:8px;padding:20px;border:1px solid #e5e7eb;height:fit-content;max-height:800px;overflow-y:auto}.schema-section h3{margin:0 0 15px;font-size:1.2rem;color:#025043;display:flex;flex-direction:column;gap:4px}.schema-subtitle{font-size:.8rem;color:#6b7280;font-weight:400;font-family:Monaco,Courier New,monospace}.schema-previous h3{color:#6b7280}.schema-info{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.capture-date{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.9rem;color:#6b7280}.schema-stats{margin:0;font-size:.9rem;color:#6b7280}.schema-table{overflow-x:auto}.schema-table table{width:100%;border-collapse:collapse;font-size:.9rem}.schema-table th{background:#025043;color:#fff;padding:10px;text-align:left;font-weight:600;white-space:nowrap}.schema-table th:first-child{width:50px}.schema-table td{padding:10px;border-bottom:1px solid #e5e7eb}.schema-table tr:last-child td{border-bottom:none}.column-name{font-family:Monaco,Courier New,monospace;font-weight:500}.type-badge{display:inline-block;padding:3px 8px;background:#e0e7ff;color:#4338ca;border-radius:3px;font-size:.8rem;font-family:Monaco,Courier New,monospace}.diff-badge-added,.diff-badge-removed,.diff-badge-modified,.diff-badge-reordered{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:3px;font-size:.75rem;font-weight:600}.diff-badge-added{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.diff-badge-removed{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.diff-badge-modified{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.diff-badge-reordered{background:#dbeafe;color:#2563eb;border:1px solid #bfdbfe}.row-added{background:#f0fdf4}.row-removed{background:#fef2f2;opacity:.7;text-decoration:line-through}.row-modified{background:#fffbeb}.row-reordered{background:#eff6ff}.schema-diff-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-width:200px}.diff-arrow{color:#025043;margin-bottom:20px}.diff-stats{display:flex;flex-direction:column;gap:10px;text-align:center}.diff-stats h4{margin:0 0 10px;font-size:1rem;color:#333}.diff-stat{display:flex;justify-content:center}.no-changes-icon{color:#16a34a;margin-bottom:10px}.schema-changes-panel{background:#fff;border-radius:8px;padding:20px;border:2px solid #e5e7eb;max-height:800px;overflow-y:auto}.schema-changes-panel h3{margin:0 0 20px;font-size:1.2rem;color:#025043;border-bottom:2px solid #e5e7eb;padding-bottom:10px}.changes-content{display:flex;flex-direction:column;gap:20px}.change-overview{display:flex;flex-direction:column;gap:15px}.change-category{background:#f9fafb;border-radius:6px;padding:12px;border:1px solid #e5e7eb}.change-category h4{margin:0 0 10px;font-size:.95rem}.change-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.change-list li{padding:8px 10px;border-radius:4px;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:10px}.change-item-added{background:#f0fdf4;border-left:3px solid #16a34a}.change-item-removed{background:#fef2f2;border-left:3px solid #dc2626;opacity:.8}.change-item-modified{background:#fffbeb;border-left:3px solid #d97706}.change-item-reordered{background:#eff6ff;border-left:3px solid #2563eb}.change-list li strong{font-family:Monaco,Courier New,monospace;flex:1;color:#111827}.type-badge-small{padding:2px 6px;background:#e0e7ff;color:#4338ca;border-radius:3px;font-size:.75rem;font-family:Monaco,Courier New,monospace;white-space:nowrap}.type-change{display:flex;align-items:center;gap:6px}.position-change{font-size:.75rem;color:#6b7280;white-space:nowrap}.no-changes{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;color:#6b7280}.no-changes h4{margin:15px 0 8px;font-size:1.1rem;color:#111827}.no-changes p{margin:0 0 20px;font-size:.9rem}.validation-alert-error{background:#fef2f2;border:2px solid #ef4444;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#991b1b}.validation-alert-error svg{color:#ef4444;margin-bottom:8px}.validation-alert-error p{margin:4px 0;font-size:.9rem}.validation-alert-error p strong{font-size:1rem;color:#7f1d1d}.snapshot-history{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.snapshot-history h4{margin:0 0 15px;font-size:.95rem;color:#374151}.snapshot-timeline{display:flex;flex-direction:column;gap:8px}.snapshot-item{display:flex;align-items:flex-start;gap:12px;padding:8px;border-radius:4px;transition:background .2s}.snapshot-item:hover{background:#f9fafb}.snapshot-current{background:#eff6ff;border:1px solid #bfdbfe}.snapshot-marker{font-size:1.2rem;line-height:1;color:#6b7280;flex-shrink:0;width:20px;text-align:center}.snapshot-current .snapshot-marker{color:#2563eb}.snapshot-details{display:flex;flex-direction:column;gap:2px;flex:1}.snapshot-date{font-size:.85rem;color:#374151;font-weight:500}.snapshot-meta{font-size:.75rem;color:#6b7280}.snapshot-more{font-size:.8rem;color:#6b7280;padding:8px 12px;text-align:center;font-style:italic}@media (max-width: 1400px){.schema-comparison-three-panel{grid-template-columns:1fr 1fr}.schema-changes-panel{grid-column:1 / -1;max-height:none}}@media (max-width: 1200px){.schema-comparison{grid-template-columns:1fr;gap:30px}.schema-diff-summary{padding:20px 0}.diff-arrow{transform:rotate(90deg)}}@media (max-width: 900px){.schema-comparison-three-panel{grid-template-columns:1fr}.schema-history-header{flex-direction:column;align-items:flex-start;gap:15px}.history-meta{width:100%}}.data-profile-container{padding:var(--space-6);max-width:1600px;margin:0 auto}.profile-header-three-line{margin-bottom:var(--space-4);background:linear-gradient(to right,var(--color-gray-50),var(--color-gray-100));padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.header-line-1{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.header-line-1 .file-icon{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;font-weight:var(--font-bold);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;min-width:70px}.header-line-1 h1{margin:0;font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary)}.header-line-2{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);padding-top:var(--space-3);border-top:1px solid var(--border-light);flex-wrap:wrap}.header-line-2 .header-property{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.header-line-2 .header-property strong{color:var(--text-primary);font-weight:var(--font-medium)}.header-line-2 .icon-inline{width:14px;height:14px;color:var(--color-primary)}.header-line-3{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);padding-top:var(--space-3);border-top:1px solid var(--border-light);flex-wrap:wrap;margin-top:var(--space-2)}.header-line-3 .header-property{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.header-line-3 .header-property strong{color:var(--text-primary);font-weight:var(--font-medium)}.header-line-3 .icon-inline{width:14px;height:14px;color:var(--color-primary)}.profile-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);background:linear-gradient(to right,var(--color-gray-50),var(--color-gray-100));padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md);gap:var(--space-4)}.profile-header-compact .header-left h1{display:flex;align-items:center;margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.profile-header-compact .header-right{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.profile-header-compact .header-property{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.profile-header-compact .header-property strong{color:var(--text-primary);font-weight:var(--font-medium)}.profile-header-compact .icon-inline{width:14px;height:14px;color:var(--color-primary)}.btn-icon-small{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-base);border-radius:var(--radius-sm)}.btn-icon-small:hover{background-color:var(--color-gray-200);color:var(--color-primary)}.btn-icon-small:disabled{opacity:.4;cursor:not-allowed;color:var(--text-tertiary)}.btn-icon-small:disabled:hover{background-color:transparent;color:var(--text-tertiary)}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);background:linear-gradient(to right,var(--color-gray-50),var(--color-gray-100));padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.profile-title h1{display:flex;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary)}.profile-title .file-type,.data-profile-container .file-type{background-color:var(--color-primary)!important;color:var(--text-on-primary)!important;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-right:var(--space-3);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.file-details{display:flex;color:var(--text-tertiary);font-size:var(--text-sm);margin-top:var(--space-2)}.file-size{margin-right:var(--space-4);display:flex;align-items:center}.file-date{display:flex;align-items:center}.file-metadata{margin-left:var(--space-4);display:flex;align-items:center;color:var(--text-tertiary);font-style:italic}.profile-actions{display:flex;gap:var(--space-3)}.profile-actions .btn-primary{color:var(--text-on-primary)}.profile-tabs{display:flex;margin-bottom:var(--space-8);border-bottom:1px solid var(--border-light);background-color:var(--bg-card);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0 var(--space-4);box-shadow:var(--shadow-sm)}.tab-button{background:none;border:none;padding:var(--space-4) var(--space-6);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-tertiary);position:relative;transition:all var(--transition-base)}.tab-button:hover{color:var(--color-primary)}.tab-button.active{color:var(--color-primary);font-weight:var(--font-semibold)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--color-primary);border-radius:3px 3px 0 0}.profile-content{margin-top:var(--space-6);animation:fadeIn .3s ease-in-out}.profile-overview{display:grid;gap:var(--space-6)}.file-stats-grid{display:flex;flex-direction:row;justify-content:space-between;gap:0px;margin-bottom:var(--space-6);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.file-stat-card{display:flex;align-items:center;padding:var(--space-4);transition:background-color var(--transition-base);flex:1;border-right:1px solid var(--border-light)}.file-stat-card:last-child{border-right:none}.file-stat-card:hover{background-color:var(--bg-surface)}.stat-icon{width:39px;height:39px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:17px;margin-right:var(--space-3);box-shadow:var(--shadow-sm)}.rows-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-on-primary)}.columns-icon{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));color:var(--text-on-primary)}.size-icon{background:linear-gradient(135deg,var(--color-amber),var(--color-amber-dark));color:var(--text-on-primary)}.age-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:var(--text-on-primary)}.duplicates-icon{background:linear-gradient(135deg,#e74c3c,#c0392b);color:var(--text-on-primary)}.stat-details h3{margin:0 0 var(--space-1) 0;font-size:17px;font-weight:var(--font-semibold);color:var(--text-primary)}.stat-details p{margin:0;color:var(--text-tertiary);font-size:11px}.completeness-table-container{margin-top:var(--space-4);overflow-x:auto}.completeness-table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--bg-card);border-radius:var(--radius-md);overflow:hidden}.completeness-table th{text-align:left;padding:var(--space-4);background-color:var(--bg-surface);border-bottom:1px solid var(--border-light);font-weight:var(--font-medium);color:var(--text-secondary);font-size:var(--text-sm)}.completeness-table td{padding:var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm)}.completeness-table .col-name{width:25%;font-weight:var(--font-medium)}.completeness-table .col-type{width:15%;color:var(--text-secondary)}.completeness-table .col-completeness{width:60%}.completeness-row:hover{background-color:var(--bg-surface)}.completeness-table tr:last-child td{border-bottom:none}.completeness-bar-container{display:flex;align-items:center;width:100%}.completeness-bar-track{height:12px;flex-grow:1;background-color:var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;margin-right:var(--space-4);box-shadow:inset 0 1px 2px #0000000d}.completeness-bar-fill{height:100%;background:linear-gradient(to right,var(--color-success),var(--color-success-dark));border-radius:var(--radius-md);transition:width .5s ease}.completeness-value{min-width:60px;text-align:right;font-weight:var(--font-medium);color:var(--color-success);font-size:var(--text-sm);white-space:nowrap}.freshness-stats{display:flex;flex-direction:row;justify-content:space-between;gap:0px;margin-top:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.freshness-stat{padding:var(--space-4);flex:1;transition:background-color var(--transition-base);border-right:1px solid var(--border-light)}.freshness-stat:last-child{border-right:none}.freshness-stat:hover{background-color:var(--bg-surface)}.freshness-stat h3{margin:0 0 var(--space-2) 0;font-size:11px;color:var(--text-tertiary)}.freshness-stat p{margin:0;font-weight:var(--font-medium);font-size:13px;color:var(--text-primary)}.columns-tab{animation:fadeIn .3s ease-in-out}.table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.table th,.table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--border-light)}.table th{background-color:var(--bg-surface);font-weight:var(--font-semibold);color:var(--text-primary);position:sticky;top:0;z-index:10}.table tr:hover{background-color:var(--bg-surface)}.table tr:last-child td{border-bottom:none}.distribution-tab{animation:fadeIn .3s ease-in-out}.preview-tab{padding:0;margin-top:-1rem;height:calc(100vh - 230px);min-height:400px;animation:fadeIn .3s ease-in-out}.related-tab{padding:0;margin-top:-1rem;min-height:400px;animation:fadeIn .3s ease-in-out}.chat-tab{padding:0;margin-top:-1rem;height:calc(100vh - 230px);min-height:500px;animation:fadeIn .3s ease-in-out}.tab-icon{font-size:var(--text-lg);margin-right:var(--space-1)}.distribution-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);overflow:auto}.distribution-cards .card{height:500px;display:flex;flex-direction:column;overflow:hidden}.distribution-card-header{padding:var(--space-3);background-color:var(--color-gray-50);border-bottom:2px solid var(--border-color);flex-shrink:0}.distribution-card-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.distribution-card-content{flex:1;overflow:auto;padding:var(--space-3)}.column-distribution{padding:var(--space-3)}.column-stats-table{background-color:var(--bg-surface);padding:var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.column-stat-row{display:flex;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border-light);align-items:center;background-color:var(--bg-card);margin-bottom:var(--space-1);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}.column-stat-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background-color:var(--bg-surface)}.column-stat-label{font-weight:var(--font-medium);color:var(--text-tertiary);width:100px;flex-shrink:0;font-size:var(--text-xs)}.column-stat-value{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-xs)}.histogram-container{background-color:var(--bg-surface);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--text-secondary);box-shadow:inset 0 1px 2px #0000000d;margin-top:var(--space-2)}.histogram-title{font-weight:var(--font-semibold);font-size:var(--text-xs);margin-bottom:var(--space-2);text-align:center}.pseudo-histogram{height:128px;padding:var(--space-2);background-color:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.numeric-distribution{height:100%;display:flex;flex-direction:column}.value-labels{display:flex;justify-content:space-between;margin-bottom:var(--space-1);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-medium)}.min-label{text-align:left}.max-label{text-align:right}.bars{display:flex;align-items:flex-end;justify-content:space-between;height:85%;padding:0 var(--space-1)}.bar{width:8%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .3s ease}.categorical-distribution{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;padding:var(--space-2) 0}.category-row{display:flex;align-items:center;margin-bottom:var(--space-2);height:24px}.category-label{width:80px;font-size:11px;color:var(--text-primary);text-align:left;padding-right:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-medium)}.category-bar-container{flex:1;height:14px;background-color:var(--color-gray-200);border-radius:7px;overflow:hidden;margin:0 var(--space-2)}.category-bar{height:100%;border-radius:7px}.category-percentage{width:40px;padding-left:var(--space-1);font-size:11px;font-weight:var(--font-medium);color:var(--text-primary);text-align:right}.histogram-footer{margin-top:var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.error-message{text-align:center;padding:var(--space-10);color:var(--color-error);background-color:var(--color-error-light);border-radius:var(--radius-md);margin:var(--space-6) 0}.empty-state{text-align:center;padding:60px 0;color:var(--text-tertiary);background-color:var(--bg-surface);border-radius:var(--radius-md);margin:var(--space-6) 0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:400px;max-width:500px}.modal-content h2{margin-top:0;margin-bottom:var(--space-5);color:var(--text-primary);font-size:var(--text-xl)}.modal-content .form-group{margin-bottom:var(--space-4)}.modal-content .form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.modal-content .form-group input{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);transition:border-color var(--transition-base)}.modal-content .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.col-completeness-compact{width:150px;text-align:center}.completeness-bar-container-compact{display:flex;align-items:center;gap:var(--space-2);width:100%}.completeness-bar-track-compact{flex:1;height:10px;background-color:var(--color-gray-200);border-radius:5px;overflow:hidden}.completeness-value-compact{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-primary);min-width:40px;text-align:right}.col-tags,.col-policies{text-align:center;padding:var(--space-2)}.sensitivity-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.sensitivity-public{background-color:#3b82f6;color:#fff}.sensitivity-internal{background-color:#10b981;color:#fff}.sensitivity-confidential{background-color:#f59e0b;color:#fff}.sensitivity-restricted{background-color:#ef4444;color:#fff}.no-tag,.no-policy{color:var(--text-tertiary);font-style:italic}.policies-count{color:var(--text-secondary);font-size:var(--text-sm)}.sensitivity-cell{display:flex;align-items:center;gap:var(--space-2)}.classification-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-2)}.classification-option{padding:var(--space-3);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.classification-option:hover{border-color:var(--color-primary);background-color:var(--color-gray-50)}.classification-option.selected{border-color:var(--color-primary);background-color:var(--color-primary-light, rgba(59, 130, 246, .1))}.classification-option .sensitivity-badge{display:block;margin-bottom:var(--space-2);width:fit-content}.option-description{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.btn-danger{background-color:#ef4444;color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);transition:background-color var(--transition-base)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.file-governance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.governance-field label{display:block;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-sm)}.governance-select{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:#fff;cursor:pointer;transition:border-color var(--transition-base)}.governance-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.tags-selector,.policies-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-chip,.policy-chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);border:2px solid var(--border-medium);background-color:#fff;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em}.tag-chip:hover,.policy-chip:hover{border-color:var(--color-primary);background-color:var(--color-gray-50)}.tag-chip.selected{border-color:transparent}.policy-chip.selected{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.no-items{color:var(--text-tertiary);font-style:italic;font-size:var(--text-sm)}.header-validation-container{display:flex;flex-direction:column;gap:var(--space-4)}.header-validation-status{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--bg-surface);border-radius:var(--radius-md)}.header-validation-status .status-icon{width:48px;height:48px;flex-shrink:0}.header-validation-status .status-icon.healthy{color:#10b981}.header-validation-status .status-icon.warning{color:#f59e0b}.header-validation-status .status-icon.critical{color:#ef4444}.header-validation-status .status-text{flex:1}.header-validation-status .status-text h4{margin:0 0 var(--space-1) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.header-validation-status .status-text p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.header-validation-status .health-score{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-4);background-color:#fff;border-radius:var(--radius-md);border:2px solid var(--border-light)}.header-validation-status .health-score .score{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.header-validation-status .health-score .score.healthy{color:#10b981}.header-validation-status .health-score .score.warning{color:#f59e0b}.header-validation-status .health-score .score.critical{color:#ef4444}.header-validation-status .health-score .score-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.header-validation-issues{display:flex;flex-direction:column;gap:var(--space-3)}.header-validation-issues h5{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.issue-item{padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid}.issue-item.high{background-color:#fee2e2;border-left-color:#ef4444}.issue-item.medium{background-color:#fef3c7;border-left-color:#f59e0b}.issue-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.severity-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.severity-badge.high{background-color:#ef4444;color:#fff}.severity-badge.medium{background-color:#f59e0b;color:#fff}.issue-type{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.issue-message{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;margin-bottom:var(--space-2)}.issue-recommendation{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;padding:var(--space-2);background-color:#fff9;border-radius:var(--radius-sm)}.issue-recommendation strong{color:var(--text-primary)}.processing-error-banner{background-color:#fee;border:2px solid #dc3545;border-radius:8px;padding:16px;margin:20px 0;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner-content{display:flex;align-items:flex-start;gap:12px}.error-icon{font-size:24px;flex-shrink:0}.error-text-content h3{margin:0 0 8px;color:#dc3545;font-size:16px;font-weight:600}.error-text-content p{margin:0;color:#721c24;font-size:14px;line-height:1.5}.history-tab{display:flex;flex-direction:column;gap:var(--space-4)}.history-summary{margin-bottom:var(--space-4)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.summary-stats .stat{text-align:center;padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.summary-stats .stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.summary-stats .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.history-table-container{overflow-x:auto;margin-top:var(--space-4)}.history-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.history-table thead{background-color:var(--color-gray-100);border-bottom:2px solid var(--border-color)}.history-table th{padding:var(--space-3);text-align:left;font-weight:var(--font-semibold);color:var(--text-secondary);white-space:nowrap}.history-table td{padding:var(--space-3);border-bottom:1px solid var(--border-light)}.history-table tbody tr:hover{background-color:var(--color-gray-50)}.badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase}.badge-source{background-color:#e3f2fd;color:#1976d2}.badge-target{background-color:#e8f5e9;color:#388e3c}.badge-adhoc{background-color:#fff3e0;color:#f57c00}.quality-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold)}.quality-badge.quality-high{background-color:#c8e6c9;color:#2e7d32}.quality-badge.quality-medium{background-color:#fff9c4;color:#f57f17}.quality-badge.quality-low{background-color:#ffcdd2;color:#c62828}.empty-state-hint{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.anomaly-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.anomaly-badge.anomaly-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fbbf24}.pii-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.no-pii-indicator{color:var(--text-muted, #9ca3af);font-size:var(--text-sm)}.card-with-anomaly{border-left:3px solid #fbbf24!important}.row-with-anomaly{background-color:#fffbeb!important}.pattern-section{margin-bottom:var(--space-4);padding:var(--space-3);background-color:#f9fafb;border-radius:var(--radius-sm);border-left:3px solid #3b82f6}.pattern-header{display:flex;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.pattern-list{display:flex;flex-direction:column;gap:var(--space-2)}.pattern-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);background-color:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.pattern-code{background-color:#f3f4f6;padding:2px 6px;border-radius:3px;font-family:Monaco,Courier New,monospace;font-size:12px;color:#1f2937}.pattern-count{font-size:var(--text-xs);color:var(--text-secondary)}.numeric-summary{padding:var(--space-3);background-color:#f9fafb;border-radius:var(--radius-sm)}.min-max-display{display:flex;gap:var(--space-4);justify-content:space-around}.min-max-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.min-max-item .label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-semibold);text-transform:uppercase}.min-max-item .value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium)}.empty-distribution{padding:var(--space-4);text-align:center;color:var(--text-secondary);font-style:italic}.null-values-section{margin-bottom:var(--space-4);padding:var(--space-3);background-color:#f9fafb;border-radius:var(--radius-sm);border-left:3px solid #94a3b8}.null-values-section.null-warning{background-color:#fef3c7;border-left-color:#f59e0b}.null-values-section.null-info{background-color:#dbeafe;border-left-color:#3b82f6}.null-header{display:flex;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.null-metrics{display:flex;gap:var(--space-4)}.null-metric{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background-color:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.null-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-semibold);text-transform:uppercase}.null-value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium)}.null-value.has-nulls{color:#dc2626;font-weight:var(--font-bold)}.quality-rules-tab{display:flex;flex-direction:column;gap:var(--space-4)}.quality-summary{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.quality-summary .summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);padding:var(--space-4)}.quality-summary .stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-gray-50)}.quality-summary .stat.success{background-color:#f0fdf4;color:#15803d}.quality-summary .stat.error{background-color:#fef2f2;color:#dc2626}.quality-summary .stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);text-align:center}.quality-summary .stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.severity-breakdown{display:flex;flex-direction:column;gap:var(--space-3)}.severity-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-gray-50)}.severity-item.critical{background-color:#fef2f2;border-left:4px solid #dc2626;color:#dc2626}.severity-item.error{background-color:#fef3c7;border-left:4px solid #f59e0b;color:#f59e0b}.severity-item.warning{background-color:#fefce8;border-left:4px solid #eab308;color:#eab308}.severity-label{flex:1;font-weight:var(--font-medium);font-size:var(--text-sm)}.severity-count{font-size:var(--text-xl);font-weight:var(--font-bold)}.quality-filters{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-4);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:180px}.filter-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.filter-select{padding:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--text-sm);background-color:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.filter-results{display:flex;align-items:center;padding:var(--space-2) var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-left:auto}.violations-table{width:100%;border-collapse:collapse}.violations-table thead{background-color:var(--color-gray-50)}.violations-table th{padding:var(--space-3);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:2px solid var(--border-light)}.violations-table td{padding:var(--space-3);border-bottom:1px solid var(--border-light);font-size:var(--text-sm);vertical-align:top}.violations-table tbody tr:hover{background-color:var(--color-gray-50)}.rule-info{display:flex;flex-direction:column;gap:var(--space-1)}.rule-description{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic}.expected-value,.actual-value{font-family:Courier New,monospace;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background-color:var(--color-gray-50);border-radius:var(--radius-sm);display:inline-block}.severity-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.severity-badge.severity-critical{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.severity-badge.severity-error{background-color:#fef3c7;color:#f59e0b;border:1px solid #fde68a}.severity-badge.severity-warning{background-color:#fefce8;color:#eab308;border:1px solid #fef08a}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.status-badge.status-success{background-color:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.badge.badge-secondary{background-color:var(--color-gray-100);color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase}.quality-checks-container{padding:24px;max-width:1600px;margin:0 auto}.quality-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;background:linear-gradient(to right,#f7f9fc,#eef2f7);padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d}.quality-title h1{margin:0 0 8px;font-size:1.8rem;font-weight:600;color:#2c3e50}.file-details{display:flex;align-items:center;color:#7f8c8d;font-size:14px}.file-name{font-weight:500;margin-right:12px;color:#34495e}.file-date{color:#95a5a6}.quality-actions{display:flex;gap:12px}.quality-summary{display:grid;grid-template-columns:1fr 3fr;gap:24px;margin-bottom:28px}.quality-score-card{padding:24px;box-shadow:0 4px 12px #0000000d;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:transform .2s ease}.quality-score-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000014}.quality-score{text-align:center;width:100%}.score-circle{width:180px;height:180px;border-radius:50%;background:conic-gradient(#2ecc71,#2ecc71 calc(var(--score, 0) * 1%),#ecf0f1 calc(var(--score, 0) * 1%),#ecf0f1);margin:0 auto 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 16px #0000001a}.score-circle:before{content:"";position:absolute;width:80%;height:80%;border-radius:50%;background-color:#fff}.score-value{position:relative;z-index:2;font-size:48px;font-weight:700;color:#2c3e50}.score-label{position:relative;z-index:2;font-size:14px;color:#7f8c8d;margin-top:4px}.score-timestamp{margin-top:16px;font-size:14px;color:#95a5a6}.quality-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card{padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease;background-color:#fff}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000014}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.metric-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.info-icon{color:#95a5a6;font-size:16px;cursor:help;transition:color .2s ease}.info-icon:hover{color:#3498db}.metric-score{font-weight:600;padding:4px 10px;border-radius:12px;font-size:16px}.good{background-color:#2ecc7133;color:#27ae60}.medium{background-color:#f1c40f33;color:#f39c12}.poor{background-color:#e74c3c33;color:#c0392b}.metric-card p{margin:0;color:#7f8c8d;font-size:14px}.quality-details{margin-top:28px}.check-status{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-weight:500;font-size:14px}.check-status svg{margin-right:6px}.check-status.success{background-color:#2ecc7133;color:#27ae60}.check-status.warning{background-color:#f1c40f33;color:#f39c12}.check-status.error{background-color:#e74c3c33;color:#c0392b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.empty-icon{font-size:48px;color:#bdc3c7;margin-bottom:16px}.empty-message{color:#95a5a6;font-style:italic;text-align:center;padding:20px}.error-message{text-align:center;padding:40px;color:#e74c3c;background-color:#e74c3c1a;border-radius:8px;margin:24px 0}.quality-report-container{padding:var(--space-5)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.back-button,.export-button{display:flex;align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:var(--transition-base)}.back-button:hover,.export-button:hover{background-color:var(--color-primary-50)}.back-button svg,.export-button svg{margin-right:var(--space-2)}.file-info-card{margin-bottom:var(--space-5)}.file-info-header{display:flex;align-items:center}.file-icon-container{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-primary-50);display:flex;align-items:center;justify-content:center;margin-right:var(--space-4)}.file-icon{font-size:24px;color:var(--color-primary)}.file-details h2{margin:0 0 var(--space-2) 0;font-size:18px}.file-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.generate-report-section{margin-top:var(--space-5);text-align:center;padding:var(--space-5);border-top:1px solid var(--border-light)}.generate-btn{padding:var(--space-3) var(--space-5);font-size:16px;margin-top:var(--space-3)}.error-message{color:var(--color-error);margin-top:var(--space-3)}.report-content{display:flex;flex-direction:column;gap:var(--space-5)}.report-section{margin-bottom:var(--space-5)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.timestamp{font-size:var(--text-sm);color:var(--text-secondary)}.overall-score-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);margin-bottom:var(--space-5)}.overall-score{display:flex;align-items:center;gap:var(--space-5)}.score-circle{width:120px;height:120px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:36px;font-weight:700;box-shadow:var(--shadow-md)}.score-label{text-align:center}.score-label h3{margin:0 0 var(--space-1) 0;font-size:18px}.score-label p{margin:0;font-size:16px;font-weight:500}.report-metrics{display:flex;justify-content:space-around;width:100%;text-align:center;border-top:1px solid var(--border-light);padding-top:var(--space-5)}.metric{display:flex;flex-direction:column;gap:var(--space-1)}.metric-label{font-size:var(--text-sm);color:var(--text-secondary)}.metric-value{font-size:18px;font-weight:var(--font-semibold)}.status{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.status-icon{font-size:18px}.status-icon.success{color:var(--color-success)}.status-icon.warning{color:var(--color-warning)}.component-scores{margin-top:var(--space-8)}.component-scores h3{margin-bottom:var(--space-5);text-align:center}.component-scores-container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:var(--space-5)}.component-score{flex:1;min-width:180px;max-width:250px;text-align:center}.component-weight{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.score-gauge{padding:var(--space-3)}.gauge-container{height:10px;background-color:var(--border-light);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-3)}.gauge-value{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.gauge-details{display:flex;justify-content:space-between;align-items:center}.gauge-score{font-size:16px;font-weight:var(--font-semibold)}.gauge-label{font-size:var(--text-sm)}.gauge-rating{font-size:var(--text-sm);font-weight:var(--font-medium)}.report-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--space-5)}.chart-section{min-height:350px}.chart-container{height:300px;display:flex;align-items:center;justify-content:center}.no-data-message{color:var(--text-secondary);font-style:italic}.anomalies{margin-top:var(--space-5)}.anomaly-icon{margin-right:var(--space-2);color:var(--color-warning)}.anomalies-list{display:flex;flex-direction:column;gap:var(--space-4)}.anomaly-item{background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-sm);padding:var(--space-4)}.anomaly-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.anomaly-severity{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-lg);font-weight:var(--font-semibold);text-transform:uppercase}.anomaly-severity.high{background-color:var(--color-error);color:var(--color-white)}.anomaly-severity.medium{background-color:var(--color-warning);color:var(--text-primary)}.anomaly-severity.low{background-color:var(--color-gray-500);color:var(--color-white)}.anomaly-type{font-weight:var(--font-semibold);text-transform:capitalize}.anomaly-column{font-family:var(--font-mono);background-color:#6c757d1a;padding:2px var(--space-2);border-radius:var(--radius-sm)}.anomaly-description{margin-bottom:var(--space-3)}.anomaly-details{background-color:#00000008;padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.anomaly-detail{display:flex;gap:var(--space-3);margin-bottom:var(--space-1)}.detail-label{font-weight:var(--font-semibold);min-width:100px}.recommendations{margin-top:var(--space-5)}.recommendations-list{list-style-type:none;padding:0;margin:0}.recommendations-list li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.recommendations-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.recommendation-icon{color:var(--color-success);margin-top:3px;flex-shrink:0}.rules{margin-top:var(--space-5)}.rules-list{display:flex;flex-direction:column;gap:var(--space-4)}.rule-item{padding:var(--space-4);border-radius:var(--radius-sm)}.rule-item.passed{background-color:var(--color-success-light);border:1px solid var(--color-success)}.rule-item.failed{background-color:var(--color-warning-light);border:1px solid var(--color-warning)}.rule-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.rule-status{flex-shrink:0}.rule-type{font-weight:var(--font-semibold);text-transform:capitalize}.rule-column{font-family:var(--font-mono);background-color:#6c757d1a;padding:2px var(--space-2);border-radius:var(--radius-sm)}.rule-message{margin-bottom:var(--space-3)}.rule-details{background-color:#ffffff80;padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-1)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center}.error-icon{font-size:48px;color:var(--color-error);margin-bottom:var(--space-5)}@media (max-width: 768px){.report-charts{grid-template-columns:1fr}.overall-score-container{flex-direction:column}.report-metrics{flex-direction:column;gap:var(--space-4)}.component-scores-container{flex-direction:column;align-items:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px 16px;border-bottom:1px solid #e0e0e0;position:relative}.modal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:20px}.modal-icon-danger{background-color:#fff1f0;color:#ff4d4f}.modal-icon-warning{background-color:#fffbe6;color:#faad14}.modal-icon-info{background-color:#e6f7ff;color:#1890ff}.modal-header h3{flex:1;margin:0;font-size:18px;color:#333}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:20px 24px}.modal-body p{margin:0;color:#666;font-size:14px;line-height:1.6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 20px;border-top:1px solid #e0e0e0}.quality-rules-container{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.page-header h1{margin:0 0 8px;font-size:2rem;color:#333}.page-description{color:#666;font-size:.95rem;margin:0}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{padding:20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-label{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:1.75rem;font-weight:700;color:#333}.stat-success .stat-value{color:#27ae60}.stat-warning .stat-value{color:#f39c12}.stat-error .stat-value{color:#e74c3c}.filters-card{margin-bottom:30px}.filters-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#555}.filters-header svg{font-size:1.2rem}.filters-header h3{margin:0;font-size:.95rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.rule-form-card{margin-bottom:30px;padding:30px}.rule-form-card h2{margin-top:0;margin-bottom:25px;color:#333;font-size:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-weight:500;margin-bottom:8px;color:#333;font-size:.875rem;display:flex;flex-direction:column;gap:4px}.field-hint{font-size:.85rem;color:#666;font-weight:400;font-style:italic}.form-control{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:var(--primary-color, #3498db);box-shadow:0 0 0 3px #3498db1a}.form-control[disabled]{background-color:#f5f5f5;cursor:not-allowed}textarea.form-control{resize:vertical;font-family:inherit}.error-text{color:#e74c3c;font-size:.85rem;margin-top:5px}.rule-type-fields{background:#f8f9fa;padding:20px;border-radius:6px;margin-bottom:20px}.threshold-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;margin-top:10px}.threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color, #3498db);cursor:pointer;transition:background .2s}.threshold-slider::-webkit-slider-thumb:hover{background:var(--primary-dark, #2980b9)}.threshold-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color, #3498db);cursor:pointer;border:none;transition:background .2s}.threshold-slider::-moz-range-thumb:hover{background:var(--primary-dark, #2980b9)}.threshold-value{text-align:center;font-size:1.5rem;font-weight:700;color:var(--primary-color, #3498db);margin-top:10px}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--primary-color, #3498db);color:#fff}.btn-primary:hover{background-color:var(--primary-dark, #2980b9);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-icon{font-size:1.1rem}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.data-table thead{background-color:#f8f9fa}.data-table th{padding:15px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:15px;border-bottom:1px solid #f0f0f0;font-size:.95rem}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:#f8f9fa}.rule-name-cell{display:flex;flex-direction:column;gap:5px}.rule-name-cell strong{color:#333}.rule-description-preview{font-size:.85rem;color:#666;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-error,.badge-critical{background-color:#f8d7da;color:#721c24}.badge-secondary{background-color:#e2e3e5;color:#383d41}.badge-type{text-transform:capitalize;font-weight:600}.badge-completeness{background-color:#e3f2fd;color:#1565c0}.badge-validity{background-color:#f3e5f5;color:#6a1b9a}.badge-consistency{background-color:#e8f5e9;color:#2e7d32}.badge-uniqueness{background-color:#fff3e0;color:#e65100}.badge-freshness{background-color:#fce4ec;color:#c2185b}.action-icons{display:flex;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background-color:transparent;cursor:pointer;transition:all .2s;color:#666}.icon-btn:hover{background-color:#0000000d}.icon-btn-primary:hover{background-color:#3498db1a;color:var(--primary-color, #3498db)}.icon-btn-danger:hover{background-color:#e74c3c1a;color:#e74c3c}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;color:#f39c12;margin-bottom:20px}.empty-state h2{margin:0 0 15px;color:#333}.empty-state p{margin:0 0 25px;color:#666;max-width:600px;line-height:1.6}.error-message{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px;background-color:#e74c3c1a;border-radius:8px;color:#e74c3c;text-align:center}.error-message svg{font-size:3rem}.error-message p{margin:0;font-size:1.1rem}@media (max-width: 768px){.page-header{flex-direction:column;gap:20px}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-grid,.form-row{grid-template-columns:1fr}.table-container{overflow-x:auto}.data-table{min-width:800px}.stat-value{font-size:1.5rem}}@media (max-width: 480px){.quality-rules-container{padding:15px}.page-header h1{font-size:1.5rem}.stat-value{font-size:1.25rem}.statistics-grid{grid-template-columns:1fr}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:60px}.page-layout-container{padding:10px 20px 20px;max-width:1200px;margin:0 auto}.page-layout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-layout-title-section{display:flex;flex-direction:column}.page-layout-title{margin:0;font-size:2rem;font-weight:600;color:#025043}.page-layout-subtitle{margin:.3rem 0 0;font-size:.9rem;color:#037c6e}.page-layout-header-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.page-layout-filters{margin-bottom:20px}.page-layout-filters-wrapper{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.page-layout-table-container{overflow-x:auto;background:var(--bg-primary, #ffffff);border-radius:var(--border-radius, 4px);border:1px solid #dadce0}table.page-layout-table{width:100%;border-collapse:collapse}table.page-layout-table th,table.page-layout-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #dadce0}table.page-layout-table th{background:#f8f9fa;font-weight:600;color:var(--text-primary, #333);position:sticky;top:0;z-index:10}table.page-layout-table tbody tr:hover{background:#f8f9fa}table.page-layout-table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.page-layout-container{padding:10px 15px 15px}.page-layout-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-layout-header-actions{width:100%;justify-content:flex-start}.page-layout-title{font-size:1.5rem}}.download-dropdown{position:relative;display:inline-block}.download-button{padding:.5rem 1rem;font-size:.8rem;border:1px solid #0066cc;background:#06c;color:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.download-button:hover{background:#0052a3;border-color:#0052a3}.download-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:1000}.download-dropdown:hover .download-menu{opacity:1;visibility:visible;transform:translateY(0)}.download-menu button{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;cursor:pointer;font-size:.85rem;color:#333;transition:background .2s}.download-menu button:hover{background:#f5f5f5}.download-menu button:first-child{border-radius:4px 4px 0 0}.download-menu button:last-child{border-radius:0 0 4px 4px}.btn-secondary{padding:.5rem 1rem;font-size:.8rem;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary:hover{background:#f5f5f5;border-color:#999}.btn-secondary.active{background:#e6f2ff;border-color:#06c;color:#06c}.btn-sm{padding:.4rem .8rem;font-size:.75rem;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;transition:all .2s}.btn-sm:hover{background:#f5f5f5}.error-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-bottom:1rem;font-size:.8rem;color:#856404}.error-close{margin-left:auto;background:none;border:none;cursor:pointer;color:#856404;padding:.25rem}.statistics-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1rem}.stat-card h3{font-size:.8rem;font-weight:600;margin:0 0 .75rem;color:#333}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:.75rem}.stat-item{text-align:center;padding:.5rem;background:#f8f9fa;border-radius:4px}.stat-item.critical{background:#ffe6e6;color:#c62828}.stat-item.error{background:#ffebe6;color:#d84315}.stat-item.warning{background:#fff8e6;color:#f57c00}.stat-label{display:block;font-size:.7rem;color:#666;margin-bottom:.25rem}.stat-value{display:block;font-size:1.2rem;font-weight:600}.stat-breakdown{display:flex;gap:1rem;font-size:.75rem;color:#666;padding-top:.75rem;border-top:1px solid #e0e0e0}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.8rem;font-weight:500;color:#333}.filter-group select,.filter-group input{padding:.5rem;font-size:.8rem;border:1px solid #ddd;border-radius:4px;background:#fff}.filter-search{grid-column:span 2}.clear-filters-button{padding:.5rem 1rem;font-size:.8rem;border:1px solid #dc2626;background:#fff;color:#dc2626;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;height:fit-content}.clear-filters-button:hover{background:#dc2626;color:#fff}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #e0e0e0}.tab{padding:.75rem 1.25rem;font-size:.8rem;border:none;background:none;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tab-badge{background:#f44;color:#fff;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.table-container{background:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:1rem}.quality-violations-bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#e6f2ff;border:1px solid #b3d9ff;border-radius:6px;margin-bottom:1rem}.quality-violations-selected-count{font-size:.85rem;font-weight:500;color:#06c}.quality-violations-bulk-delete-btn{padding:.5rem 1rem;font-size:.8rem;border:1px solid #dc2626;background:#fff;color:#dc2626;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.quality-violations-bulk-delete-btn:hover:not(:disabled){background:#dc2626;color:#fff}.quality-violations-bulk-delete-btn:disabled{opacity:.5;cursor:not-allowed}.error-table{width:100%;border-collapse:collapse;font-size:.8rem}.error-table th{background:#f8f9fa;padding:.75rem .5rem;text-align:left;font-weight:600;font-size:.75rem;color:#333;border-bottom:2px solid #e0e0e0}.error-table td{padding:.75rem .5rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.error-table tr:hover{background:#f8f9fa}.error-table tr.selected{background:#e6f2ff}.severity-icon{font-size:1.1rem}.severity-icon.critical{color:#c62828}.severity-icon.error{color:#d84315}.severity-icon.warning{color:#f57c00}.badge{padding:.25rem .5rem;background:#e0e0e0;border-radius:3px;font-size:.7rem;font-weight:500;text-transform:capitalize}.truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-message{max-width:300px;font-size:.75rem}.status-select{padding:.4rem;font-size:.75rem;border:1px solid #ddd;border-radius:3px;background:#fff;cursor:pointer}.pagination{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:1rem}.pagination-btn{padding:.5rem .75rem;font-size:.75rem;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.pagination-btn.active{background:#06c;color:#fff;border-color:#06c}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:0 .25rem;color:#999}.pagination-info{font-size:.75rem;color:#666;margin-left:1rem}.loading{text-align:center;padding:3rem;font-size:.9rem;color:#666}.no-data{text-align:center;padding:3rem;font-size:.9rem;color:#999}.tabs-container{width:100%;margin-bottom:0}.tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0}.tab{padding:.75rem 1.5rem;font-size:.9rem;border:none;background:transparent;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tab:hover{color:#06c}.tab.active{color:#06c;border-bottom-color:#06c;font-weight:500}.tab-count{background:#06c;color:#fff;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.violations-table{width:100%;border-collapse:collapse;font-size:.8rem}.violations-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.violations-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#333;white-space:nowrap}.violations-table td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;vertical-align:top}.violation-row{transition:background .2s}.violation-row:hover{background:#f8f9fa}.expand-button{background:none;border:none;cursor:pointer;color:#666;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.expand-button:hover{background:#e0e0e0;color:#333}.filename-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.violation-details-compact{display:flex;flex-direction:column;gap:.25rem}.detail-item{display:flex;gap:.5rem;font-size:.75rem}.detail-label{font-weight:600;color:#666;min-width:60px}.expanded-row{background:#f8f9fa}.expanded-row td{padding:1rem;border-bottom:2px solid #e0e0e0}.quality-violations-record-snapshot{margin-top:.5rem;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.quality-violations-record-header{font-weight:600;font-size:.9rem;color:#333;margin-bottom:.75rem}.quality-violations-record-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}.quality-violations-record-field{display:flex;gap:.5rem;font-size:.75rem;padding:.5rem;background:#f8f9fa;border-radius:4px}.quality-violations-record-field-key{font-weight:600;color:#666;min-width:100px}.quality-violations-record-field-value{color:#333;word-break:break-word}.quality-violations-mapping-info{margin-top:.75rem;padding:.75rem;background:#e6f2ff;border-left:3px solid #0066cc;border-radius:4px;font-size:.8rem}.quality-violations-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.quality-violations-status-new{background:#e0e7ff;color:#3730a3}.quality-violations-status-reviewed{background:#dbeafe;color:#1e40af}.quality-violations-status-acknowledged{background:#fef3c7;color:#92400e}.quality-violations-status-resolved{background:#d1fae5;color:#065f46}.loading-message,.error-message,.empty-state{text-align:center;padding:3rem;font-size:.9rem;color:#666}.error-message{color:#dc2626}.quality-violations-project-group{margin-bottom:1rem;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;background:#fafafa}.quality-violations-project-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8f9fa;cursor:pointer;transition:background .2s;border-bottom:1px solid #e0e0e0}.quality-violations-project-header:hover{background:#e9ecef}.project-expand-button{background:none;border:none;cursor:pointer;color:#666;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:color .2s}.project-expand-button:hover{color:#333}h3.project-name{margin:0;font-size:.65rem!important;font-weight:600;color:#333;flex:1}.project-count{font-size:.85rem;color:#666;background:#e0e7ff;padding:.25rem .75rem;border-radius:12px;font-weight:500}.violations-details-table{font-size:.7rem;margin:0;border:none}.violations-details-table th{font-size:.7rem;padding:.6rem .75rem;background:#fff;border-bottom:1px solid #e0e0e0}.violations-details-table td{padding:.6rem .75rem;font-size:.7rem}.violations-details-table .filename-cell{max-width:150px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 6px 6px}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-button{padding:.5rem 1rem;font-size:.8rem;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-size-selector{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666}.pagination-size-select{padding:.4rem .6rem;font-size:.8rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .2s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-modal-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.delete-modal-title-section{display:flex;align-items:center;gap:.75rem}.delete-modal-title-section h2{font-size:1.5rem;font-weight:600;margin:0;color:#fff}.delete-modal-title-section .warning-icon{font-size:1.75rem}.delete-modal-close-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.delete-modal-close-btn:hover{background-color:#ffffff26}.delete-modal-close-btn svg{font-size:1.5rem}.delete-modal-body{padding:2rem;max-height:70vh;overflow-y:auto}.agreement-info-section{background:#f9fafb;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.agreement-info-section h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.info-row{display:flex;margin-bottom:.75rem}.info-row:last-child{margin-bottom:0}.info-label{font-weight:500;color:#6b7280;min-width:100px}.info-value{color:#111827;font-weight:500}.dependencies-warning{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem 1.25rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.warning-icon-large{color:#f59e0b;font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.warning-message{color:#78350f;margin:0;line-height:1.5;font-size:.95rem}.dependencies-section{margin-bottom:1.5rem}.dependencies-section h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.dependencies-list{display:flex;flex-direction:column;gap:.75rem}.dependency-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb}.dep-icon{color:#6b7280;font-size:1.25rem;flex-shrink:0}.dep-label{flex:1;color:#374151;font-weight:500;font-size:.95rem}.dep-count{background:#f59e0b;color:#fff;padding:.25rem .75rem;border-radius:999px;font-weight:600;font-size:.875rem;min-width:30px;text-align:center}.alternative-action-section{background:#eff6ff;border-left:4px solid #3b82f6;padding:1rem 1.25rem;border-radius:6px}.alternative-message{color:#1e40af;margin:0;line-height:1.5;font-size:.95rem}.alternative-message strong{font-weight:600}.delete-confirmation-section{background:#fef2f2;border-left:4px solid #ef4444;padding:1rem 1.25rem;border-radius:6px}.delete-message{color:#991b1b;margin:0;line-height:1.5;font-size:.95rem}.delete-modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end}.delete-modal-footer button{padding:.625rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-cancel{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background-color:#e5e7eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-disable{background-color:#f59e0b;color:#fff}.btn-disable:hover{background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-delete-confirm{background-color:#ef4444;color:#fff}.btn-delete-confirm:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.delete-error-section{display:flex;align-items:flex-start;gap:.75rem;background-color:#fee2e2;border-left:4px solid #ef4444;padding:1rem;border-radius:6px;margin-bottom:1rem}.delete-error-section .error-icon{color:#dc2626;font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.delete-error-section .error-message{color:#991b1b;font-size:.875rem;line-height:1.5;margin:0}.dependency-item-detailed{background-color:#fef3c7;border-left:4px solid #f59e0b;padding:1rem;border-radius:6px;margin-bottom:.75rem}.dependency-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.dependency-items-list{margin-top:.75rem;padding-left:1.5rem}.dependency-item-name{font-size:.875rem;color:#78350f;padding:.25rem 0}.dependency-item-name.more-items{font-style:italic;color:#a16207}.dependencies-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#6b7280}.dependencies-loading .spinner{animation:spin 1s linear infinite;font-size:2rem}.btn-delete-confirm:disabled,.delete-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.delete-modal-content{width:95%}.delete-modal-header{padding:1.25rem 1.5rem}.delete-modal-title-section h2{font-size:1.25rem}.delete-modal-body{padding:1.5rem}.delete-modal-footer{flex-direction:column-reverse;padding:1.25rem 1.5rem}.delete-modal-footer button{width:100%;justify-content:center}}.connections-container{padding:20px}.connections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.connections-header h1{margin:0;font-size:2rem;color:#025043}.connections-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .3s ease;margin-bottom:-2px}.tab-button:hover{color:var(--primary-color);background-color:#3498db0d}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.add-connection-btn{display:flex;align-items:center;gap:8px}.permission-notice-sm{background-color:#f8f9fa;border:1px dashed #ccc;border-radius:5px;padding:8px 12px;color:#721c24;font-size:12px;font-weight:500;text-align:center;display:inline-block}.connections-content{display:flex;flex-direction:column;gap:var(--space-5)}.connections-table-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.connections-table{width:100%;border-collapse:collapse}.connections-table thead{background:var(--bg-header);color:var(--text-on-primary)}.connections-table thead th{padding:var(--space-4);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-sm);border-bottom:2px solid var(--border-medium)}.connections-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.connections-table tbody tr:hover{background-color:var(--slate-alpha-10)}.connections-table tbody tr:last-child{border-bottom:none}.connections-table td{padding:var(--space-4);vertical-align:top}.col-icon{width:50px;text-align:center}.col-name{min-width:200px}.col-type{width:180px}.col-details{min-width:250px}.col-last-used{width:140px}.col-actions{width:140px;text-align:center}.connection-row.aws{border-left:4px solid #FF9900}.connection-row.gcp{border-left:4px solid #4285F4}.connection-row.azure{border-left:4px solid #0078D4}.connection-row.snowflake{border-left:4px solid #29B5E8}.connection-row.databricks{border-left:4px solid #FF3621}.connection-row.sharepoint{border-left:4px solid #036C70}.connection-row.outlook{border-left:4px solid #0078D4}.connection-icon{font-size:24px;margin-right:15px;color:#6c757d}.connection-icon.aws{color:#f90}.connection-icon.gcp{color:#4285f4}.connection-icon.azure{color:#0078d4}.connection-icon.snowflake{color:#29b5e8}.connection-icon.databricks{color:#ff3621}.connection-icon.sharepoint{color:#036c70}.connection-icon.outlook{color:#0078d4}.shared-indicator{display:inline-flex;align-items:center;margin-right:10px;background-color:#e9f7fe;color:#0078d4;padding:2px 8px;border-radius:4px;font-size:12px}.shared-icon{margin-right:4px;font-size:14px}.test-btn{background-color:#f0f0f0;border:none;color:#333;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.test-btn:hover{background-color:#e0e0e0}.test-result{margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2)}.test-result.success{background-color:var(--color-success-light);color:var(--color-success-dark)}.test-result.error{background-color:var(--color-error-light);color:var(--color-error-dark)}.error-message{font-size:var(--text-xs)}.connection-name-wrapper{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-semibold);color:var(--text-primary)}.shared-badge{display:inline-flex;align-items:center;color:var(--color-info);font-size:var(--text-sm)}.usage-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background-color:#fef3c7;color:#92400e;font-size:.75rem;font-weight:500;border-radius:12px;border:1px solid #fbbf24}.usage-badge svg{font-size:.875rem}.source-app-badge{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);background:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block}.connection-details-inline{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.connection-details-inline>div{margin-bottom:var(--space-1)}.connection-details-inline strong{color:var(--text-primary);font-weight:var(--font-medium)}.table-actions{display:flex;gap:var(--space-2);justify-content:center;align-items:center}.action-icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.action-icon-btn:hover{background-color:var(--slate-alpha-10)}.action-icon-btn.test-btn{color:var(--color-info)}.action-icon-btn.test-btn:hover,.action-icon-btn.edit-btn:hover{background-color:var(--color-info-light);color:var(--color-info-dark)}.action-icon-btn.delete-btn:hover{background-color:var(--color-error-light);color:var(--color-error-dark)}.no-connections{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a}.empty-icon{font-size:48px;color:#6c757d;margin-bottom:10px}.no-connections p{margin:0;color:#6c757d}.no-connections button{margin-top:15px}.connection-form-container{max-width:800px;margin:0 auto}.connection-form-container h2{margin-top:0;margin-bottom:20px;text-align:center}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.form-grid .form-group-full{grid-column:1 / -1}.cloud-providers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.cloud-provider-section{border-radius:8px;margin-bottom:20px;padding:20px;background-color:#f8f9fa;border-left:4px solid transparent;display:flex;flex-direction:column;box-shadow:0 2px 5px #0000000d;transition:all .2s ease-in-out}.cloud-provider-section:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.cloud-provider-section p{flex:1;margin-bottom:15px}.cloud-provider-section button{align-self:flex-start;margin-top:auto}.cloud-provider-section.aws{border-left-color:#f90}.cloud-provider-section.gcp{border-left-color:#4285f4}.cloud-provider-section.azure{border-left-color:#0078d4}.cloud-provider-section.snowflake{border-left-color:#29b5e8}.cloud-provider-section.databricks{border-left-color:#ff3621}.cloud-provider-section.sharepoint{border-left-color:#036c70}.cloud-provider-section.outlook{border-left-color:#0078d4}.cloud-provider-header{display:flex;align-items:center;margin-bottom:15px}.cloud-provider-icon{font-size:24px;margin-right:15px}.cloud-provider-icon.aws{color:#f90}.cloud-provider-icon.gcp{color:#4285f4}.cloud-provider-icon.azure{color:#0078d4}.cloud-provider-icon.snowflake{color:#29b5e8}.cloud-provider-icon.databricks{color:#ff3621}.cloud-provider-icon.sharepoint{color:#036c70}.cloud-provider-icon.outlook{color:#0078d4}.cloud-provider-title{flex:1}.cloud-provider-title h3{margin:0 0 5px}.cloud-provider-features{font-size:14px;color:#6c757d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.test-btn{background-color:#f0f8ff;border:1px solid #b0d8ff;border-radius:4px;color:#06c;font-size:13px;padding:4px 12px;margin-right:8px;cursor:pointer;transition:all .2s ease}.test-btn:hover{background-color:#d6eaff}.test-btn:disabled{background-color:#e9ecef;border-color:#ced4da;color:#6c757d;cursor:not-allowed}.test-result{margin:10px 0;padding:8px 12px;border-radius:4px;font-size:14px;display:flex;align-items:center;gap:6px}.test-result.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.test-result.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.error-message{word-break:break-word}.connection-title{display:flex;flex-direction:column;position:relative}.shared-indicator{position:absolute;top:-8px;right:-20px;background-color:#e9ecef;color:#495057;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.shared-icon{font-size:14px}.source-app{display:inline-block;background-color:#e9ecef;color:#495057;font-size:12px;padding:3px 8px;border-radius:4px;margin-bottom:8px}@media (max-width: 1024px){.connections-table-container{overflow-x:auto}.connections-table{min-width:800px}}@media (max-width: 768px){.connections-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.connection-form-container{padding:var(--space-4)}.form-grid{grid-template-columns:1fr}.form-grid .form-group-full{grid-column:1}.connections-table thead{display:none}.connections-table tbody tr{display:block;margin-bottom:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3)}.connections-table tbody td{display:block;text-align:left;padding:var(--space-2) 0;border-bottom:1px solid var(--border-light)}.connections-table tbody td:last-child{border-bottom:none}.connections-table tbody td:before{content:attr(data-label);font-weight:var(--font-semibold);display:block;margin-bottom:var(--space-1);color:var(--text-secondary)}.col-icon,.col-actions{text-align:left}.table-actions{justify-content:flex-start}}.mappings-container{padding:20px}.mappings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mappings-header h1{margin:0}.page-container .page-header h1{font-size:2rem;color:#025043}.page-container .page-header p{font-size:.95rem}.permission-notice{background-color:#f8f9fa;border:1px dashed #ccc;border-radius:5px;padding:10px 15px;color:#721c24;font-size:14px;font-weight:500}.mappings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.mapping-card{display:flex;flex-direction:column}.mapping-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.mapping-title h3{margin:0;font-size:1.1rem}.mapping-actions{display:flex;gap:10px}.action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;color:#555;background-color:#0000000d;border:none;cursor:pointer;transition:all .2s ease}.action-button:hover{background-color:#0000001a;color:var(--primary-color)}.delete-button:hover{background-color:#e74c3c1a;color:var(--error-color)}.mapping-content{flex:1;margin-bottom:15px}.mapping-detail{margin-bottom:8px}.detail-label{font-weight:500;color:#555;margin-right:5px}.detail-value{color:#333}.mapping-footer{font-size:.9rem;color:#777}.mapping-form-card{margin-bottom:30px}.mapping-form-card h2{margin-top:0;margin-bottom:20px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.mapping-builder{margin-top:20px;border:1px solid var(--border-color);border-radius:6px;padding:20px;background-color:#f9f9f9}.mapping-columns-container{display:flex;align-items:stretch}.mapping-source-columns,.mapping-target-columns{flex:1;display:flex;flex-direction:column;background-color:#fff;border-radius:6px;border:1px solid var(--border-color);padding:15px}.mapping-arrow{display:flex;align-items:center;justify-content:center;padding:0 20px;color:#777;font-size:1.5rem}.mapping-source-columns h3,.mapping-target-columns h3{margin-top:0;margin-bottom:15px;font-size:1rem;border-bottom:1px solid var(--border-color);padding-bottom:10px}.column-loading,.column-empty{padding:20px;text-align:center;color:#777}.column-list{flex:1;overflow-y:auto;max-height:300px}.source-column{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--border-color)}.source-column:last-child{border-bottom:none}.source-column-name{flex:1;font-weight:500}.source-column-type{color:#777;font-size:.9rem;margin-right:10px}.source-column-add{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--primary-color);background-color:#3498db1a;border:none;cursor:pointer;transition:all .2s ease}.source-column-add:hover{background-color:#3498db33}.mapping-column{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px;background-color:#fff;cursor:move}.mapping-column:last-child{margin-bottom:0}.mapping-column-info{display:flex;flex-direction:column;flex:1}.mapping-column-name{font-weight:500}.mapping-column-type{color:#777;font-size:.9rem}.mapping-column-transform{display:flex;align-items:center;font-size:.85rem;margin-top:5px;color:var(--primary-color);background-color:#3498db1a;padding:2px 6px;border-radius:3px;width:fit-content}.mapping-column-transform svg{margin-right:4px}.mapping-column-actions{display:flex;align-items:center;gap:5px}.mapping-column-edit,.mapping-column-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease}.mapping-column-edit{color:var(--primary-color);background-color:#3498db1a}.mapping-column-edit:hover{background-color:#3498db33}.mapping-column-remove{color:var(--error-color);background-color:#e74c3c1a}.mapping-column-remove:hover{background-color:#e74c3c33}.transform-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.transform-panel{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease;overflow:hidden}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.transform-panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color)}.transform-panel-header h3{margin:0;font-size:1.2rem}.close-button{background:none;border:none;font-size:1.5rem;line-height:1;color:#777;cursor:pointer}.transform-panel-body{flex:1;padding:20px;overflow-y:auto}.transform-panel-footer{padding:15px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.transform-field{margin-bottom:15px}.transform-field label{display:block;margin-bottom:5px;font-weight:500}.transform-field .field-help{margin-top:5px;font-size:.85rem;color:#777}.condition-row{display:flex;gap:10px}.operator-select{width:120px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:3rem;color:var(--primary-color);margin-bottom:20px}.empty-state h2{margin-bottom:10px}.empty-state p{margin-bottom:20px;color:#777;max-width:500px}.mapping-joins{margin-top:20px;border:1px solid var(--border-color);border-radius:6px;padding:20px;background-color:#f9f9f9}.joins-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.joins-header h3{margin:0;font-size:1rem}.joins-empty{background-color:#fff;border:1px dashed var(--border-color);border-radius:4px;padding:20px;text-align:center;color:#777}.joins-list{display:flex;flex-direction:column;gap:10px}.join-item{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:4px;padding:12px 15px}.join-info{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.join-type{font-weight:500;font-size:.85rem;background-color:#3498db1a;color:var(--primary-color);padding:2px 8px;border-radius:3px;display:inline-block}.join-details,.join-file{color:#555;font-size:.9rem}.join-details strong,.join-file strong{color:#333}.join-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--error-color);background-color:#e74c3c1a;border:none;cursor:pointer;transition:all .2s ease}.join-remove:hover{background-color:#e74c3c33}.btn-sm{font-size:.85rem;padding:4px 12px}.mapping-transforms{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}.transform-badge{display:inline-flex;align-items:center;font-size:.75rem;padding:2px 6px;border-radius:3px;background-color:#3498db1a;color:var(--primary-color)}.transform-badge svg{margin-right:4px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:30px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.section-header h2{margin:0;font-size:1.2rem;color:var(--text-color)}.transformations-header{margin-top:40px}.transformation-card{border-left:3px solid var(--primary-color)}.transform-icon{color:#6366f1}.external-link-btn{background-color:#6366f1;border-color:#6366f1}.external-link-btn:hover{background-color:#4f46e5;border-color:#4f46e5}.transformations-header{border-bottom:2px solid #6366f1}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.draft{background-color:#bdc3c733;color:#7f8c8d}.status-badge.active{background-color:#2ecc7133;color:#27ae60}.status-badge.paused{background-color:#f1c40f33;color:#f39c12}.status-badge.error{background-color:#e74c3c33;color:#c0392b}.mappings-table-container{padding:1rem;overflow-x:auto}.mappings-table{width:100%;border-collapse:collapse;background:#fff}.mappings-table thead{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.mappings-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.8125rem;color:#475569;text-transform:uppercase;letter-spacing:.05em}.mappings-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s ease}.mappings-table tbody tr:hover{background-color:#f8fafc}.mappings-table td{padding:.875rem 1rem;font-size:.8125rem;color:#334155}.mapping-name-cell strong{color:#0f172a;font-weight:400}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-close{background:none;border:none;font-size:1.75rem;line-height:1;color:#94a3b8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.btn-danger{background-color:#ef4444;color:#fff;border:1px solid #ef4444;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.btn-secondary{background-color:#fff;color:#475569;border:1px solid #cbd5e1;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.table-based-mapper{display:flex;flex-direction:column;height:100%;background:#f8f9fa;border-radius:8px;padding:1rem}.mapper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #dee2e6}.mapper-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#212529}.mapper-actions{display:flex;gap:.5rem}.mapper-panels{display:grid;grid-template-columns:300px 1fr;gap:1rem;flex:1;min-height:0}.source-panel,.target-panel{background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.source-panel h4,.target-panel h4{margin:0;padding:.75rem 1rem;background:#e9ecef;border-bottom:1px solid #dee2e6;font-size:.875rem;font-weight:600;color:#495057}.target-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#e9ecef;border-bottom:1px solid #dee2e6}.target-panel-header h4{margin:0;padding:0;background:none;border:none;font-size:.875rem;font-weight:600;color:#495057}.target-panel-header .btn{display:flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.375rem .75rem}.custom-badge{display:inline-block;padding:.125rem .5rem;background:#17a2b8;color:#fff;font-size:.625rem;font-weight:600;border-radius:3px;text-transform:uppercase;margin-right:.25rem}.field-search{padding:.75rem 1rem;border-bottom:1px solid #dee2e6}.field-search input{width:100%;padding:.375rem .75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem}.source-fields-list{flex:1;overflow-y:auto;padding:.5rem}.source-field-item{display:flex;align-items:center;padding:.5rem;gap:.5rem;border-radius:4px;transition:background-color .15s}.source-field-item:hover{background-color:#f8f9fa}.source-field-item input[type=checkbox]{margin:0;cursor:pointer}.source-field-item label{margin:0;cursor:pointer;font-size:.875rem;color:#495057;-webkit-user-select:none;user-select:none}.target-table-container{flex:1;overflow-y:auto}.target-mapping-table{width:100%;border-collapse:collapse;font-size:.875rem}.target-mapping-table thead{position:sticky;top:0;background:#f8f9fa;z-index:1}.target-mapping-table th{text-align:left;padding:.75rem;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:.8rem;text-transform:uppercase}.target-mapping-table td{padding:.5rem .75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.target-mapping-table tbody tr:hover{background-color:#f8f9fa}.status-cell{text-align:center}.status-icon{font-size:1rem}.status-icon.mapped{color:#28a745}.name-cell{font-weight:500;color:#212529}.target-name-input{width:100%;padding:.25rem .5rem;border:1px solid #ced4da;border-radius:3px;font-size:.875rem;background:#fff;transition:border-color .15s}.target-name-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.actions-cell{display:flex;align-items:center;gap:.25rem}.arrow-icon{color:#6c757d;font-size:.875rem;margin-right:.25rem}.btn-icon-small{background:none;border:none;padding:.25rem;cursor:pointer;color:#6c757d;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s}.btn-icon-small:hover{background-color:#e9ecef;color:#495057}.expression-cell{font-family:Consolas,Monaco,Courier New,monospace;color:#06c}.expression-text{cursor:pointer;padding:.25rem .5rem;border-radius:3px;display:inline-block;transition:background-color .15s}.expression-text:hover{background-color:#e7f3ff}.no-mappings{text-align:center;color:#6c757d;font-style:italic;padding:2rem!important}.expression-editor-modal .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.expression-editor-modal .modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;z-index:1000;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column}.expression-editor-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #dee2e6}.expression-editor-modal .modal-header h4{margin:0;font-size:1.125rem;font-weight:600}.expression-editor-modal .btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:4px;transition:all .15s}.expression-editor-modal .btn-close:hover{background-color:#f8f9fa;color:#495057}.expression-editor-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.expression-editor-modal .form-group{margin-bottom:1rem}.expression-editor-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#495057}.expression-editor-modal .form-control{width:100%;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .15s}.expression-editor-modal .form-control:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.expression-editor-modal .form-control:disabled{background-color:#e9ecef;cursor:not-allowed}.expression-preview{padding:.75rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;color:#06c;font-size:.875rem;word-break:break-all}.expression-editor-modal .modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #dee2e6}.mapping-summary{margin-top:.75rem;padding:.75rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;text-align:center}.variables-section{margin-bottom:1rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.variables-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f0f4ff;border-bottom:1px solid #dee2e6;cursor:pointer;-webkit-user-select:none;user-select:none}.variables-header:hover{background:#e6edff}.variables-title{display:flex;align-items:center;gap:.5rem;flex:1}.variables-title svg{color:#6366f1;font-size:1.25rem}.variables-title h4{margin:0;font-size:.875rem;font-weight:600;color:#4338ca}.variables-info{font-size:.75rem;color:#6b7280;font-style:italic;margin-left:.5rem}.variables-content{padding:1rem}.no-variables{padding:2rem;text-align:center;color:#6b7280;font-size:.875rem;border:2px dashed #e5e7eb;border-radius:6px;background:#f9fafb}.variables-list{display:flex;flex-direction:column;gap:.5rem}.variable-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#fafbff;border:1px solid #e0e7ff;border-radius:6px;transition:all .2s}.variable-item:hover{background:#f5f8ff;border-color:#c7d2fe;box-shadow:0 2px 4px #4f46e51a}.variable-order{display:flex;flex-direction:column;align-items:center;gap:.25rem}.variable-order .btn-icon-small{padding:.125rem;min-width:unset}.variable-order .btn-icon-small:disabled{opacity:.3;cursor:not-allowed}.order-number{font-size:.75rem;font-weight:600;color:#6366f1;padding:.125rem .375rem;background:#fff;border-radius:3px;border:1px solid #c7d2fe}.variable-info{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.variable-name{font-size:.875rem;color:#1f2937;white-space:nowrap}.variable-name strong{color:#4338ca}.variable-expression{flex:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8125rem;color:#059669;background:#f0fdf4;padding:.25rem .5rem;border-radius:3px;border:1px solid #d1fae5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variable-actions{display:flex;gap:.25rem}.form-text{display:block;margin-top:.25rem;font-size:.75rem;color:#6b7280}.mapping-summary p{margin:0;font-size:.875rem;color:#6c757d;font-weight:500}.variable-builder-modal .modal-content{max-width:1200px;width:95%;height:80vh;max-height:800px}.variable-builder-modal .modal-header{background:#fff}.variable-builder-modal .modal-header h4{color:#6d8196}.variable-builder-modal .modal-body{padding:0;overflow:hidden;display:flex;flex-direction:column}.variable-builder-panes{display:grid;grid-template-columns:20% 20% 60%;gap:1px;background:#e5e7eb;flex:1;overflow:hidden}.variable-pane{background:#fff;display:flex;flex-direction:column;overflow:hidden}.variable-pane-header{padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:.875rem;color:#374151}.variable-pane-content{flex:1;overflow-y:auto;padding:.5rem}.insertable-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;margin-bottom:.25rem;border-radius:4px;background:transparent;border:1px solid #e5e7eb;transition:all .2s}.insertable-item:hover{background:#f9fafb;border-color:#d1d5db}.insertable-item-name{font-size:.875rem;color:#3b82f6;font-weight:500;font-family:Consolas,Monaco,Courier New,monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insertable-item-type{font-size:.75rem;color:#6b7280;margin-right:.5rem}.btn-insert{background:#fff;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;transition:all .2s}.btn-insert:active{transform:scale(.95)}.insertable-item .btn-insert{color:#1e40af;border:none}.insertable-item .btn-insert:hover{background:#eff6ff;color:#1e3a8a}.function-item .btn-insert{color:#047857;border:none}.function-item .btn-insert:hover{background:#f0fdf4;color:#065f46}.function-item{display:flex;flex-direction:column;padding:.5rem .75rem;margin-bottom:.25rem;border-radius:4px;background:transparent;border:1px solid #e5e7eb;transition:all .2s}.function-item:hover{background:#f9fafb;border-color:#d1d5db}.function-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.function-item-name{font-size:.875rem;color:#10b981;font-weight:500}.function-item-syntax{font-size:.75rem;color:#059669;font-family:Consolas,Monaco,Courier New,monospace;margin-top:.25rem}.function-group-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f3f4f6;margin:.5rem 0 .25rem;border-radius:4px}.conditional-header{background:#f3f4f6;color:#6b7280;font-weight:600;padding:.5rem .75rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.function-item-conditional{background:transparent;border:1px solid #d1d5db}.function-item-conditional:hover{background:#f9fafb;border-color:#9ca3af}.function-item-conditional .function-item-name{color:#d97706;font-weight:600}.function-item-conditional .function-item-syntax{color:#92400e;background:transparent;padding:0;margin-top:.25rem}.function-item-description{font-size:.7rem;color:#78716c;font-style:italic;margin-top:.5rem;padding:.25rem .5rem;background:#fafaf9;border-left:2px solid #d6d3d1;border-radius:2px}.expression-builder{display:flex;flex-direction:column;height:100%;padding:1rem}.expression-builder-header{margin-bottom:1rem}.expression-builder-header label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#374151}.expression-editor-container{position:relative;width:100%}.expression-highlight-layer{position:absolute;top:0;left:0;right:0;min-height:200px;padding:.75rem;border:1px solid transparent;border-radius:6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;pointer-events:none;overflow-wrap:break-word;color:#000}.expression-placeholder{color:#9ca3af;font-style:italic}.expression-textarea{width:100%;min-height:200px;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;resize:vertical;transition:border-color .15s;background:transparent;position:relative}.expression-textarea-overlay{color:transparent;caret-color:#374151}.expression-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.expression-help{margin-top:.5rem;padding:.75rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;font-size:.75rem;color:#0369a1}.expression-help-title{font-weight:600;margin-bottom:.25rem}.expression-help-text{line-height:1.5}.expression-preview-section{margin-top:1rem}.expression-preview-section label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#374151}.variable-name-input{margin-bottom:1rem}.variable-name-input label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#374151}.variable-name-input input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.variable-name-input input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.wizard-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#64748b;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.wizard-steps{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s}.wizard-step.clickable{cursor:pointer}.wizard-step.clickable:hover .step-number{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.wizard-step.clickable:hover .step-label{color:#1e293b}.step-number{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#64748b;font-weight:600;transition:all .3s}.wizard-step.active .step-number{background:#3b82f6;color:#fff}.wizard-step.completed .step-number{background:#10b981;color:#fff}.step-label{font-size:.875rem;color:#64748b;font-weight:500}.wizard-step.active .step-label{color:#1e293b;font-weight:600}.step-connector{width:4rem;height:2px;background:#e2e8f0;margin:0 .5rem}.wizard-step.completed+.step-connector{background:#10b981}.wizard-content{min-height:400px}.wizard-step-content{padding:1.5rem}.wizard-step-content h2{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#1e293b;font-size:1.5rem}.wizard-step-content h3{display:flex;align-items:center;gap:.5rem;margin:1.5rem 0 1rem;color:#334155;font-size:1.125rem}.form-group label{display:block;margin-bottom:.5rem;color:#334155;font-weight:500;font-size:.875rem}.form-control{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;transition:all .2s}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-control-sm{padding:.375rem .625rem;font-size:.813rem;border:1px solid #e2e8f0;border-radius:.25rem}.form-help{display:block;margin-top:.375rem;color:#64748b;font-size:.813rem}.matched-files{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0}.matched-files h4{margin-bottom:.75rem;color:#334155;font-size:.938rem;font-weight:600}.matched-files ul{list-style:none;padding:0;margin:0}.matched-files li{padding:.375rem 0;color:#475569;font-size:.813rem;font-family:Monaco,Menlo,monospace}.matched-files li.more-files{color:#64748b;font-style:italic;font-family:inherit}.field-mappings-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.field-mappings-list{display:flex;flex-direction:column;gap:1rem}.field-mapping-row{padding:1rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0}.field-mapping-inputs{display:grid;grid-template-columns:2fr auto 2fr 2fr auto;gap:1rem;align-items:start}.arrow-icon{color:#94a3b8;margin-top:2rem}.transformation-params{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.form-group-inline{display:flex;align-items:center;gap:.5rem}.form-group-inline label{margin-bottom:0;font-size:.813rem;color:#64748b}.btn-icon-danger{padding:.5rem;background:transparent;border:1px solid #e2e8f0;border-radius:.25rem;color:#ef4444;cursor:pointer;transition:all .2s;margin-top:1.75rem}.btn-icon-danger:hover{background:#fef2f2;border-color:#ef4444}.anomaly-rules{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.anomaly-rule{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label span{color:#334155;font-size:.875rem;font-weight:500;text-transform:capitalize}.threshold-input{display:flex;align-items:center;gap:.5rem}.threshold-input span{color:#64748b;font-size:.875rem}.wizard-actions{display:flex;justify-content:space-between;padding:1.5rem;border-top:1px solid #e2e8f0;margin-top:2rem}.wizard-actions-right{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid transparent;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-sm{padding:.375rem .875rem;font-size:.813rem}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{background:#fff;color:#64748b;border-color:#e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-success:disabled{background:#6ee7b7;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;font-size:.875rem}.job-details-header{margin-bottom:2rem}.job-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-top:1rem}.job-id{display:inline-block;padding:.375rem .75rem;background:#f1f5f9;border-radius:.25rem;font-size:.813rem;color:#64748b;margin-top:.5rem}.job-header-actions{display:flex;gap:.75rem;align-items:center}.job-overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;gap:1rem;padding:1.25rem!important}.stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#f0f9ff;color:#3b82f6;border-radius:.5rem;font-size:1.5rem}.stat-content{flex:1}.stat-label{font-size:.813rem;color:#64748b;margin-bottom:.375rem}.stat-value{font-size:1.5rem;font-weight:600;color:#1e293b}.overview-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.info-list{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.5rem;margin:0}.info-list dt{font-weight:500;color:#64748b;font-size:.875rem}.info-list dd{color:#1e293b;font-size:.875rem;margin:0}.error-card{background:#fef2f2!important;border-color:#fecaca!important}.error-card h3{display:flex;align-items:center;gap:.5rem;color:#dc2626;margin-bottom:.75rem}.error-card pre{background:#fff;padding:1rem;border-radius:.375rem;color:#991b1b;font-size:.813rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.logs-content{padding:1.5rem}.logs-list{display:flex;flex-direction:column;gap:.75rem}.log-entry{padding:1rem;background:#f8fafc;border-radius:.375rem;border-left:3px solid #cbd5e1}.log-entry.log-error{background:#fef2f2;border-left-color:#ef4444}.log-entry.log-warn{background:#fffbeb;border-left-color:#f59e0b}.log-entry.log-info{background:#f0f9ff;border-left-color:#3b82f6}.log-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.log-level{display:inline-block;padding:.125rem .5rem;background:#e2e8f0;border-radius:.25rem;font-size:.688rem;font-weight:600;color:#475569}.log-error .log-level{background:#dc2626;color:#fff}.log-warn .log-level{background:#f59e0b;color:#fff}.log-info .log-level{background:#3b82f6;color:#fff}.log-time{font-size:.75rem;color:#64748b}.log-message{font-size:.875rem;color:#1e293b}.log-details{margin-top:.75rem;padding:.75rem;background:#fff;border-radius:.25rem;font-size:.75rem;overflow-x:auto}.anomalies-content{padding:1.5rem}.anomalies-list{display:flex;flex-direction:column;gap:1rem}.anomaly-card{border-left:3px solid #f59e0b}.anomaly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.anomaly-header h4{margin:0;font-size:1rem;color:#1e293b;text-transform:capitalize}.severity-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.severity-high{background:#fef2f2;color:#dc2626}.severity-medium{background:#fffbeb;color:#f59e0b}.severity-low{background:#f0fdf4;color:#10b981}.anomaly-description{color:#475569;font-size:.875rem;margin-bottom:.75rem}.anomaly-meta{display:flex;gap:.5rem;font-size:.75rem;color:#64748b}.anomaly-threshold{margin-top:.75rem;padding:.5rem;background:#f8fafc;border-radius:.25rem;font-size:.813rem;color:#475569}.metrics-content{padding:1.5rem}.metrics-table-container{overflow-x:auto}.metrics-table{width:100%;border-collapse:collapse;font-size:.875rem}.metrics-table thead{background:#f8fafc}.metrics-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.metrics-table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;color:#1e293b}.metrics-table tr:hover{background:#f8fafc}.quality-score{font-weight:600;font-size:1rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:1rem;color:#64748b}.error-state h3{color:#1e293b;margin:.5rem 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#94a3b8}.empty-state p{margin-top:1rem;color:#64748b}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{background:#fca5a5;cursor:not-allowed}.status-cancelled{background:#f1f5f9;color:#64748b}.comparison-content{padding:var(--space-4)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.metric-card{padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--border-light)}.metric-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.metric-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.metric-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.metric-value.positive{color:#10b981}.metric-value.negative{color:#ef4444}.metric-value.neutral{color:var(--text-secondary)}.comparison-table{width:100%;border-collapse:collapse;margin-top:var(--space-4)}.comparison-table th,.comparison-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-light)}.comparison-table th{background-color:var(--color-gray-100);font-weight:var(--font-semibold);color:var(--text-secondary)}.comparison-table td.positive{color:#10b981;font-weight:var(--font-semibold)}.comparison-table td.negative{color:#ef4444;font-weight:var(--font-semibold)}.comparison-table td.neutral{color:var(--text-secondary)}.badge.badge-source{background-color:#dbeafe;color:#1e40af}.badge.badge-target{background-color:#d1fae5;color:#065f46}.connection-selector{padding:30px}.connection-selector.loading,.connection-selector.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.selector-header{margin-bottom:30px}.selector-header h2{margin:0 0 10px;color:#1e293b;font-size:1.5rem}.selector-header p{margin:0;color:#64748b;font-size:1rem}.connection-sections{display:flex;flex-direction:row;gap:30px}@media (max-width: 768px){.connection-sections{flex-direction:column;gap:20px}}.connection-section{flex:1;border:2px solid #e2e8f0;border-radius:12px;padding:25px;background-color:#f8fafc}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-header h3{margin:0;color:#1e293b;font-size:1.25rem}.section-badge{padding:1.6px 4.8px;border-radius:8px;font-size:.3rem;font-weight:600;text-transform:uppercase}.section-badge.source{background-color:#dbeafe;color:#1e40af}.section-badge.target{background-color:#dcfce7;color:#166534}.section-description{margin:0 0 20px;color:#64748b;font-size:.9rem}.connection-dropdown-container{margin-top:15px}.connection-dropdown{width:100%;padding:12px 40px 12px 16px;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;font-size:1rem;color:#1e293b;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%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 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.connection-dropdown:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.connection-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.connection-dropdown option{padding:8px;color:#1e293b}.connection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.selection-summary{margin-top:40px;padding:20px;background-color:#f0f9ff;border-radius:8px;border-left:4px solid #3b82f6}.selection-summary h3{margin:0 0 15px;color:#1e293b}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-type{font-size:.875rem;color:#64748b}.file-selector{padding:30px}.file-dropdown-section{margin-top:20px}.dropdown-container{margin-bottom:30px}.dropdown-label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.file-dropdown{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background-color:#fff;font-size:14px;color:#374151;transition:border-color .2s,box-shadow .2s;cursor:pointer}.file-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.file-dropdown:hover{border-color:#9ca3af}.schema-loading{display:flex;align-items:center;gap:12px;padding:20px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px}.selected-file-summary{margin-top:30px;padding:20px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px}.selected-file-summary h3{margin:0 0 15px;color:#374151;font-size:16px;font-weight:600}.file-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.detail-item .label{font-weight:500;color:#6b7280;font-size:13px}.detail-item .value{font-weight:600;color:#374151;font-size:13px}.file-selector.loading,.file-selector.error,.file-selector.no-connection{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.info-message{text-align:center;color:#64748b}.info-message h3{margin:0 0 10px;color:#1e293b}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.file-card{position:relative;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:15px}.file-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.file-card.selected{border-color:#3b82f6;background-color:#dbeafe}.file-icon{width:40px;height:40px;border-radius:6px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#3b82f6;flex-shrink:0}.file-info{flex:1}.file-info h4{margin:0 0 8px;color:#1e293b;font-size:1rem;font-weight:600}.file-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.file-type{background-color:#e2e8f0;color:#475569;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.file-size{color:#64748b;font-size:.875rem}.file-stats{display:flex;gap:15px;margin-bottom:8px;font-size:.875rem;color:#64748b}.file-date{font-size:.8rem;color:#64748b;margin-bottom:5px}.quality-score{font-size:.8rem;color:#10b981;font-weight:600}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:8px}.column-mapper{padding:30px}.mapper-header{margin-bottom:30px}.mapper-header h2{margin:0 0 10px;color:#1e293b;font-size:1.5rem}.mapper-header p{margin:0;color:#64748b;font-size:1rem}.mapping-workspace{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:start;margin-bottom:30px}.source-panel,.target-panel{background:#fff;border-radius:8px;border:2px solid #e2e8f0;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.panel-header h3{margin:0;color:#1e293b;font-size:1.125rem}.column-count{background-color:#e2e8f0;color:#475569;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.columns-list{padding:20px;max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.source-column{background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:15px;cursor:grab;transition:all .2s ease}.source-column:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.source-column.used{opacity:.6;border-color:#10b981;background-color:#f0fdf4}.source-column.dragging{opacity:.5;transform:rotate(5deg)}.column-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.column-type-icon{width:24px;height:24px;background-color:#f1f5f9;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#3b82f6}.column-name{font-weight:600;color:#1e293b}.column-name.editable{cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s ease}.column-name.editable:hover{background-color:#f1f5f9}.column-name-input{border:1px solid #3b82f6;border-radius:4px;padding:4px 8px;font-weight:600;color:#1e293b;background:#fff}.column-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px}.column-type{font-size:.875rem;color:#64748b;text-transform:uppercase}.nullable{background-color:#fef3c7;color:#92400e;padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:600}.column-stats{font-size:.8rem;color:#64748b;display:flex;gap:10px}.target-column{background:#fff;border:2px dashed #cbd5e1;border-radius:6px;padding:15px;transition:all .2s ease;position:relative}.target-column.drag-over{border-color:#3b82f6;background-color:#dbeafe;border-style:solid}.target-column.mapped{border-color:#10b981;border-style:solid;background-color:#f0fdf4}.delete-column{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.delete-column:hover{background-color:#fef2f2}.column-type-selector{margin:10px 0}.type-select{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:.875rem}.mapping-info{margin-top:10px}.mapped-source{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#10b981;margin-bottom:5px}.mapping-arrow{color:#10b981}.mapping-transformation{font-size:.8rem;color:#64748b;font-style:italic}.drop-zone{text-align:center;color:#94a3b8;font-size:.875rem;padding:20px;background-color:#f8fafc;border-radius:4px;margin-top:10px}.mapping-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#64748b}.large-arrow{font-size:2rem;color:#3b82f6}.mapping-summary{background:#fff;border-radius:8px;border:2px solid #e2e8f0;padding:25px}.mapping-summary h3{margin:0 0 20px;color:#1e293b}.mappings-list{display:flex;flex-direction:column;gap:10px}.mapping-item{display:flex;align-items:center;gap:15px;padding:12px;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.source-col{font-weight:600;color:#3b82f6}.target-col{font-weight:600;color:#10b981}.transformation-type{font-size:.875rem;color:#64748b;background-color:#e2e8f0;padding:4px 8px;border-radius:4px}.target-schema-editor{padding:30px}.editor-header{margin-bottom:30px}.editor-header h2{margin:0 0 10px;color:#1e293b;font-size:1.5rem}.editor-header p{margin:0;color:#64748b;font-size:1rem}.editor-content{display:flex;flex-direction:column;gap:30px}.settings-section,.schema-section,.advanced-section,.sql-preview-section{background:#fff;border-radius:8px;border:2px solid #e2e8f0;padding:25px}.settings-section h3,.schema-section h3,.sql-preview-section h3{margin:0 0 20px;color:#1e293b;font-size:1.25rem;display:flex;align-items:center;gap:10px}.setting-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{font-weight:600;color:#374151;font-size:.875rem}.setting-group input,.setting-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.setting-group input:focus,.setting-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.setting-group small{color:#64748b;font-size:.8rem}.connection-specific-settings{margin-top:20px;padding:20px;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.connection-specific-settings h4{margin:0 0 15px;color:#1e293b;font-size:1rem}.schema-table{display:flex;flex-direction:column;gap:2px;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.schema-header{display:grid;grid-template-columns:2fr 1fr auto auto auto;gap:15px;padding:12px 15px;background-color:#f8fafc;font-weight:600;color:#374151;font-size:.875rem;border-bottom:1px solid #e2e8f0}.schema-row{display:grid;grid-template-columns:2fr 1fr auto auto auto;gap:15px;padding:12px 15px;background-color:#fff;align-items:center}.schema-row:not(:last-child){border-bottom:1px solid #f1f5f9}.column-name-input{border:1px solid #d1d5db;border-radius:4px;padding:6px 10px;font-size:.875rem}.column-type-select{border:1px solid #d1d5db;border-radius:4px;padding:6px 10px;font-size:.875rem;background:#fff}.advanced-settings{margin-top:20px;padding:20px;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.sql-preview{background-color:#1e293b;color:#e2e8f0;padding:20px;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;border:1px solid #374151}.sql-preview code{color:#e2e8f0;white-space:pre-wrap}.transform-executor{padding:30px}.executor-header{margin-bottom:30px}.executor-header h2{margin:0 0 10px;color:#1e293b;font-size:1.5rem}.executor-header p{margin:0;color:#64748b;font-size:1rem}.config-summary{background:#fff;border-radius:8px;border:2px solid #e2e8f0;padding:25px;margin-bottom:30px}.config-summary h3{margin:0 0 20px;color:#1e293b;font-size:1.25rem}.execution-controls{background:#fff;border-radius:8px;border:2px solid #e2e8f0;padding:25px;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between}.status-display{display:flex;align-items:center;gap:12px}.status-icon{font-size:1.5rem}.status-icon.ready{color:#64748b}.status-icon.running{color:#3b82f6;animation:pulse 2s infinite}.status-icon.completed{color:#10b981}.status-icon.failed{color:#ef4444}.status-icon.paused{color:#f59e0b}.status-text{font-size:1.125rem;font-weight:600;color:#1e293b}.control-buttons{display:flex;gap:12px}.btn-lg{padding:15px 25px;font-size:1rem}.btn-warning{background-color:#f59e0b;color:#fff}.btn-warning:hover{background-color:#d97706}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.progress-section{background:#fff;border-radius:8px;border:2px solid #e2e8f0;padding:25px;margin-bottom:30px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:600;color:#374151}.progress-bar{width:100%;height:12px;background-color:#f1f5f9;border-radius:6px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .3s ease;border-radius:6px}.throughput-info{text-align:center;font-size:.875rem;color:#64748b}.execution-stats{background:#fff;border-radius:8px;border:2px solid #e2e8f0;padding:25px;margin-bottom:30px}.execution-stats h4{margin:0 0 20px;color:#1e293b;font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.stat-item label{font-weight:600;color:#374151}.stat-item span{color:#1e293b}.execution-logs{background:#fff;border-radius:8px;border:2px solid #e2e8f0;padding:25px}.execution-logs h4{margin:0 0 20px;color:#1e293b;font-size:1.125rem}.logs-container{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;background-color:#1e293b}.log-entry{display:flex;gap:15px;padding:8px 15px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;border-bottom:1px solid #374151}.log-entry:last-child{border-bottom:none}.log-entry.info{color:#e2e8f0}.log-entry.success{color:#34d399}.log-entry.warning{color:#fbbf24}.log-entry.error{color:#f87171}.log-timestamp{color:#9ca3af;min-width:80px}.log-message{flex:1}@media (max-width: 1200px){.mapping-workspace{grid-template-columns:1fr;gap:20px}.mapping-indicator{order:-1}.large-arrow{transform:rotate(90deg)}}@media (max-width: 768px){.connection-grid,.file-grid,.summary-grid,.setting-row{grid-template-columns:1fr}.schema-header,.schema-row{grid-template-columns:1fr;gap:10px}.execution-controls{flex-direction:column;gap:20px}.control-buttons{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}}.transform-builder{padding:20px;max-width:1400px;margin:0 auto;background-color:#f8fafc;min-height:100vh}.transform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.transform-title h1{margin:0;color:#1e293b;font-size:2rem;font-weight:600}.transform-title p{margin:5px 0 0;color:#64748b;font-size:1rem}.transform-actions{display:flex;gap:12px}.step-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.step{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;padding:10px;border-radius:8px;min-width:200px}.step:hover{background-color:#f1f5f9}.step.active{background-color:#dbeafe}.step.completed .step-number{background-color:#10b981;color:#fff}.step-number{width:40px;height:40px;border-radius:50%;background-color:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px;transition:all .3s ease}.step.active .step-number{background-color:#3b82f6;color:#fff}.step-info{flex:1}.step-title{font-weight:600;color:#1e293b;margin-bottom:2px}.step-description{font-size:.875rem;color:#64748b}.step-arrow{margin:0 15px;color:#cbd5e1;font-size:1.2rem}.step-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;min-height:500px}.step-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.875rem}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}@media (max-width: 768px){.transform-header{flex-direction:column;align-items:flex-start;gap:15px}.step-progress{flex-direction:column;gap:10px}.step{width:100%;justify-content:flex-start}.step-arrow{transform:rotate(90deg);margin:10px 0}.step-navigation{flex-direction:column;gap:15px}}.transformation-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.transformation-details-panel{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;font-size:.8rem}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e6e6e6;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.panel-header h2{margin:0;font-size:1rem;font-weight:600}.close-btn{background:#fff3;border:none;border-radius:6px;padding:8px;cursor:pointer;color:#fff;transition:background .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d}.panel-content{flex:1;overflow-y:auto;padding:16px}.section{margin-bottom:20px}.section:last-child{margin-bottom:0}.section h3{margin:0 0 10px;font-size:.9rem;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:6px}.description-text{color:#4a5568;line-height:1.6;margin:0}.file-flow{display:flex;align-items:center;gap:12px;padding:8px;background:#f7fafc;border-radius:8px}@media (max-width: 768px){.file-flow{flex-direction:column}.arrow-connector{transform:rotate(90deg)}}.file-metadata-card{flex:1;background:#fff;border-radius:6px;padding:7px;box-shadow:0 2px 8px #00000014;text-align:left}.file-metadata-card.source{border-left:4px solid #48bb78}.file-metadata-card.target{border-left:4px solid #4299e1}.file-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #e6e6e6;text-align:left}.file-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#718096}.file-name{font-weight:600;font-size:.75rem;color:#2d3748;margin-bottom:8px;word-break:break-word}.file-stats{display:flex;flex-direction:column;gap:3px;text-align:left}.stat{font-size:.7rem;color:#4a5568;text-align:left}.stat strong{color:#2d3748;font-weight:500;display:inline-block;min-width:70px}.arrow-connector{color:#a0aec0;flex-shrink:0}.derived-fields-list{display:flex;flex-direction:column;gap:12px}.derived-field-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f7fafc;border-radius:6px;border-left:3px solid #805ad5}.field-sequence{background:#805ad5;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.field-info{flex:1;min-width:0}.field-name{font-weight:600;color:#805ad5;margin-bottom:4px;font-size:14px}.field-expression{margin-top:4px}.field-expression code{background:#2d3748;color:#68d391;padding:6px 10px;border-radius:4px;font-size:13px;font-family:Monaco,Menlo,Courier New,monospace;display:inline-block;word-break:break-word}.help-text{margin-top:12px;font-size:13px;color:#718096;font-style:italic}.field-mappings-list{display:flex;flex-direction:column;gap:8px}.field-mapping-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f7fafc;border-radius:6px;border-left:3px solid #4299e1}.mapping-source,.mapping-target{flex:1;min-width:0}.mapping-arrow{color:#a0aec0;flex-shrink:0}.source-field,.target-field{display:inline-block;background:#fff;padding:4px 10px;border-radius:4px;font-size:13px;font-weight:500;margin-right:6px;margin-bottom:4px;color:#2d3748;border:1px solid #e6e6e6}.variable-ref{color:#805ad5;font-weight:600}.no-source{color:#a0aec0;font-style:italic;font-size:13px}.target-field{background:#4299e1;color:#fff;border-color:#4299e1}.transformation-badge{display:inline-flex;align-items:center;gap:4px;background:#805ad5;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;margin-left:8px;vertical-align:middle}.expression-preview{font-family:Monaco,Menlo,Courier New,monospace;font-size:11px}.pii-field-badge{display:inline-flex;align-items:center;gap:4px;background:#fc8181;color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;margin-left:8px;font-weight:600;vertical-align:middle}.pii-shield-icon{font-size:12px}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#f1f1f1}.panel-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.lineage-table-wrapper{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-width:100%}.lineage-table{width:auto;border-collapse:collapse;min-width:900px;font-size:.75rem}.lineage-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lineage-table th{padding:8px 10px;text-align:left;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.lineage-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.lineage-table tbody tr:hover{background-color:#f9fafb}.lineage-table tbody tr:last-child{border-bottom:none}.lineage-table td{padding:8px 10px;text-align:left;font-size:.75rem}.source-cell,.target-cell{max-width:250px;min-width:150px}.file-name-with-pii{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.file-name-compact{font-weight:500;color:#1f2937;word-break:break-word;font-size:.75rem;line-height:1.3}.pii-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;background:linear-gradient(135deg,#f59e0b,#dc2626);color:#fff;border-radius:12px;font-size:.65rem;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px #f59e0b4d}.pii-icon{font-size:.7rem}.type-cell{font-weight:600;color:#4b5563;font-size:.7rem;white-space:nowrap;min-width:50px}.arrow-cell{width:30px;text-align:center!important;padding:4px!important}.flow-arrow{color:#9ca3af;font-size:16px}.owner-cell{min-width:80px;max-width:120px;color:#374151;font-size:.75rem}.contract-cell{min-width:100px;max-width:150px;color:#059669;font-weight:500;font-size:.75rem}.job-cell{min-width:120px;max-width:180px;color:#4f46e5;font-weight:500;font-size:.75rem}.date-cell{color:#6b7280;font-size:.7rem;white-space:nowrap;min-width:100px}.actions-cell{text-align:center!important;width:70px;padding:4px!important}.view-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea66}.view-btn svg{font-size:12px}.empty-lineage-message{padding:60px 20px;text-align:center;background:#f9fafb;border-radius:8px;color:#6b7280;font-size:1rem}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0;margin-bottom:-8px;box-shadow:0 2px 4px #0000001a}.selected-count{font-weight:600;font-size:.9rem}.bulk-delete-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bulk-delete-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.bulk-delete-btn:disabled{opacity:.6;cursor:not-allowed}.bulk-delete-btn svg{font-size:14px}.checkbox-column{width:40px;text-align:center}.checkbox-cell{text-align:center;width:40px}.checkbox-cell input[type=checkbox],.checkbox-column input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.lineage-table tbody tr.selected-row{background-color:#ede9fe}.lineage-table tbody tr.selected-row:hover{background-color:#ddd6fe}@media (max-width: 1024px){.lineage-table{font-size:.7rem}.lineage-table th,.lineage-table td{padding:6px 8px}.view-btn{padding:4px 6px;font-size:.65rem}.file-name-compact{font-size:.7rem}.bulk-actions-bar{padding:10px 12px}.selected-count{font-size:.8rem}.bulk-delete-btn{padding:6px 12px;font-size:.75rem}}.lineage-container{padding:20px}.page-header{margin-bottom:20px}.page-header h1{margin:0 0 10px}.header-description{color:#6c757d;margin:0}.lineage-content{display:flex;flex-direction:column;gap:20px}.lineage-mapping-section{width:100%}.mapping-card{margin-bottom:0}.section-description{color:#6c757d;margin-bottom:20px}.drop-zones-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:20px}.drop-zone{flex:1;min-width:250px;height:180px;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:20px;transition:all .2s ease-in-out;position:relative;background-color:#f8f9fa}.drop-zone.has-file{border-style:solid;border-color:#4dabf7;background-color:#e7f5ff}.empty-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6c757d}.drop-zone-icon{font-size:32px;margin-bottom:12px;color:#adb5bd}.drop-zone-title{display:block;font-weight:500;margin-bottom:8px;color:#495057}.filled-drop-zone{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.drop-zone-content{width:100%}.clear-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#dc3545;cursor:pointer;padding:0;font-size:16px;z-index:5}.clear-btn:hover{color:#b02a37}.relationship-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.relationship-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;color:#495057;min-width:150px;text-align:center;margin-bottom:15px}.arrow-icon{color:#6c757d;font-size:24px}.file-card{border:1px solid #dee2e6;border-radius:6px;padding:10px;background-color:#fff;display:flex;flex-direction:column;gap:5px;cursor:grab;position:relative;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.file-card:hover{border-color:#4dabf7;box-shadow:0 2px 5px #00000026}.file-card.dragging{box-shadow:0 4px 8px #0003;transform:scale(1.05);border-color:#4dabf7;z-index:1000}.file-type-badge{background-color:#e7f5ff;color:#339af0;border-radius:4px;padding:3px 6px;font-size:11px;text-transform:uppercase;font-weight:600;align-self:flex-start}.file-name{font-weight:500;color:#343a40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{color:#6c757d;font-size:12px}.create-lineage-actions{display:flex;flex-direction:column;align-items:center;margin-top:20px}.create-btn{padding:8px 16px;font-weight:500}.create-btn:disabled{opacity:.6;cursor:not-allowed}.validation-message{color:#dc3545;margin-top:10px;font-size:14px}.files-and-lineages{display:grid;grid-template-columns:1fr 1fr;gap:20px}.available-files,.lineage-relationships{overflow:hidden}.file-list{max-height:300px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;padding:10px;background-color:#f8f9fa;display:flex;flex-direction:column;gap:10px}.draggable-file{display:flex;align-items:center;gap:10px}.impact-btn{background:none;border:none;cursor:pointer;color:#339af0;padding:0;font-size:18px;display:flex;align-items:center;justify-content:center}.impact-btn:hover{color:#1c7ed6}.lineage-list{max-height:300px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;padding:10px;background-color:#f8f9fa;display:flex;flex-direction:column;gap:10px}.lineage-item{display:flex;align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:10px;gap:10px;font-size:14px}.lineage-source,.lineage-target{flex:1;display:flex;flex-direction:column;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.lineage-relation{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:90px}.relation-type{font-size:12px;color:#6c757d}.relation-arrow{color:#adb5bd}.file-type-pill{font-size:10px;color:#339af0;background-color:#e7f5ff;border-radius:10px;padding:2px 6px;align-self:flex-start;text-transform:uppercase}.lineage-actions{display:flex;gap:8px}.delete-btn{background:none;border:none;cursor:pointer;color:#dc3545;padding:0;font-size:16px}.delete-btn:hover{color:#b02a37}.empty-message{color:#6c757d;text-align:center;padding:20px}.lineage-visualization-card{margin-top:30px;margin-bottom:30px}.lineage-visualization-card .card-header{margin-bottom:20px}.lineage-visualization-card .header-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lineage-visualization-card .header-icon{color:#339af0;font-size:24px}.lineage-visualization-card h2{margin:0}.empty-graph-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#adb5bd;text-align:center}.empty-graph-message .empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.lineage-info-card{margin-top:30px}.info-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.info-icon{color:#339af0;font-size:20px}.info-header h3{margin:0}.relationship-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:15px;padding-left:20px}.success-message{background-color:#d4edda;color:#155724;padding:10px 15px;border-radius:4px;margin-bottom:20px;animation:fadeIn .3s ease-in-out}.error-message{background-color:#f8d7da;color:#721c24;padding:10px 15px;border-radius:4px;margin-bottom:20px;animation:fadeIn .3s ease-in-out}@media (max-width: 992px){.files-and-lineages,.relationship-types{grid-template-columns:1fr}}@media (max-width: 768px){.drop-zones-container{flex-direction:column}.drop-zone{min-width:100%}.relationship-selector{order:3;margin:10px 0}}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:15px}.header-title{display:flex;align-items:center;gap:10px}.header-actions{display:flex;gap:10px}.scan-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;white-space:nowrap}.scan-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.scan-results{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #90caf9}.scan-results h4{margin:0 0 15px;color:#1565c0;font-size:1rem}.scan-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.scan-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:6px;border-left:4px solid #64b5f6}.scan-stat.created{border-left-color:#66bb6a}.scan-stat.updated{border-left-color:#42a5f5}.scan-stat.skipped{border-left-color:#ffa726}.scan-stat.errors{border-left-color:#ef5350}.scan-stat .stat-label{font-size:.85rem;color:#666;font-weight:500}.scan-stat .stat-value{font-size:1.5rem;font-weight:700;color:#333}.lineage-features{list-style:none;padding-left:0;margin-top:15px}.lineage-features li{padding:8px 0;border-bottom:1px solid #f0f0f0}.lineage-features li:last-child{border-bottom:none}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.lineage-graph-wrapper{width:100%;height:500px;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;position:relative;background-color:#fafafa}.lineage-node{width:180px;background:#fff;border-radius:8px;box-shadow:0 4px 6px #00000014;font-family:inherit;transition:all .2s ease;border:1px solid #e6e6e6;overflow:hidden}.lineage-node:hover{box-shadow:0 6px 10px #0000001a;transform:translateY(-2px)}.lineage-node.root-node{background-color:#e7f5ff;border-color:#4dabf7;box-shadow:0 0 10px #4dabf733}.lineage-node.root-node:hover{box-shadow:0 0 15px #4dabf74d}.node-header{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #f0f0f0;gap:8px}.node-header.file-type-csv{background-color:#e6f7ff;color:#0070f3}.node-header.file-type-json{background-color:#fff7e6;color:#fa8c16}.node-header.file-type-parquet{background-color:#f6ffed;color:#52c41a}.node-header.file-type-excel{background-color:#e6fffb;color:#13c2c2}.node-type{font-size:.7rem;font-weight:600;text-transform:uppercase}.node-content{padding:12px}.node-title{font-size:.85rem;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.node-size{font-size:.75rem;color:#777}.transformation-node{width:200px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #805ad5;cursor:pointer}.transformation-node:hover{box-shadow:0 8px 16px #805ad54d;transform:translateY(-3px) scale(1.02)}.transformation-header{background:#ffffff26;color:#fff;border-bottom-color:#fff3}.transformation-node .node-content{color:#fff}.transformation-node .node-title{color:#fff;font-weight:600;max-width:180px}.node-description{font-size:.7rem;color:#ffffffd9;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.transformation-stats{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.stat-badge{background:#ffffff40;color:#fff;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.lineage-graph-loading,.lineage-graph-error,.empty-graph{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px;background-color:#fafafa;border:1px solid #e6e6e6;border-radius:8px}.lineage-graph-error{color:#e53e3e}.empty-graph{color:#adb5bd;text-align:center;padding:20px}.empty-graph .empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.layout-controls{margin:10px;background:#fff;padding:8px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.control-buttons{display:flex;gap:6px}.control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e6e6e6;border-radius:4px;background:#fff;color:#555;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:#f5f5f5;color:#3182ce}.direction-icon{display:block;width:16px;height:16px;position:relative}.direction-icon.horizontal:before,.direction-icon.horizontal:after{content:"";position:absolute;background-color:currentColor}.direction-icon.horizontal:before{width:14px;height:2px;top:7px;left:1px}.direction-icon.horizontal:after{width:0;height:0;top:4px;right:1px;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent transparent transparent currentColor}.direction-icon.vertical:before,.direction-icon.vertical:after{content:"";position:absolute;background-color:currentColor}.direction-icon.vertical:before{width:2px;height:14px;top:1px;left:7px}.direction-icon.vertical:after{width:0;height:0;bottom:1px;left:4px;border-style:solid;border-width:4px 4px 0 4px;border-color:currentColor transparent transparent transparent}.react-flow__edge-path{stroke-width:2;stroke:#3182ce}.react-flow__edge-text{font-size:12px;fill:#333}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__attribution{display:none}.react-flow__minimap{border-radius:6px;overflow:hidden}.react-flow__controls{border-radius:6px;box-shadow:0 2px 6px #0000001a;overflow:hidden}.react-flow__controls-button{border:none!important;background:#fff!important;border-bottom:1px solid #f0f0f0!important}.react-flow__controls-button:hover{background:#f5f5f5!important}.react-flow__controls-button svg{fill:#555}.react-flow__node{transition:transform .3s ease,opacity .3s ease;animation:nodeAppear .3s ease forwards;opacity:0}@keyframes nodeAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.react-flow__node:nth-child(1){animation-delay:.05s}.react-flow__node:nth-child(2){animation-delay:.1s}.react-flow__node:nth-child(3){animation-delay:.15s}.react-flow__node:nth-child(4){animation-delay:.2s}.react-flow__node:nth-child(5){animation-delay:.25s}.react-flow__node:nth-child(6){animation-delay:.3s}.react-flow__node:nth-child(7){animation-delay:.35s}.react-flow__node:nth-child(8){animation-delay:.4s}.react-flow__node:nth-child(9){animation-delay:.45s}.react-flow__node:nth-child(10){animation-delay:.5s}.lineage-impact-container{padding:20px}.page-header{display:flex;align-items:center;margin-bottom:20px}.back-button{display:flex;align-items:center;background:none;border:none;color:#3498db;cursor:pointer;font-size:14px;margin-right:20px;padding:0}.back-button svg{margin-right:5px}.page-header h1{margin:0}.file-info-card{margin-bottom:20px}.file-header{display:flex;align-items:center;margin-bottom:20px}.file-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#e7f5ff;border-radius:8px;margin-right:20px;color:#339af0}.file-details h2{margin:0 0 8px;font-size:18px}.file-meta{display:flex;flex-wrap:wrap;gap:16px;color:#6c757d;font-size:14px}.file-type{font-weight:500;color:#339af0}.impact-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e9ecef;padding-top:15px}.direction-toggle{display:flex;align-items:center;gap:10px}.direction-toggle span{font-weight:500;color:#495057}.toggle-buttons{display:flex;gap:5px}.toggle-btn{display:flex;align-items:center;padding:6px 12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;transition:all .2s ease}.toggle-btn .btn-icon{margin-right:5px}.toggle-btn.active{background-color:#e7f5ff;border-color:#4dabf7;color:#1c7ed6}.toggle-btn:hover{background-color:#e9ecef}.depth-selector{display:flex;align-items:center}.depth-selector label{display:flex;align-items:center;gap:8px;color:#495057;font-weight:500}.depth-select{padding:6px 10px;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;width:100px}.refresh-btn{display:flex;align-items:center}.btn-icon{margin-right:5px}.impact-graph-card{height:600px;display:flex;flex-direction:column}.impact-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.impact-title h3{margin:0;font-size:16px}.impact-legend{display:flex;gap:15px}.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#6c757d}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid #dee2e6}.legend-color.root{background-color:#e3faff;border-color:#4dabf7}.legend-color.related{background-color:#f8f9fa;border-color:#dee2e6}.lineage-graph-container{position:relative;flex:1;min-height:0;border:1px solid #e9ecef;border-radius:4px;overflow:hidden;background-color:#f8f9fa}.lineage-graph{width:100%;height:100%;cursor:grab}.graph-controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px;z-index:10}.control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;transition:all .2s ease}.control-btn:hover{background-color:#e9ecef;color:#1c7ed6}.empty-graph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:#adb5bd}.empty-icon{font-size:48px;margin-bottom:16px}.impact-summary{display:flex;align-items:center;padding:10px 15px;background-color:#e7f5ff;border-radius:4px;margin-top:15px;color:#1c7ed6}.info-icon{margin-right:10px}.impact-summary p{margin:0}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}@media (max-width: 768px){.impact-controls{flex-direction:column;align-items:flex-start;gap:15px}.direction-toggle{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.toggle-buttons{width:100%}.toggle-btn{flex:1;justify-content:center}}.monitor-container{padding:20px;max-width:100%}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.monitor-header h1{font-size:2rem;color:#025043;font-weight:600;margin:0}.monitor-actions{display:flex;align-items:center;gap:16px}.total-records{font-size:.9rem;color:#666;font-weight:500}.audit-trail-card{width:100%;padding:0;overflow:hidden}.audit-table-container{overflow-x:auto;overflow-y:visible}.audit-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:2000px}.audit-table thead{background:#f8f9fa;position:sticky;top:0;z-index:10}.audit-table thead th{padding:12px 10px;text-align:left;font-weight:600;font-size:.75rem;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;white-space:nowrap}.audit-table tbody tr.audit-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.audit-table tbody tr.audit-row:hover{background-color:#f9fafb}.audit-table tbody td{padding:12px 10px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.expand-col{width:40px;text-align:center}.expand-btn{background:none;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;border-radius:4px}.expand-btn:hover{background-color:#e5e7eb;color:#2196f3}.expand-btn svg{width:18px;height:18px}.date-col{min-width:180px}.file-name-col{min-width:200px;max-width:250px;font-weight:500}.number-col{text-align:right}.correlation-col{font-family:monospace;font-size:.8rem;color:#6b7280}.error-col{color:#dc2626;font-size:.8rem}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-success{background-color:#d1fae5;color:#065f46}.status-badge.status-error{background-color:#fee2e2;color:#991b1b}.status-badge.status-processing{background-color:#dbeafe;color:#1e40af}.status-badge.status-warning{background-color:#fef3c7;color:#92400e}.status-badge.status-unknown{background-color:#e5e7eb;color:#4b5563}.expanded-row{background-color:#f9fafb}.expanded-row td{padding:0}.expanded-content,.expanded-content-with-logs{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.expanded-section{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.expanded-section h3{font-size:1rem;color:#333;margin:0 0 16px;font-weight:600;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.expanded-section h4{font-size:.9rem;color:#374151;margin:16px 0 12px;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{display:flex;flex-direction:row;gap:8px;align-items:center}.detail-label{font-size:calc(.75rem - 2px);color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:500;white-space:nowrap}.detail-value{font-size:calc(.85rem - 2px);color:#111827;font-weight:500;word-break:break-all}.load-steps,.error-details{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.error-details pre{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;font-size:.8rem;color:#991b1b;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.schema-details{display:flex;flex-direction:column;gap:16px}.schema-info{display:flex;flex-direction:column;gap:8px}.schema-meta{display:flex;gap:8px;align-items:center}.schema-label{font-size:calc(.75rem - 2px);color:#6b7280;font-weight:500;white-space:nowrap}.schema-value{font-size:calc(.85rem - 2px);color:#111827;font-family:monospace}.schema-columns h4{font-size:.9rem;margin-bottom:12px}.schema-table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.schema-table-header{display:grid;grid-template-columns:2fr 1fr 1fr;background:#f3f4f6;padding:8px 12px;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.schema-table-body{max-height:300px;overflow-y:auto}.schema-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:8px 12px;border-top:1px solid #e5e7eb;font-size:.85rem}.schema-table-row:nth-child(2n){background:#f9fafb}.schema-table-row .col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schema-diff{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.schema-diff pre{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:12px;font-size:.8rem;color:#374151;overflow-x:auto;max-height:200px;overflow-y:auto}.no-schema,.schema-error{padding:16px;text-align:center;color:#6b7280;font-size:.85rem;font-style:italic}.schema-error{color:#dc2626}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination-info{font-size:.85rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:24px}.page-size-selector{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#374151}.page-size-selector select{padding:6px 32px 6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;background-color:#fff;cursor:pointer;transition:all .2s ease}.page-size-selector select:hover{border-color:#2196f3}.page-size-selector select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.page-buttons{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:.85rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#2196f3;color:#2196f3}.page-indicator{padding:8px 16px;font-size:.85rem;font-weight:500;color:#111827}.no-data{padding:48px 24px;text-align:center;color:#6b7280;font-size:.95rem;font-style:italic}.error{padding:24px;text-align:center;color:#dc2626;font-size:.95rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px 0}.logs-section{grid-column:1 / -1}.logs-container{max-height:400px;overflow-y:auto}.logs-display{background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:16px;font-family:Courier New,Consolas,monospace;font-size:.8rem;line-height:1.5;color:#d4d4d4;margin:0;overflow-x:auto}.log-entry{display:flex;gap:8px;margin-bottom:2px;white-space:pre-wrap;word-break:break-word}.log-timestamp{color:#6b7280;white-space:nowrap}.log-level{font-weight:600;white-space:nowrap}.log-entry.log-info .log-level{color:#60a5fa}.log-entry.log-warn .log-level,.log-entry.log-warning .log-level{color:#fbbf24}.log-entry.log-error .log-level{color:#ef4444}.log-entry.log-success .log-level{color:#34d399}.log-message{flex:1;color:#d4d4d4}.no-logs{padding:24px;text-align:center;color:#6b7280;font-size:.85rem;font-style:italic;background:#f9fafb;border-radius:6px}@media (max-width: 1400px){.expanded-content,.expanded-content-with-logs{grid-template-columns:1fr}}@media (max-width: 768px){.monitor-header{flex-direction:column;align-items:flex-start;gap:12px}.pagination-container{flex-direction:column;gap:16px}.pagination-controls{flex-direction:column;gap:12px}}.animated-button{position:relative;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;overflow:hidden;transition:all .2s ease;border:none;outline:none}.animated-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.animated-button.animate-click:after{animation:ripple .6s ease-out}.animated-button.primary{background-color:#2196f3;color:#fff}.animated-button.primary:hover{background-color:#1976d2}.animated-button.secondary{background-color:#f5f5f5;color:#333;border:1px solid #e0e0e0}.animated-button.secondary:hover{background-color:#e0e0e0}.animated-button.success{background-color:#4caf50;color:#fff}.animated-button.success:hover{background-color:#388e3c}.animated-button.danger{background-color:#f44336;color:#fff}.animated-button.danger:hover{background-color:#d32f2f}.animated-button.text{background-color:transparent;color:#2196f3;padding:8px 10px}.animated-button.text:hover{background-color:#2196f31a}.animated-button.icon{padding:6px;border-radius:50%;background-color:transparent;color:#555}.animated-button.icon:hover{background-color:#0000000d}.animated-button.loading{cursor:not-allowed;opacity:.8}.animated-button.disabled{cursor:not-allowed;opacity:.6}.animated-button .button-icon{font-size:16px}.animated-button .button-icon.spin{animation:spin 1.2s linear infinite}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}.animation-container{opacity:0;transition:all var(--animation-duration) ease var(--animation-delay)}.animation-container.visible,.animation-container.fade.visible{opacity:1}.animation-container.slide-up{transform:translateY(20px)}.animation-container.slide-up.visible{transform:translateY(0)}.animation-container.slide-down{transform:translateY(-20px)}.animation-container.slide-down.visible{transform:translateY(0)}.animation-container.slide-left{transform:translate(20px)}.animation-container.slide-left.visible{transform:translate(0)}.animation-container.slide-right{transform:translate(-20px)}.animation-container.slide-right.visible{transform:translate(0)}.animation-container.zoom{transform:scale(.95)}.animation-container.zoom.visible{transform:scale(1)}.success-animation-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;z-index:9999;animation:fadeIn .3s ease-in}.success-animation{display:flex;flex-direction:column;align-items:center;gap:20px}.checkmark-circle{position:relative;width:80px;height:80px;animation:scaleIn .3s ease-out}.checkmark-circle-bg{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#4caf50;animation:circleIn .5s cubic-bezier(.22,.61,.36,1)}.checkmark-stem{position:absolute;top:43%;left:27%;width:25%;height:13%;background-color:#fff;opacity:0;transform:rotate(45deg);transform-origin:left;animation:stem .4s ease-out .4s forwards}.checkmark-kick{position:absolute;top:60%;left:28%;width:53%;height:13%;background-color:#fff;opacity:0;transform:rotate(-45deg);transform-origin:left;animation:kick .4s ease-out .4s forwards}.success-message{font-size:1.2rem;font-weight:500;color:#333;animation:messageIn .3s ease-out .5s both}@keyframes circleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes stem{0%{opacity:0;transform:rotate(45deg) scaleX(0)}to{opacity:1;transform:rotate(45deg) scaleX(1)}}@keyframes kick{0%{opacity:0;transform:rotate(-45deg) scaleX(0)}to{opacity:1;transform:rotate(-45deg) scaleX(1)}}@keyframes scaleIn{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes messageIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-transition{width:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlay .3s ease-out}.modal{background-color:var(--background-color-light);border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;animation:modalIn .3s ease-out;overflow:hidden;height:auto}.modal:focus{outline:none}.modal-small{width:400px;min-height:auto}.modal-small .modal-header{padding:.625rem 1rem}.modal-small .modal-content{padding:.75rem 1rem;min-height:auto}.modal-small .modal-footer{padding:.625rem 1rem}.modal-medium{width:600px}.modal-large{width:800px}.modal-header{padding:10px 16px;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.modal-close-button{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary-color);transition:background-color .2s,color .2s}.modal-close-button:hover{background-color:#0000000d;color:var(--text-color)}.modal-close-button:focus{outline:none;box-shadow:0 0 0 2px #2196f366}.modal-content{padding:12px 16px;overflow-y:auto;flex:none;min-height:fit-content}.modal-footer{padding:10px 16px;border-top:1px solid var(--border-color-light);display:flex;justify-content:flex-end;gap:12px}@keyframes modalOverlay{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.execute-status-icon{text-align:center;margin-bottom:1rem}.execute-status-icon.success{color:#52c41a}.execute-status-icon.error{color:#f5222d}.execute-status-message{text-align:center}.group-name-text{font-size:.95rem;color:#666;margin-bottom:.5rem}.status-message{font-size:1rem;color:#333;margin:0}.modal-close-btn{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:background-color .2s,color .2s}.modal-close-btn:hover{background-color:#0000000d;color:#333}@media (max-width: 768px){.modal-small,.modal-medium,.modal-large{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.modal-content{flex:1}}.scheduler-page{display:flex;flex-direction:column;height:100%}.scheduler-content{display:flex;flex-direction:column;flex:1;padding:0 20px 20px;overflow:hidden}.scheduler-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.search-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background-color:var(--background-color-light);transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2196f333;outline:none}.schedules-grid{display:flex;flex-direction:column;flex:1;background-color:var(--background-color-light);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.schedules-header{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr 1fr 1fr;padding:12px 16px;font-weight:600;background-color:var(--background-color);border-bottom:1px solid var(--border-color)}.schedules-body{overflow-y:auto;max-height:calc(100vh - 300px)}.schedule-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr 1fr 1fr;padding:16px;border-bottom:1px solid var(--border-color-light);transition:background-color .2s}.schedule-row:hover{background-color:#2196f30d}.schedule-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-active{background-color:#4caf5026;color:#2e7d32}.status-inactive{background-color:#9e9e9e26;color:#616161}.actions-cell{display:flex;gap:8px}.action-button{background:none;border:none;font-size:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary-color);transition:background-color .2s,color .2s}.action-button:hover{background-color:#2196f31a;color:var(--primary-color)}.action-restricted{font-size:12px;color:var(--text-secondary-color);font-style:italic;opacity:.7}.loading-container{display:flex;justify-content:center;align-items:center;height:300px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:20px}.error-message{color:var(--error-color);font-size:14px;margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;padding:0 20px}.empty-state-icon{font-size:48px;color:var(--text-secondary-color);opacity:.7;margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:500;margin-bottom:10px}.empty-state-description{color:var(--text-secondary-color);margin-bottom:20px}.schedule-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:500;font-size:14px;color:var(--text-color)}.form-group input,.form-group select{padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background-color:var(--background-color-light);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2196f333;outline:none}.form-group input.error,.form-group select.error{border-color:var(--error-color)}.form-checkbox{flex-direction:row;align-items:center;gap:8px}.form-checkbox input{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.delete-confirmation{padding:10px 0}.delete-item-details{margin:20px 0;display:flex;flex-direction:column;gap:4px;padding:15px;background-color:#00000008;border-radius:4px}.delete-item-title{font-weight:500}.delete-item-subtitle{color:var(--text-secondary-color);font-size:14px}.page-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-bottom:1.5rem;padding:0 .5rem}@media (max-width: 768px){.page-actions{justify-content:stretch}.page-actions .btn{flex:1}}.action-icons{display:flex;gap:.5rem;align-items:center}.achievement-badge{display:flex;padding:1rem;border-radius:10px;background-color:#fff;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;margin-bottom:1rem;cursor:pointer;width:100%;position:relative;overflow:hidden}.achievement-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.achievement-badge.locked{opacity:.7;filter:grayscale(80%)}.achievement-badge.locked:hover{transform:none;box-shadow:0 2px 8px #0000001a}.badge-icon-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin-right:1rem;position:relative}.badge-icon{color:#fff;font-size:1.8rem}.badge-content{flex:1;display:flex;flex-direction:column;justify-content:center}.badge-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.badge-title{margin:0;font-size:1.1rem;font-weight:600}.badge-level{font-size:.8rem;font-weight:600;padding:.2rem .6rem;background-color:#f0f0f0;border-radius:12px}.badge-description{margin:0;color:#666;font-size:.9rem;line-height:1.4}.badge-score{position:absolute;bottom:-2px;right:-2px;background-color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#333;box-shadow:0 1px 3px #0003}@keyframes pulse{0%{box-shadow:0 0 #ffd70066}70%{box-shadow:0 0 0 15px #ffd70000}to{box-shadow:0 0 #ffd70000}}.achievement-badge.newly-unlocked{animation:pulse 2s infinite}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}@media (max-width: 768px){.badge-grid{grid-template-columns:1fr}}.badges-container{padding:1.5rem;max-width:1200px;margin:0 auto}.badge-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.badge-filters button{background-color:#f5f5f5;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.badge-filters button:hover{background-color:#e5e5e5}.badge-filters button.active{background-color:#4a6cf7;color:#fff}.badge-group{margin-bottom:2.5rem}.badge-group-title{margin-bottom:1rem;font-size:1.3rem;color:#333;border-bottom:1px solid #eee;padding-bottom:.5rem}.no-badges{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background-color:#f9f9f9;border-radius:10px;text-align:center}.no-badges svg{color:#ccc;margin-bottom:1rem}.no-badges h3{margin-bottom:.5rem;color:#666}.no-badges p{color:#888;max-width:400px}.badge-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.badge-detail-content{background-color:#fff;border-radius:10px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#777;z-index:10}.badge-detail-header{padding:1.5rem;border-bottom:1px solid #eee}.badge-detail-info{padding:1.5rem}.badge-detail-info h3{margin-bottom:1rem}.badge-tips{margin-top:1.5rem;padding:1rem;background-color:#f9f9f9;border-radius:8px}.badge-tips h4{display:flex;align-items:center;font-size:1rem;margin-bottom:.8rem}.badge-tips h4 svg{margin-right:.5rem;color:#4a6cf7}.badge-tips ul{margin-left:1.5rem}.badge-tips li{margin-bottom:.5rem;font-size:.95rem}.achievement-progress{margin-bottom:2rem;padding:1.5rem;border-radius:10px;background-color:#f7fafc;box-shadow:0 2px 8px #0000000d}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.progress-stats{display:flex;gap:1rem}.progress-stat{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000000d;min-width:120px;text-align:center}.stat-value{font-size:1.8rem;font-weight:700;color:#4a6cf7;margin-bottom:.3rem}.stat-label{font-size:.8rem;color:#666}.progress-bar-container{height:12px;background-color:#e5e7eb;border-radius:6px;margin-top:1rem;overflow:hidden}.progress-bar{height:100%;background-color:#4a6cf7;border-radius:6px;transition:width .5s ease}@media (max-width: 768px){.badges-container{padding:1rem}.progress-stats{flex-direction:column;gap:.5rem}.badge-detail-content{width:95%}}.data-insights-container{padding:1.5rem;max-width:1200px;margin:0 auto}.page-header h1{display:flex;align-items:center;color:#025043;font-size:2rem;margin-bottom:.5rem}.page-header-icon{margin-right:.5rem;color:#4a6cf7}.page-header p{color:#666;max-width:600px}.chatbot-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014;overflow:hidden}.message-form-container{padding:1rem;background-color:#f8f9fd;border-bottom:1px solid #eee}.message-form{display:flex;align-items:center;gap:1rem}.message-input{flex:1;padding:.8rem 1rem;border:1px solid #ddd;border-radius:24px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.message-input:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf71a}.message-submit{background-color:#4a6cf7;color:#fff;border:none;border-radius:24px;padding:.8rem 1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.message-submit:hover{background-color:#3a5be8}.message-submit:disabled{background-color:#a0adf9;cursor:not-allowed}.insights-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fd;border-bottom:1px solid #eee;flex-wrap:wrap;gap:1rem}.insights-filters{display:flex;gap:.5rem;flex-wrap:wrap}.insights-filters button{background-color:#f0f2f5;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.insights-filters button:hover{background-color:#e5e8ec}.insights-filters button.active{background-color:#4a6cf7;color:#fff}.insights-search{flex:1;max-width:300px}.search-input{width:100%;padding:.5rem 1rem;border:1px solid #ddd;border-radius:20px;font-size:.9rem;outline:none}.insights-list{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto}.insight-card{background-color:#f9f9f9;border-radius:8px;padding:1.2rem;transition:all .2s ease;border-left:4px solid #ddd}.insight-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.insight-card.severity-high{border-left-color:#ff4d4f}.insight-card.severity-medium{border-left-color:#faad14}.insight-card.severity-low{border-left-color:#52c41a}.insight-header{display:flex;align-items:center;margin-bottom:.8rem}.insight-icon{font-size:1.4rem;margin-right:.8rem;padding:8px;border-radius:50%;background-color:#f0f0f0}.insight-icon.anomaly{background-color:#fff1f0;color:#ff4d4f}.insight-icon.pattern{background-color:#e6f7ff;color:#1890ff}.insight-icon.correlation{background-color:#f6ffed;color:#52c41a}.insight-icon.quality{background-color:#fff7e6;color:#faad14}.insight-icon.custom{background-color:#f9f0ff;color:#722ed1}.insight-header h3{margin:0;font-size:1.1rem;font-weight:600}.insight-description{margin-bottom:1rem;color:#333;line-height:1.5}.insight-suggestion{background-color:#f0f2f5;padding:.8rem;border-radius:6px;margin-bottom:1rem;font-size:.95rem}.insight-meta{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:.85rem}.insight-severity{font-weight:600;border-radius:12px;padding:.25rem .8rem;font-size:.8rem}.insight-severity.severity-high{background-color:#fff1f0;color:#ff4d4f}.insight-severity.severity-medium{background-color:#fff7e6;color:#faad14}.insight-severity.severity-low{background-color:#f6ffed;color:#52c41a}.no-insights{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#666}.no-insights svg{color:#ddd;margin-bottom:1rem}.no-insights h3{margin-bottom:.5rem}.no-insights p{color:#888;max-width:400px}@media (max-width: 768px){.insights-controls{flex-direction:column;align-items:stretch}.insights-search{max-width:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.insight-card:first-child{animation:fadeIn .5s ease}.file-insights-page{padding:24px;background-color:#f5f5f5;min-height:100vh}.file-insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.file-insights-header h1{margin:0;font-size:2rem;color:#025043}.file-insights-header .subtitle{margin:4px 0 0;color:#5f6368;font-size:14px}.file-insights-container{display:flex;gap:20px;height:calc(100vh - 160px)}.pattern-selector{width:300px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.pattern-selector h3{margin:0;padding:16px;background:#f8f9fa;border-bottom:1px solid #dadce0;font-size:16px;font-weight:500;color:#202124}.pattern-list{flex:1;overflow-y:auto;padding:8px}.pattern-item{padding:12px;margin-bottom:8px;border-radius:6px;border:1px solid #dadce0;cursor:pointer;transition:all .2s}.pattern-item:hover{background-color:#f8f9fa;border-color:#1a73e8}.pattern-item.selected{background-color:#e8f0fe;border-color:#1a73e8;box-shadow:0 1px 3px #1a73e84d}.pattern-item.has-alerts{border-left:4px solid #f9ab00}.pattern-item.selected.has-alerts{border-left:4px solid #d93025}.pattern-name{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:500;color:#202124;font-size:14px;word-break:break-all}.pattern-name svg{flex-shrink:0;color:#5f6368}.pattern-stats{display:flex;align-items:center;gap:12px;font-size:12px;color:#5f6368}.stat-item{display:flex;align-items:center;gap:4px}.alert-badge{display:flex;align-items:center;gap:4px;padding:2px 6px;background-color:#fef7e0;color:#f9ab00;border-radius:4px;font-weight:500}.pattern-item.has-alerts .alert-badge{background-color:#fce8e6;color:#d93025}.metrics-dashboard{flex:1;display:flex;flex-direction:column;gap:20px;overflow:hidden}.dashboard-controls{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.pattern-info h2{margin:0 0 8px;font-size:20px;color:#202124;word-break:break-all}.info-stats{display:flex;gap:20px;font-size:13px;color:#5f6368;flex-wrap:wrap}.info-stats span{display:flex;align-items:center;gap:4px}.time-controls{display:flex;gap:12px}.time-controls select{padding:8px 12px;border:1px solid #dadce0;border-radius:4px;background-color:#fff;color:#202124;font-size:14px;cursor:pointer;transition:border-color .2s}.time-controls select:hover{border-color:#1a73e8}.time-controls select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.charts-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;padding-bottom:20px}.chart-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{margin:0 0 16px;font-size:16px;font-weight:500;color:#202124;display:flex;align-items:center;gap:8px}.chart-container{flex:1;min-height:300px;position:relative}.alerts-section .alerts-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.alert-item{padding:12px;border-radius:6px;border-left:4px solid #dadce0;background-color:#f8f9fa}.alert-item.severity-high{border-left-color:#d93025;background-color:#fce8e6}.alert-item.severity-medium{border-left-color:#f9ab00;background-color:#fef7e0}.alert-item.severity-low{border-left-color:#1a73e8;background-color:#e8f0fe}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.alert-type{font-size:12px;font-weight:500;color:#5f6368;text-transform:uppercase}.alert-date{font-size:12px;color:#5f6368}.alert-title{font-weight:500;color:#202124;margin-bottom:4px}.alert-description{font-size:13px;color:#5f6368;margin-bottom:8px}.alert-values{display:flex;gap:16px;font-size:12px;color:#5f6368}.alert-values .deviation{color:#d93025;font-weight:500}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#5f6368;text-align:center}.no-data-message svg{color:#dadce0;margin-bottom:16px}.no-data-message p{margin:8px 0;font-size:16px;color:#202124}.no-data-message .hint{font-size:14px;color:#5f6368}.error-message{background-color:#fce8e6;color:#d93025;padding:16px;border-radius:8px;border-left:4px solid #d93025;display:flex;align-items:center;gap:8px;font-size:14px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#1a73e8;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#1765cc}.btn-primary:disabled{background-color:#dadce0;color:#5f6368;cursor:not-allowed}@media (max-width: 1400px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.file-insights-container{flex-direction:column;height:auto}.pattern-selector{width:100%;max-height:300px}.dashboard-controls{flex-direction:column;align-items:flex-start}.time-controls{width:100%;flex-direction:column}.time-controls select{width:100%}}.recommendations-container{padding:var(--space-6);max-width:1200px;margin:0 auto}.page-header{margin-bottom:var(--space-8)}.page-header h1{display:flex;align-items:center;color:#025043;font-size:2rem;margin-bottom:var(--space-2)}.page-header-icon{margin-right:var(--space-2);color:var(--color-primary)}.page-header p{color:var(--text-secondary);max-width:600px}.recommendations-controls{background-color:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label{font-weight:var(--font-semibold);color:var(--text-secondary);font-size:.9rem}.button-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.button-filters button{background-color:var(--color-gray-100);border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:.9rem;cursor:pointer;transition:var(--transition-base)}.button-filters button:hover{background-color:var(--color-gray-200)}.button-filters button.active{background-color:var(--color-primary);color:var(--color-white)}.sort-select{padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:.9rem;max-width:250px}.recommendations-list{display:flex;flex-direction:column;gap:var(--space-4)}.recommendation-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-base);border-left:5px solid var(--border-light)}.recommendation-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.recommendation-card.implemented{border-left-color:var(--color-success);background-color:var(--color-success-light)}.recommendation-card.scheduled{border-left-color:var(--color-primary);background-color:var(--color-primary-50)}.recommendation-card.pending{border-left-color:var(--color-warning)}.recommendation-card.expanded{box-shadow:var(--shadow-lg)}.rec-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3)}.rec-icon{font-size:1.4rem;padding:var(--space-3);border-radius:var(--radius-full);background-color:var(--color-gray-100);color:var(--text-secondary);flex-shrink:0}.rec-icon.quality{background-color:var(--color-error-light);color:var(--color-error)}.rec-icon.format{background-color:var(--color-purple-light);color:var(--color-purple)}.rec-icon.structure{background-color:var(--color-primary-50);color:var(--color-primary)}.rec-icon.validation{background-color:var(--color-warning-light);color:var(--color-warning)}.rec-icon.integration{background-color:var(--color-success-light);color:var(--color-success)}.rec-title-area{flex:1}.rec-title{margin:0;margin-bottom:var(--space-2);font-size:1.1rem;font-weight:var(--font-semibold)}.rec-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.rec-stats{display:flex;gap:var(--space-4)}.rec-effort,.rec-impact{font-size:.85rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg)}.effort-low{background-color:var(--color-success-light);color:var(--color-success)}.effort-medium{background-color:var(--color-warning-light);color:var(--color-warning)}.effort-high{background-color:var(--color-error-light);color:var(--color-error)}.impact-low{background-color:var(--color-gray-100);color:var(--text-secondary)}.impact-medium{background-color:var(--color-primary-50);color:var(--color-primary)}.impact-high{background-color:var(--color-success-light);color:var(--color-success)}.status-badge{display:flex;align-items:center;gap:var(--space-1);font-size:.85rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);font-weight:var(--font-medium)}.status-badge.implemented{background-color:var(--color-success-light);color:var(--color-success)}.status-badge.scheduled{background-color:var(--color-primary-50);color:var(--color-primary)}.status-badge.pending{background-color:var(--color-warning-light);color:var(--color-warning)}.rec-description{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}.rec-details{border-top:1px solid var(--border-light);padding-top:var(--space-4);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rec-benefit,.rec-actions{margin-bottom:var(--space-5)}.rec-benefit h4,.rec-actions h4{margin-bottom:var(--space-2);font-size:1rem;color:var(--text-primary)}.rec-actions ul{padding-left:var(--space-6)}.rec-actions li{margin-bottom:var(--space-2)}.rec-controls{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6)}.mark-implemented{display:flex;align-items:center;gap:var(--space-2);background-color:var(--color-success);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base)}.mark-implemented:hover{background-color:var(--color-success-dark)}.schedule-container{display:flex;gap:var(--space-2)}.schedule-date{padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.schedule-button{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base)}.schedule-button:hover{background-color:var(--color-primary-dark)}.no-recommendations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;background-color:var(--bg-surface);border-radius:var(--radius-lg);color:var(--text-secondary)}.no-recommendations svg{color:var(--border-light);margin-bottom:var(--space-4)}.no-recommendations h3{margin-bottom:var(--space-2)}.no-recommendations p{color:var(--text-tertiary);max-width:400px}@media (max-width: 768px){.recommendations-container{padding:var(--space-4)}.rec-meta{flex-direction:column;align-items:flex-start}.rec-controls{flex-direction:column}.schedule-container{width:100%}.schedule-date{flex:1}}.data-stories-container{padding:1.5rem;max-width:1200px;margin:0 auto}.stories-header{margin-bottom:2rem}.stories-header h1{display:flex;align-items:center;color:#025043;font-size:2rem;margin-bottom:.5rem}.header-icon{margin-right:.5rem;color:#4a6cf7}.stories-header p{color:#666;max-width:600px;margin-bottom:1.5rem}.new-story-btn{background-color:#4a6cf7;color:#fff;border:none;border-radius:6px;padding:.7rem 1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:.5rem}.new-story-btn:hover{background-color:#3a5be8}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.story-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014;padding:1.5rem;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column}.story-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.story-header{margin-bottom:1rem}.story-header h3{margin:0;margin-bottom:.5rem;font-size:1.2rem;color:#333}.story-meta{display:flex;justify-content:space-between;color:#777;font-size:.85rem}.story-description{color:#555;margin-bottom:1.5rem;flex-grow:1;line-height:1.5}.story-preview{display:flex;gap:1rem;margin-bottom:1.5rem}.viz-preview{flex:1;background-color:#f8f9fd;border-radius:6px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#555;font-size:.9rem}.viz-preview svg{font-size:1.5rem;color:#4a6cf7}.story-tags{display:flex;flex-wrap:wrap;gap:.5rem}.story-tag{background-color:#f0f2f5;border-radius:16px;padding:.3rem .8rem;font-size:.8rem;color:#555}.story-detail{padding:1rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014}.story-detail-header{margin-bottom:2rem;border-bottom:1px solid #eee;padding-bottom:1.5rem}.back-button{margin-bottom:1rem;background:none;border:none;color:#4a6cf7;cursor:pointer;display:flex;align-items:center;gap:.3rem;padding:0;font-weight:500}.back-button:hover{text-decoration:underline}.story-detail h1{margin-bottom:.8rem;color:#333}.story-detail-description{color:#555;margin-bottom:1rem;max-width:800px;line-height:1.5}.story-detail-meta{display:flex;gap:1.5rem;color:#777;font-size:.9rem}.story-visualizations{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem;margin-bottom:2rem}.visualization-card{background-color:#f8f9fd;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column}.viz-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.viz-header svg{font-size:1.3rem;color:#4a6cf7}.viz-header h3{margin:0;font-size:1.1rem;color:#333}.viz-placeholder{background-color:#edf0f7;border-radius:6px;padding:3rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#777;flex-grow:1}.viz-placeholder-icon{font-size:2.5rem;color:#bbc3d3;margin-bottom:1rem}.viz-controls{display:flex;gap:.5rem}.viz-control-btn{flex:1;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:.5rem;font-size:.9rem;cursor:pointer;transition:all .2s}.viz-control-btn:hover{background-color:#f0f2f5}.story-insights{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid #eee}.story-insights h2{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.3rem}.insights-list{margin:0;padding-left:1.5rem}.insights-list li{margin-bottom:.8rem;line-height:1.5;color:#555}.story-actions{display:flex;gap:1rem;margin-bottom:1rem}.story-action-btn{padding:.7rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.story-action-btn.primary{background-color:#4a6cf7;color:#fff;border:none}.story-action-btn.primary:hover{background-color:#3a5be8}.story-action-btn:not(.primary){background-color:#fff;border:1px solid #ddd;color:#555}.story-action-btn:not(.primary):hover{background-color:#f5f5f5}.story-editor{background-color:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014;padding:1.5rem}.editor-header{margin-bottom:2rem;border-bottom:1px solid #eee;padding-bottom:1rem}.editor-header h1{color:#333}.editor-form{max-width:800px}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.editor-input,.editor-textarea,.editor-select{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.editor-input:focus,.editor-textarea:focus,.editor-select:focus{border-color:#4a6cf7;outline:none}.editor-textarea{min-height:100px;resize:vertical}.file-selector{display:flex;gap:.5rem;margin-bottom:.5rem}.editor-select{flex:1}.add-file-btn,.add-viz-btn,.add-insight-btn,.add-tag-btn{background-color:#f0f2f5;border:1px solid #ddd;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:all .2s}.add-file-btn:hover,.add-viz-btn:hover,.add-insight-btn:hover,.add-tag-btn:hover{background-color:#e5e8ec}.add-viz-btn{margin-bottom:1rem}.selected-files,.insights-placeholder,.tags-placeholder{background-color:#f8f9fd;border-radius:6px;padding:1rem;color:#777}.editor-placeholder{min-height:200px}.insight-editor,.tag-editor{display:flex;gap:.5rem;margin-bottom:.5rem}.editor-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.editor-action-btn{padding:.7rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.editor-action-btn.primary{background-color:#4a6cf7;color:#fff;border:none}.editor-action-btn.primary:hover{background-color:#3a5be8}.editor-action-btn:not(.primary){background-color:#fff;border:1px solid #ddd;color:#555}.editor-action-btn:not(.primary):hover{background-color:#f5f5f5}@media (max-width: 768px){.stories-grid,.story-visualizations{grid-template-columns:1fr}.story-actions,.editor-actions{flex-direction:column}.story-action-btn,.editor-action-btn{width:100%}}.dashboard-layout-creator{display:flex;flex-direction:column;gap:20px;width:100%;position:relative}.layout-toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;min-height:500px;position:relative}.dashboard-widget{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease;border:1px solid #e0e0e0}.dashboard-widget:hover{box-shadow:0 4px 12px #00000026}.dashboard-widget.dragging{box-shadow:0 8px 16px #0003;opacity:.7}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.widget-header h3{margin:0;font-size:.9rem;font-weight:500;color:#333}.widget-controls{display:flex;gap:4px}.widget-control-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:#666;transition:background-color .2s,color .2s}.widget-control-button:hover{background-color:#0000000d;color:#333}.widget-control-button.drag-handle:hover{cursor:move;background-color:#0000001a}.widget-content{flex:1;padding:16px;overflow:auto}.widget-placeholder{width:100%;height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9rem;text-align:center;border:2px dashed #e0e0e0;border-radius:4px}.dashboard-widget.dragging-overlay{opacity:.8;pointer-events:none;box-shadow:0 8px 24px #0003;background:#fff;z-index:1000}.add-widget-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:80vh;background-color:#fff;border-radius:8px;box-shadow:0 4px 32px #0003;z-index:1100;overflow:hidden;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.panel-header h2{margin:0;font-size:1.25rem;font-weight:500}.close-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#666;transition:background-color .2s,color .2s}.close-button:hover{background-color:#0000000d;color:#333}.widget-options{padding:16px;overflow-y:auto;max-height:calc(80vh - 70px);display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.widget-option{height:100%}.widget-option-button{width:100%;text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:flex-start;gap:12px}.widget-option-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#bbdefb}.widget-option-icon{font-size:1.5rem;color:#2196f3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#e3f2fd;border-radius:8px;flex-shrink:0}.material-icon{font-size:1.5rem}.widget-option-info{flex:1}.widget-option-info h4{margin:0 0 6px;font-size:.95rem;font-weight:500;color:#333}.widget-option-info p{margin:0;font-size:.8rem;color:#666;line-height:1.3}@media (max-width: 768px){.dashboard-grid,.widget-options{grid-template-columns:1fr}.add-widget-panel{width:95%}}.tooltip-container{position:relative;display:inline-flex;vertical-align:middle}.tooltip-trigger{display:inline-flex;align-items:center;cursor:pointer}.tooltip-trigger.interactive{cursor:pointer}.tooltip-trigger .info-icon{color:#2196f3;font-size:16px;opacity:.8;transition:opacity .2s ease}.tooltip-trigger:hover .info-icon{opacity:1}.tooltip-content{position:absolute;z-index:1000;border-radius:6px;padding:12px 16px;box-shadow:0 2px 12px #0000001f;font-size:.875rem;line-height:1.5;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.tooltip-content.pinned{opacity:1!important;visibility:visible!important;transform:translate(0)!important}.tooltip-container:hover .tooltip-content,.tooltip-content.pinned{opacity:1;visibility:visible}.tooltip-content.top{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);margin-bottom:8px}.tooltip-container:hover .tooltip-content.top,.tooltip-content.top.pinned{transform:translate(-50%) translateY(0)}.tooltip-content.bottom{top:100%;left:50%;transform:translate(-50%) translateY(8px);margin-top:8px}.tooltip-container:hover .tooltip-content.bottom,.tooltip-content.bottom.pinned{transform:translate(-50%) translateY(0)}.tooltip-content.left{right:100%;top:50%;transform:translateY(-50%) translate(-8px);margin-right:8px}.tooltip-container:hover .tooltip-content.left,.tooltip-content.left.pinned{transform:translateY(-50%) translate(0)}.tooltip-content.right{left:100%;top:50%;transform:translateY(-50%) translate(8px);margin-left:8px}.tooltip-container:hover .tooltip-content.right,.tooltip-content.right.pinned{transform:translateY(-50%) translate(0)}.tooltip-content:before{content:"";position:absolute;width:0;height:0;border:6px solid transparent}.tooltip-content.top:before{bottom:-12px;left:50%;transform:translate(-50%);border-top-color:inherit}.tooltip-content.bottom:before{top:-12px;left:50%;transform:translate(-50%);border-bottom-color:inherit}.tooltip-content.left:before{right:-12px;top:50%;transform:translateY(-50%);border-left-color:inherit}.tooltip-content.right:before{left:-12px;top:50%;transform:translateY(-50%);border-right-color:inherit}.tooltip-content.light{background-color:#fff;color:#333;border:1px solid #e0e0e0;border-color:#e0e0e0}.tooltip-content.light:before{border-top-color:#e0e0e0;border-bottom-color:#e0e0e0;border-left-color:#e0e0e0;border-right-color:#e0e0e0}.tooltip-content.dark{background-color:#323232;color:#fff;border-color:#323232}.tooltip-content.dark .tooltip-title{color:#fff}.tooltip-content.dark .tooltip-link{color:#90caf9}.tooltip-content.blue{background-color:#e3f2fd;color:#0d47a1;border:1px solid #bbdefb;border-color:#bbdefb}.tooltip-content.blue .tooltip-title{color:#1565c0}.tooltip-content.blue .tooltip-link{color:#1976d2}.tooltip-title{font-weight:600;margin-bottom:6px;color:#1565c0}.tooltip-description{margin-bottom:10px}.tooltip-section-title{font-weight:600;margin-bottom:4px;font-size:.8rem}.tooltip-examples{margin-top:8px;font-size:.8rem}.tooltip-examples ul{margin:0;padding-left:0;list-style:none}.tooltip-examples li{display:flex;align-items:flex-start;margin-bottom:4px;line-height:1.4}.tooltip-icon{font-size:.8rem;margin-right:6px;margin-top:3px;flex-shrink:0}.tooltip-links{margin-top:10px;border-top:1px solid rgba(0,0,0,.1);padding-top:8px;display:flex;flex-direction:column;gap:6px}.tooltip-link{display:flex;align-items:center;color:#1976d2;text-decoration:none;font-size:.8rem;transition:color .2s}.tooltip-link:hover{color:#0d47a1;text-decoration:underline}.tooltip-close{position:absolute;top:8px;right:8px;background:transparent;border:none;cursor:pointer;color:inherit;font-size:1rem;padding:2px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.tooltip-close:hover{opacity:1}@media (max-width: 768px){.tooltip-content{max-width:250px!important}}.dashboard-settings-page{max-width:1200px;margin:0 auto;padding:var(--space-5)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-header h1{font-size:2rem;font-weight:var(--font-medium);color:#025043;margin:0;display:flex;align-items:center;gap:var(--space-3)}.page-header-icon{color:var(--color-primary)}.header-actions{display:flex;gap:var(--space-3)}.settings-tabs{display:flex;margin-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.settings-tab{padding:var(--space-3) var(--space-5);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:var(--font-medium);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2);transition:var(--transition-base)}.settings-tab:hover{color:var(--text-primary);background-color:var(--bg-surface)}.settings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.settings-container{display:flex;flex-direction:column;gap:var(--space-8)}.settings-section{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.settings-section h2{margin:0;padding:var(--space-4) var(--space-5);font-size:1.25rem;font-weight:var(--font-medium);color:var(--text-primary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-2)}.section-icon{color:var(--color-primary)}.dashboard-layout-container{padding:var(--space-5)}.loading-placeholder{padding:var(--space-16) 0;text-align:center;color:var(--text-secondary);font-size:1rem}.theme-settings{padding:var(--space-5)}.settings-group{margin-bottom:var(--space-6)}.settings-label{display:block;font-weight:var(--font-medium);margin-bottom:var(--space-3);color:var(--text-primary)}.settings-options{display:flex;gap:var(--space-3);flex-wrap:wrap}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:2px solid transparent;background:none;cursor:pointer;transition:var(--transition-base)}.theme-option:hover{background-color:var(--bg-surface)}.theme-option.active{border-color:var(--color-primary);background-color:var(--color-primary-50)}.color-preview{width:60px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.color-preview.light{background-color:var(--color-white);border:1px solid var(--border-light)}.color-preview.dark{background-color:var(--text-primary)}.color-preview.system{background:linear-gradient(to right,var(--color-white) 50%,var(--text-primary) 50%)}.color-option{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:var(--transition-base)}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--color-white);box-shadow:0 0 0 2px var(--color-primary)}.color-picker{width:36px;height:36px;border:none;border-radius:var(--radius-full);background:none;cursor:pointer;overflow:hidden;padding:0}.size-options{display:flex;gap:var(--space-4)}.size-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid transparent;background:none;cursor:pointer;min-width:80px}.size-option:hover{background-color:var(--bg-surface)}.size-option.active{border-color:var(--color-primary);background-color:var(--color-primary-50)}.size-preview{font-weight:var(--font-semibold);color:var(--text-primary)}.size-preview.small{font-size:1rem}.size-preview.medium{font-size:1.25rem}.size-preview.large{font-size:1.5rem}.settings-group.toggles{display:flex;flex-direction:column;gap:var(--space-4)}.toggle-option{display:flex;align-items:center;gap:var(--space-2)}.toggle-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle-label input{display:none}.toggle-slider{position:relative;display:inline-block;width:40px;height:24px;background-color:var(--color-gray-300);border-radius:var(--radius-lg);transition:var(--transition-base)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-white);border-radius:var(--radius-full);transition:var(--transition-base)}input:checked+.toggle-slider{background-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translate(16px)}.settings-actions{margin-top:var(--space-8);display:flex;justify-content:flex-end}.preview-container{background-color:var(--bg-surface);padding:var(--space-5);border-radius:var(--radius-md)}.dashboard-preview{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.preview-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light)}.preview-header h2{margin:0 0 var(--space-2) 0;font-size:1.25rem;font-weight:var(--font-medium);color:var(--text-primary)}.preview-header p{margin:0;font-size:.9rem;color:var(--text-secondary)}.dashboard-preview-content{padding:var(--space-5)}.dashboard-preview.dark{background-color:var(--text-primary);color:var(--color-gray-200)}.dashboard-preview.dark .preview-header{border-color:var(--color-gray-600)}.dashboard-preview.dark .preview-header h2{color:var(--color-white)}.dashboard-preview.dark .preview-header p{color:var(--color-gray-400)}.dashboard-preview.small{font-size:.9rem}.dashboard-preview.large{font-size:1.1rem}.dashboard-preview.compact .preview-header{padding:var(--space-3) var(--space-4)}.dashboard-preview.compact .dashboard-preview-content{padding:var(--space-3)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.header-actions{width:100%;justify-content:space-between}.settings-options{flex-direction:column;gap:var(--space-2)}.size-options{flex-direction:row}.theme-option,.size-option{width:100%;flex-direction:row;justify-content:flex-start}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--space-6)}.login-card{width:100%;max-width:450px;background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.login-header{background-color:var(--color-primary);color:var(--text-on-primary);text-align:center;padding:var(--space-8) var(--space-6)}.login-header h2{color:var(--text-on-primary);margin-bottom:var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.login-header h3{font-size:var(--text-lg);color:var(--text-on-primary);margin:0;font-weight:var(--font-regular);opacity:.95}.login-logo{margin-bottom:var(--space-4);display:block;max-width:180px;margin-left:auto;margin-right:auto}.login-form{padding:var(--space-8) var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-card);transition:all var(--transition-fast);font-family:var(--font-primary)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.login-button{width:100%;background-color:var(--color-primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-primary);margin-top:var(--space-2)}.login-button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.login-button:disabled{background-color:var(--color-gray-400);color:var(--color-gray-100);cursor:not-allowed;transform:none;box-shadow:none}.login-error{background-color:var(--color-error-light);color:var(--color-error-dark);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm);border-left:4px solid var(--color-error);display:flex;align-items:center;gap:var(--space-2)}.login-help{padding:var(--space-4) var(--space-6) var(--space-6);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);background-color:var(--color-gray-50);border-top:1px solid var(--border-light)}.login-help p{margin:0;line-height:var(--leading-relaxed)}.login-help strong{color:var(--color-primary);font-weight:var(--font-semibold)}.login-divider{display:flex;align-items:center;text-align:center;margin:var(--space-6) 0;color:var(--text-tertiary)}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-medium)}.login-divider span{padding:0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium)}.login-button.loading{position:relative;color:transparent}.login-button.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid var(--text-on-primary);border-top-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite}@media (max-width: 640px){.login-container{padding:var(--space-4)}.login-card{max-width:100%}.login-header{padding:var(--space-6) var(--space-4)}.login-header h2{font-size:var(--text-xl)}.login-header h3{font-size:var(--text-base)}.login-form{padding:var(--space-6) var(--space-4)}.login-help{padding:var(--space-4)}}@media (prefers-contrast: high){.login-card{border:2px solid var(--color-primary)}.form-group input{border-width:2px}.login-button{border:2px solid var(--color-primary-dark)}}.password-strength-meter{margin-top:.75rem;margin-bottom:.5rem}.strength-bar-container{width:100%;height:6px;background-color:var(--input-border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.strength-bar.strength-weak{background-color:#dc2626}.strength-bar.strength-fair{background-color:#f59e0b}.strength-bar.strength-good{background-color:#3b82f6}.strength-bar.strength-strong{background-color:#10b981}.strength-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.strength-label span{font-weight:600}.strength-label .strength-weak{color:#dc2626}.strength-label .strength-fair{color:#f59e0b}.strength-label .strength-good{color:#3b82f6}.strength-label .strength-strong{color:#10b981}.password-requirements{background-color:var(--bg-secondary);border:1px solid var(--input-border);border-radius:6px;padding:.875rem;margin-top:.75rem}.requirements-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.625rem}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{font-size:.813rem;padding:.375rem 0;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.requirement-icon{font-size:1rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.requirement-passed,.requirement-passed .requirement-icon{color:#10b981}.requirement-failed,.requirement-failed .requirement-icon{color:var(--text-tertiary)}.user-management-container{padding:20px;max-width:1200px;margin:0 auto}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-management-container h1{margin-bottom:0;font-size:2rem;color:#025043}.role-management-link{display:inline-block;padding:8px 15px;background-color:#34a853;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .3s}.role-management-link:hover{background-color:#2d964a}.user-management-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#5f6368}.user-management-actions{margin-bottom:20px;display:flex;justify-content:flex-end}.create-user-btn{background-color:#1a73e8;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.create-user-btn:hover{background-color:#0d62cb}.reset-requests-btn{background-color:#34a853;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s;position:relative;display:inline-flex;align-items:center;gap:8px}.reset-requests-btn:hover{background-color:#2d964a}.reset-requests-btn .badge-count{background-color:#dc2626;color:#fff;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.users-table-container{overflow-x:auto;margin-bottom:20px}.users-table{width:100%;border-collapse:collapse;border:1px solid #dadce0}.users-table th,.users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #dadce0}.users-table th{background-color:#f8f9fa;font-weight:500;color:#5f6368}.users-table tbody tr:hover{background-color:#f8f9fa}.user-roles{display:flex;flex-wrap:wrap;gap:4px}.users-table .role-badge{background-color:#e8f0fe;color:#1a73e8;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:500}.account-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.account-status.active{background-color:#e8f5e9;color:#2e7d32}.account-status.warning{background-color:#fff3e0;color:#ef6c00}.account-status.locked{background-color:#ffebee;color:#c62828}.user-actions{display:flex;gap:12px;align-items:center}.unlock-user-btn{background-color:#fff3e0;color:#ef6c00;font-weight:500;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .2s}.unlock-user-btn:hover{background-color:#ffe0b2}.no-users-message{text-align:center;padding:30px;color:#5f6368}.user-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:700px;height:85vh;display:flex;flex-direction:column;overflow:hidden}.user-form{padding:24px;height:100%}.form-group input[type=text],.form-group input[type=password],.form-group input[type=email],.form-group input[type=tel],.form-group select{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.roles-info{margin-bottom:10px;color:#5f6368;font-size:13px}.no-roles-warning{margin-top:8px;color:#d93025;font-weight:500}.roles-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}.role-checkbox{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:4px;background-color:#f8f9fa}.role-checkbox:hover{background-color:#e8f0fe}.role-checkbox input{margin-left:8px;cursor:pointer}.role-checkbox label{margin-bottom:0;font-weight:400;cursor:pointer}body.high-contrast .user-management-container h1,body.high-contrast .users-table .role-badge{color:#fff}body.high-contrast .users-table,body.high-contrast .users-table th,body.high-contrast .users-table td{border-color:#fff}body.high-contrast .users-table th{background-color:#000;color:#fff}body.high-contrast .users-table tbody tr:hover{background-color:#333}body.high-contrast .users-table .role-badge{background-color:#fff;color:#000}body.high-contrast .edit-user-icon-btn{color:#64b5f6}body.high-contrast .delete-user-icon-btn{color:#ff6b6b}body.high-contrast .user-modal{background-color:#000;border:2px solid #fff}body.high-contrast .form-group input{background-color:#000;color:#fff;border-color:#fff}.auth-provider-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.auth-provider-badge.local{background-color:#e8f5e9;color:#2e7d32;border:1px solid #2e7d32}.auth-provider-badge.okta{background-color:#e3f2fd;color:#1565c0;border:1px solid #1565c0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:0}.form-row .form-group{margin-bottom:15px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}body.high-contrast .auth-provider-badge.local,body.high-contrast .auth-provider-badge.okta{background-color:#fff;color:#000;border-color:#fff}.delete-confirmation-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:500px;display:flex;flex-direction:column}.delete-confirmation-modal .modal-body{padding:24px;text-align:center}.delete-warning-icon{font-size:48px;margin-bottom:16px}.delete-confirmation-text{font-size:16px;color:#202124;margin-bottom:16px;line-height:1.5}.delete-confirmation-text strong{color:#d93025}.user-detail{font-size:14px;color:#5f6368;margin:8px 0}.delete-warning-text{font-size:13px;color:#d93025;margin-top:16px;font-weight:500}.delete-confirm-btn{background-color:#d93025;color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.delete-confirm-btn:hover{background-color:#c5221f}body.high-contrast .delete-confirmation-modal{background-color:#000;border:2px solid #fff}body.high-contrast .delete-confirmation-text{color:#fff}body.high-contrast .delete-confirmation-text strong{color:#ff6b6b}body.high-contrast .user-detail{color:#fff}body.high-contrast .delete-warning-text{color:#ff6b6b}body.high-contrast .delete-confirm-btn{background-color:#ff6b6b;color:#000}.icon-button{background:transparent;border:none;padding:6px;font-size:16px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.icon-button:hover{transform:translateY(-2px)}.edit-button{color:#1a73e8}.edit-button:hover{background-color:#e8f0fe}body.high-contrast .icon-button{border:1px solid #fff}body.high-contrast .edit-button{color:#64b5f6}.role-management-container{padding:20px;max-width:1200px;margin:0 auto}.role-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.role-management-container h1{margin-bottom:0;font-size:2rem;color:#025043}.user-management-link{display:inline-block;padding:8px 15px;background-color:#34a853;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .3s}.user-management-link:hover{background-color:#2d964a}.role-management-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#5f6368}.role-management-actions{margin-bottom:20px;display:flex;justify-content:flex-end}.create-role-btn{background-color:#1a73e8;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.create-role-btn:hover{background-color:#0d62cb}.bulk-delete-btn{background-color:#dc2626;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.bulk-delete-btn:hover{background-color:#b91c1c}.roles-table-container{overflow-x:auto;margin-bottom:20px}.roles-table{width:100%;border-collapse:collapse;border:1px solid #dadce0}.roles-table th,.roles-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #dadce0}.roles-table th{background-color:#f8f9fa;font-weight:500;color:#5f6368}.roles-table tbody tr:hover{background-color:#f8f9fa}.permission-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:300px}.permission-tag{background-color:#e8f0fe;color:#1a73e8;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.permission-read{background-color:#e6f4ea;color:#34a853}.permission-write{background-color:#fce8e6;color:#ea4335}.role-actions{display:flex;gap:8px}.no-roles-message{text-align:center;padding:30px;color:#5f6368}.role-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:850px;height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #dadce0;flex-shrink:0;height:10%;min-height:60px}.modal-content-scrollable{flex:1;overflow-y:auto;height:80%;padding:0}.role-form{padding:24px;height:100%}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #dadce0;flex-shrink:0;height:10%;min-height:60px;align-items:center;background-color:#f8f9fa}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#5f6368}.form-group input[type=text],.form-group textarea{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.required-field{color:#d93025;margin-left:4px}.permissions-section{border:1px solid #dadce0;border-radius:4px;padding:16px;margin-bottom:20px}.permissions-title{font-weight:500;margin-bottom:16px;color:#202124}.permissions-grid{display:grid;grid-template-columns:1fr repeat(2,auto);gap:12px;align-items:center}.permissions-grid-with-execute,.permissions-grid-with-approve{display:grid;grid-template-columns:1fr repeat(3,auto);gap:12px;align-items:center}.permissions-grid-with-execute-approve{display:grid;grid-template-columns:1fr repeat(4,auto);gap:12px;align-items:center}.feature-name{font-weight:500}.nested-feature{padding-left:20px;font-weight:400;color:#5f6368}.nested-indicator{color:#9aa0a6;font-weight:400;margin-right:4px}.permission-header{text-align:center;font-weight:500;color:#5f6368;font-size:14px}.permission-checkbox{display:flex;justify-content:center;align-items:center}.permission-checkbox input{width:18px;height:18px;cursor:pointer}.permission-na{color:#dadce0;font-size:16px;-webkit-user-select:none;user-select:none}.section-divider{height:1px;background-color:#dadce0;margin:16px 0;grid-column:1 / -1}body.high-contrast .role-management-container h1,body.high-contrast .permission-tag{color:#fff}body.high-contrast .roles-table,body.high-contrast .roles-table th,body.high-contrast .roles-table td{border-color:#fff}body.high-contrast .roles-table th{background-color:#000;color:#fff}body.high-contrast .roles-table tbody tr:hover{background-color:#333}body.high-contrast .permission-tag{background-color:#fff;color:#000}body.high-contrast .permission-read{background-color:#fff;color:#000;border:1px solid #34a853}body.high-contrast .permission-write{background-color:#fff;color:#000;border:1px solid #ea4335}body.high-contrast .edit-role-btn{background-color:#fff;color:#000}body.high-contrast .delete-role-btn{background-color:#ff6b6b;color:#000}body.high-contrast .role-modal{background-color:#000;border:2px solid #fff}body.high-contrast .form-group input,body.high-contrast .form-group textarea{background-color:#000;color:#fff;border-color:#fff}.tag-permissions-section{background-color:#f8f9fa;margin-top:20px}.tag-badge-inline{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.tag-sensitivity-hint{font-size:11px;color:#5f6368;font-style:italic;margin-left:4px}.audit-trail-container{padding:20px;max-width:1400px;margin:0 auto}.audit-trail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.audit-trail-container h1{margin-bottom:0;font-size:2rem;color:#025043}.header-actions{display:flex;gap:12px;align-items:center}.audit-trail-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;font-size:18px;color:#5f6368}.loading-spinner{width:48px;height:48px;border:3px solid #f8f9fa;border-top-color:#1a73e8;border-radius:50%;animation:spin .8s linear infinite}.btn-primary{background-color:#1a73e8;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background-color:#0d62cb}.btn-secondary{background-color:#f8f9fa;color:#5f6368;border:1px solid #dadce0;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background-color:#e8f0fe}.btn-success{background-color:#34a853;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:8px}.btn-success:hover{background-color:#2d964a}.btn-danger{background-color:#d93025;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:8px}.btn-warning{background-color:#fb8c00;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:8px}.btn-warning:hover{background-color:#f57c00}.btn-warning:disabled{opacity:.5;cursor:not-allowed}.btn-purple{background-color:#5e35b1;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:8px}.btn-purple:hover{background-color:#4527a0}.btn-purple:disabled{opacity:.5;cursor:not-allowed}.card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:20px}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.card-title{font-size:18px;font-weight:500;color:#202124;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;display:flex;flex-direction:column;gap:8px}.stat-icon{font-size:24px}.stat-value{font-size:24px;font-weight:600;color:#202124}.stat-label{font-size:12px;color:#5f6368;text-transform:uppercase;letter-spacing:.5px}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;overflow-y:hidden;margin-bottom:20px}.audit-table{width:100%;min-width:900px;border-collapse:collapse}.audit-table th,.audit-table td{padding:6px 8px;text-align:left;border-bottom:1px solid #dadce0;font-size:11px;white-space:nowrap}.audit-table th{background-color:#f8f9fa;font-weight:500;color:#5f6368;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.audit-table tbody tr:hover{background-color:#f8f9fa}.audit-table tbody tr{transition:background-color .2s}.no-data-message{text-align:center;padding:24px 10px;color:#5f6368;font-size:11px}.action-icon-btn{background:#e8f0fe;border:1px solid #1a73e8;border-radius:4px;padding:4px 6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;color:#1a73e8}.action-icon-btn svg{width:14px;height:14px}.action-icon-btn:hover{background-color:#1a73e8;color:#fff;transform:translateY(-1px)}.action-icon-btn.view-btn{color:#1a73e8}.action-icon-btn.view-btn:hover{background-color:#1a73e8;color:#fff}.action-icon-btn:disabled{opacity:.5;cursor:not-allowed}.action-icon-btn:disabled:hover{background-color:#e8f0fe;color:#1a73e8;transform:none}.badge{display:inline-block;padding:2px 6px;border-radius:6px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-success{background-color:#e6f4ea;color:#34a853}.badge-error{background-color:#fce8e6;color:#d93025}.badge-warning{background-color:#fef7e0;color:#f9ab00}.badge-info{background-color:#e8f0fe;color:#1a73e8}.action-tag{background-color:#e8f0fe;color:#1a73e8;padding:2px 5px;border-radius:3px;font-size:9px;font-weight:500}.action-tag-create{background-color:#e6f4ea;color:#34a853}.action-tag-update{background-color:#e8f0fe;color:#1a73e8}.action-tag-delete{background-color:#fce8e6;color:#d93025}.action-tag-read{background-color:#f1f3f4;color:#5f6368}.entity-tag{background-color:#f1f3f4;color:#5f6368;padding:2px 5px;border-radius:3px;font-size:9px;font-weight:500;text-transform:uppercase}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-weight:500;color:#5f6368;font-size:13px}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;color:#202124}.form-input:focus,.form-select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.form-input::placeholder{color:#9aa0a6}.form-hint{font-size:11px;color:#5f6368;margin-top:4px;font-style:italic}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #dadce0;flex-shrink:0}.modal-title{margin:0;font-size:18px;color:#202124;font-weight:500}.close-modal-btn{background:none;border:none;font-size:24px;color:#5f6368;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-modal-btn:hover{background-color:#f8f9fa}.modal-content{flex:1;overflow-y:auto;padding:24px;max-height:calc(90vh - 120px)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#9aa0a6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #dadce0;flex-shrink:0;background-color:#f8f9fa}.details-list{display:flex;flex-direction:column;gap:16px}.detail-item{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start;padding:14px 0;border-bottom:1px solid #e8eaed}.detail-item:last-child{border-bottom:none}.detail-label{font-size:12px;font-weight:600;color:#5f6368;text-transform:uppercase;letter-spacing:.5px;padding-top:2px}.detail-value{font-size:14px;color:#202124;word-break:break-word}.detail-value pre{background-color:#f8f9fa;padding:12px;border-radius:4px;border:1px solid #dadce0;overflow-x:auto;font-size:12px;margin:0}.metadata-container{max-height:300px;overflow-y:auto;background-color:#f8f9fa;border-radius:4px;border:1px solid #dadce0;padding:2px}.metadata-json{background-color:#f8f9fa;padding:12px;border-radius:4px;border:none;font-size:12px;font-family:Courier New,Courier,monospace;margin:0;white-space:pre-wrap;word-wrap:break-word;color:#202124;line-height:1.5}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.pagination-info{color:#5f6368;font-size:14px}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-btn{background-color:#fff;border:1px solid #dadce0;border-radius:4px;padding:6px 10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;font-size:14px;color:#5f6368}.pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#1a73e8;color:#1a73e8}.page-size-selector{display:flex;align-items:center;gap:8px}.page-size-selector label{font-size:14px;color:#5f6368}.page-size-selector select{padding:6px 10px;border:1px solid #dadce0;border-radius:4px;font-size:14px;cursor:pointer}.page-size-selector select:focus{outline:none;border-color:#1a73e8}.retention-panel{background-color:#f8f9fa;border-left:4px solid #5e35b1}.retention-divider{height:1px;background-color:#dadce0;margin:20px 0}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#1a73e8}@media (max-width: 1024px){.audit-trail-container{padding:16px}.audit-trail-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;flex-wrap:wrap}}@media (max-width: 768px){.audit-trail-container h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.pagination-container{flex-direction:column;gap:12px}.pagination-controls{flex-wrap:wrap}}.notifications-page{padding:20px;max-width:1200px;margin:0 auto}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.notifications-header .header-left{display:flex;align-items:center;gap:12px}.notifications-header .page-icon{font-size:28px;color:#1a73e8}.notifications-header h1{margin:0;font-size:28px;font-weight:600;color:#202124}.unread-badge{background:#d93025;color:#fff;padding:2px 8px;border-radius:12px;font-size:14px;font-weight:600;min-width:20px;text-align:center}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.loading-state{text-align:center;padding:60px 20px;color:#5f6368;font-size:16px}.notifications-filters{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e8eaed}.filter-tab{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:#5f6368;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.filter-tab:hover{color:#1a73e8;background:#f1f3f4;border-radius:8px 8px 0 0}.filter-tab.active{color:#1a73e8;border-bottom-color:#1a73e8}.notifications-list{background:#fff;border-radius:8px;border:1px solid #e8eaed;overflow:hidden}.notification-item{display:flex;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #e8eaed;transition:background-color .2s;cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f1f3f4}.notification-item.unread:hover{background:#e8eaed}.notification-content-wrapper{display:flex;flex:1;gap:12px;cursor:pointer}.notification-icon{font-size:24px;line-height:1;flex-shrink:0;margin-top:2px}.notification-details{flex:1;min-width:0}.notification-title{font-size:15px;font-weight:600;color:#202124;margin-bottom:4px;display:flex;align-items:center;gap:8px}.unread-dot{width:8px;height:8px;background:#1a73e8;border-radius:50%;flex-shrink:0}.notification-message{font-size:14px;color:#5f6368;margin-bottom:6px;line-height:1.5;word-wrap:break-word}.notification-timestamp{font-size:12px;color:#80868b}.notification-actions{display:flex;gap:8px;flex-shrink:0;margin-left:12px}.action-btn{padding:6px;background:transparent;border:1px solid #dadce0;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#5f6368}.action-btn:hover{background:#f1f3f4;border-color:#5f6368;transform:translateY(-1px)}.action-btn.mark-read:hover{color:#137333;border-color:#137333}.action-btn.mark-unread:hover{color:#1a73e8;border-color:#1a73e8}.action-btn.delete:hover{color:#d93025;border-color:#d93025}.action-btn svg{width:16px;height:16px}.empty-state{text-align:center;padding:80px 20px;color:#5f6368}.empty-state .empty-icon{font-size:48px;color:#dadce0;margin-bottom:16px}.empty-state p{font-size:16px;margin:0}.vendor-management-container{padding:20px;max-width:1200px;margin:0 auto}.vendor-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vendor-management-container h1{margin-bottom:0;font-size:2rem;color:#025043}.vendor-management-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#5f6368}.vendor-management-actions{margin-bottom:20px;display:flex;justify-content:flex-end}.create-vendor-btn{background-color:#1a73e8;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.create-vendor-btn:hover{background-color:#0d62cb}.vendors-table-container{overflow-x:auto;margin-bottom:20px}.vendors-table{width:100%;border-collapse:collapse;border:1px solid #dadce0}.vendors-table th,.vendors-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #dadce0}.vendors-table th{background-color:#f8f9fa;font-weight:500;color:#5f6368}.vendors-table tbody tr:hover{background-color:#f8f9fa}.vendor-actions{display:flex;gap:8px;align-items:center}.icon-btn{border:none;border-radius:4px;padding:8px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;background-color:transparent}.icon-btn:hover{transform:translateY(-2px)}.edit-icon-btn{color:#1a73e8}.edit-icon-btn:hover{background-color:#e8f0fe}.project-icon-btn{color:#137333}.project-icon-btn:hover{background-color:#e6f4ea}.delete-icon-btn{color:#d93025}.delete-icon-btn:hover{background-color:#feeceb}.edit-vendor-btn,.delete-vendor-btn{border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .2s}.edit-vendor-btn{background-color:#e8f0fe;color:#1a73e8}.edit-vendor-btn:hover{background-color:#d2e3fc}.delete-vendor-btn{background-color:#feeceb;color:#d93025}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.25rem;font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled,.form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed}.delete-vendor-btn:hover{background-color:#fed7d7}.no-vendors-message{text-align:center;padding:30px;color:#5f6368}.status-suspended{background-color:#fef7e0;color:#ea8600}.vendor-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #dadce0}.vendor-form{padding:0}.form-group textarea{resize:vertical;min-height:48px}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.form-row-2col:last-child{margin-bottom:0}@media (max-width: 768px){.form-row-2col{grid-template-columns:1fr;gap:.5rem}}body.high-contrast .vendor-management-container h1{color:#fff}body.high-contrast .vendors-table,body.high-contrast .vendors-table th,body.high-contrast .vendors-table td{border-color:#fff}body.high-contrast .vendors-table th{background-color:#000;color:#fff}body.high-contrast .vendors-table tbody tr:hover{background-color:#333}body.high-contrast .status-active,body.high-contrast .status-inactive,body.high-contrast .status-suspended{background-color:#fff;color:#000;border:2px solid #fff}body.high-contrast .icon-btn{border:1px solid #fff}body.high-contrast .edit-icon-btn,body.high-contrast .project-icon-btn{color:#fff}body.high-contrast .delete-icon-btn{color:#ff6b6b}body.high-contrast .edit-vendor-btn{background-color:#fff;color:#000}body.high-contrast .delete-vendor-btn{background-color:#ff6b6b;color:#000}body.high-contrast .vendor-modal{background-color:#000;border:2px solid #fff}body.high-contrast .save-btn{background-color:#fff;color:#000}@media (max-width: 768px){.vendor-management-header{flex-direction:column;align-items:flex-start;gap:15px}.vendors-table-container{overflow-x:scroll}.vendor-modal{max-width:95%;margin:10px}.vendor-actions{flex-direction:column}}.vendor-connection-form .form-group{margin-bottom:.875rem}.vendor-connection-form .form-group:last-child{margin-bottom:0}.vendor-connection-form .error-message{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.vendor-connection-form .test-result{padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.vendor-connection-form .test-result.success{background:#d1fae5;color:#065f46}.vendor-connection-form .test-result.error{background:#fee2e2;color:#991b1b}.notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:10000;padding-top:80px}.notification-modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease-out;border-left:4px solid}.notification-modal-content.success{border-left-color:#10b981}.notification-modal-content.error{border-left-color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.notification-title-section{display:flex;align-items:center;gap:12px}.notification-title-section h3{margin:0;font-size:16px;font-weight:600;color:#111827}.notification-icon{font-size:24px}.notification-icon.success{color:#10b981}.notification-icon.error{color:#ef4444}.notification-close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s}.notification-close-btn:hover{color:#111827}.notification-close-btn svg{font-size:20px}.notification-modal-body{padding:20px}.notification-modal-body p{margin:0;color:#374151;font-size:14px;line-height:1.6}.vendor-user-select{position:relative;width:100%}.vendor-user-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:border-color .2s}.vendor-user-input-wrapper:hover:not(.disabled){border-color:#007bff}.vendor-user-input-wrapper.open{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.vendor-user-input-wrapper.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.vendor-user-input{flex:1;padding:10px 32px 10px 12px;border:none;background:transparent;outline:none;font-size:14px;cursor:inherit;color:#333}.vendor-user-input::placeholder{color:#999}.vendor-user-input:disabled{cursor:not-allowed}.clear-button{position:absolute;right:28px;background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s}.clear-button:hover{color:#333}.dropdown-arrow{position:absolute;right:10px;font-size:10px;color:#666;pointer-events:none;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.vendor-user-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.dropdown-message{padding:12px;text-align:center;color:#666;font-size:14px}.dropdown-message.error{color:#dc3545}.vendor-user-list{padding:4px}.vendor-user-item{padding:10px 12px;cursor:pointer;border-radius:4px;transition:background-color .2s;margin-bottom:2px}.vendor-user-item:hover{background-color:#f8f9fa}.vendor-user-item.selected{background-color:#e7f3ff}.user-name{font-weight:500;color:#333;margin-bottom:4px;font-size:14px}.user-details{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#666;margin-bottom:2px}.user-email,.user-phone{display:inline-flex;align-items:center}.user-email:before{content:"✉";margin-right:4px;color:#999}.user-phone:before{content:"☎";margin-right:4px;color:#999}.user-designation{font-size:11px;color:#888;font-style:italic}.vendor-user-dropdown::-webkit-scrollbar{width:8px}.vendor-user-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.vendor-user-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.vendor-user-dropdown::-webkit-scrollbar-thumb:hover{background:#999}.three-stage-approval-panel{background:#f9fafb;border-radius:8px;padding:1.5rem;margin-top:1rem}.three-stage-approval-panel h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.three-stage-approval-panel h4{margin:0 0 1rem;color:#374151;font-size:1.1rem;font-weight:600}.approval-stages{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;position:relative}.approval-stage{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .3s ease}.approval-stage.active{border-color:#3b82f6;background:#eff6ff}.approval-stage.completed{border-color:#10b981;background:#f0fdf4}.approval-stage.rejected{border-color:#ef4444;background:#fef2f2}.stage-header{display:flex;align-items:center;gap:.75rem;width:100%}.stage-icon{font-size:2rem;flex-shrink:0}.stage-icon.approved{color:#10b981}.stage-icon.rejected{color:#ef4444}.stage-icon.pending{color:#9ca3af}.stage-icon.pending-active{color:#3b82f6;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.stage-icon.disabled{color:#d1d5db}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stage-info{flex:1;text-align:left}.stage-title{font-weight:600;font-size:.875rem;color:#1f2937;margin-bottom:.25rem}.stage-status{font-size:.75rem;color:#6b7280}.stage-connector{width:40px;height:2px;background:#e5e7eb;margin:0 .5rem;flex-shrink:0}.approval-action-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.875rem;resize:vertical;transition:border-color .2s ease}.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.file-upload-area{border:2px dashed #d1d5db;border-radius:6px;padding:1rem;text-align:center;transition:border-color .2s ease}.file-upload-area:hover{border-color:#9ca3af}.file-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#3b82f6;color:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.file-upload-button:hover{background-color:#2563eb}.attached-files{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.attached-file{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f3f4f6;border-radius:4px;font-size:.813rem}.attached-file svg{color:#6b7280}.attached-file span{flex:1;text-align:left;color:#374151}.remove-file-btn{background:none;border:none;color:#ef4444;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.remove-file-btn:hover{background-color:#fee2e2}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem}.approve-btn-stage,.reject-btn-stage{flex:1;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:none}.approve-btn-stage{color:var(--color-success, #10b981);border-color:var(--color-success, #10b981)}.approve-btn-stage:hover:not(:disabled){background-color:var(--color-success-light, rgba(16, 185, 129, .1));color:var(--color-success-dark, #059669);border-color:var(--color-success-dark, #059669);transform:translateY(-1px)}.reject-btn-stage{color:var(--color-error, #ef4444);border-color:var(--color-error, #ef4444)}.reject-btn-stage:hover:not(:disabled){background-color:var(--color-error-light, rgba(239, 68, 68, .1));color:var(--color-error-dark, #dc2626);border-color:var(--color-error-dark, #dc2626);transform:translateY(-1px)}.approve-btn-stage:disabled,.reject-btn-stage:disabled{opacity:.5;cursor:not-allowed}.approve-btn-stage.warning-action{color:var(--color-warning, #ea8600);border-color:var(--color-warning, #ea8600)}.approve-btn-stage.warning-action:hover:not(:disabled){background-color:var(--color-warning-light, rgba(234, 134, 0, .1));color:var(--color-warning-dark, #b56a00);border-color:var(--color-warning-dark, #b56a00)}.locked-notice{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;padding:1rem;margin-top:1rem;text-align:center;color:#92400e;font-size:.875rem;font-weight:500}@media (max-width: 768px){.approval-stages{flex-direction:column;gap:.5rem}.stage-connector{width:2px;height:30px;margin:.5rem 0}.action-buttons{flex-direction:column}}.file-schema-manager{background:#fff;border-radius:8px;padding:1.5rem;margin-top:1rem}.schema-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.header-icon{font-size:1.5rem;color:#3b82f6}.schema-header h3{margin:0;font-size:1.25rem;color:#1f2937}.btn-create-schema{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-create-schema:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-create-schema:disabled{opacity:.5;cursor:not-allowed}.schema-info-box{background:#eff6ff;border-left:4px solid #3b82f6;padding:1rem;margin-bottom:1.5rem;border-radius:4px;display:flex;gap:.75rem}.info-icon{flex-shrink:0;color:#3b82f6;margin-top:.25rem;font-size:1.1rem}.info-content{font-size:.875rem;color:#1e40af;line-height:1.5}.info-content strong{color:#1e3a8a}.info-content em{color:#3b82f6;font-style:normal;font-weight:500}.schema-form-container{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.schema-form .form-header,.schema-edit-form .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.schema-form h4{margin:0;font-size:1.1rem;color:#1f2937;display:flex;align-items:center;gap:.5rem}.btn-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;font-size:1.25rem;display:flex;align-items:center;transition:color .2s ease}.btn-close:hover{color:#dc2626}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input[type=text],.form-group input[type=number],.form-group textarea{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{font-family:Courier New,monospace;resize:vertical}.form-group small{font-size:.75rem;color:#6b7280}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-cancel,.btn-save,.btn-cancel-small,.btn-save-small{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel,.btn-cancel-small{background:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-cancel:hover,.btn-cancel-small:hover{background:#f3f4f6;border-color:#9ca3af}.btn-save,.btn-save-small{background:#10b981;color:#fff}.btn-save:hover:not(:disabled),.btn-save-small:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-save:disabled,.btn-save-small:disabled{opacity:.6;cursor:not-allowed}.schemas-list{display:flex;flex-direction:column;gap:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-icon{font-size:3rem;color:#d1d5db;margin-bottom:1rem}.empty-state p{font-size:1.1rem;margin:.5rem 0;color:#4b5563}.empty-state small{font-size:.875rem}.schema-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.schema-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.schema-item.editing{border-color:#3b82f6;background:#eff6ff}.schema-item.inactive{opacity:.6;background:#f9fafb}.schema-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.schema-main-info{flex:1}.schema-pattern{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.pattern-icon{color:#3b82f6;font-size:1.1rem}.schema-pattern strong{font-size:1rem;color:#1f2937}.priority-badge{background:#dbeafe;color:#1e40af;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:500}.inactive-badge{background:#fef3c7;color:#92400e;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:500}.schema-description{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.schema-preview{margin-top:.75rem}.schema-preview details{cursor:pointer}.schema-preview summary{font-size:.875rem;color:#3b82f6;font-weight:500;padding:.375rem;-webkit-user-select:none;user-select:none}.schema-preview summary:hover{background:#eff6ff;border-radius:4px}.schema-preview pre{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;margin-top:.5rem;font-size:.75rem;overflow-x:auto;max-height:300px}.schema-actions{display:flex;gap:.5rem}.btn-edit-schema,.btn-delete-schema{background:#fff;border:1px solid #d1d5db;padding:.5rem;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center}.btn-edit-schema:hover{background:#eff6ff;color:#3b82f6;border-color:#3b82f6}.btn-delete-schema:hover{background:#fef2f2;color:#dc2626;border-color:#dc2626}.loading-state,.error-message{text-align:center;padding:2rem}.spinner{border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.column-governance-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-top:.5rem}.column-table{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.column-table-header{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 2fr .5fr;gap:.5rem;padding:.5rem;background:#e5e7eb;border-radius:4px;font-weight:600;font-size:.75rem;color:#374151;text-align:left}.column-table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 2fr .5fr;gap:.5rem;align-items:center;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;transition:box-shadow .2s ease}.column-table-row:hover{box-shadow:0 2px 4px #0000000d}.column-input{padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8rem;width:100%;box-sizing:border-box}.column-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.column-checkbox{width:18px;height:18px;cursor:pointer;justify-self:center}.column-select{padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8rem;background:#fff;cursor:pointer;width:100%}.column-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.column-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.btn-add-column{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-column:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.btn-remove-column{display:flex;align-items:center;justify-content:center;padding:.375rem;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;width:32px;height:32px;justify-self:center}.btn-remove-column:hover{background:#dc2626;transform:scale(1.05)}.btn-remove-column svg{font-size:.875rem}@media (max-width: 1200px){.column-table-header,.column-table-row{grid-template-columns:1.5fr .8fr 1.2fr .8fr 1.5fr .4fr;font-size:.7rem}.column-input,.column-select{font-size:.75rem;padding:.3rem .4rem}}.schema-field-editor{margin-top:var(--space-2)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.editor-header label{font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.btn-add-field{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background-color .2s}.btn-add-field:hover{background-color:var(--color-primary-dark)}.schema-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:#fee2e2;border:1px solid #ef4444;border-radius:var(--radius-sm);color:#991b1b;margin-bottom:var(--space-3)}.schema-error svg{width:18px;height:18px}.empty-schema{padding:var(--space-6);text-align:center;background-color:var(--color-gray-50);border:2px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary)}.fields-table{overflow-x:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.fields-table table{width:100%;border-collapse:collapse}.fields-table thead{background-color:var(--color-gray-50)}.fields-table th{padding:var(--space-3);text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-light)}.fields-table tbody tr{border-bottom:1px solid var(--border-light)}.fields-table tbody tr:last-child{border-bottom:none}.fields-table tbody tr:hover{background-color:var(--color-gray-50)}.fields-table td{padding:var(--space-2)}.field-input{width:100%;padding:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--text-sm)}.field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.field-select{width:100%;padding:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--text-sm);background-color:#fff}.field-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.pii-cell{text-align:center;width:80px}.pii-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;justify-content:center}.pii-checkbox input[type=checkbox]{cursor:pointer}.pii-checkbox span{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.pii-checkbox span.pii-active{color:#991b1b;font-weight:var(--font-semibold)}.actions-cell{text-align:center;width:60px}.btn-remove-field{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);background-color:transparent;color:var(--color-danger, #dc2626);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s}.btn-remove-field:hover{background-color:#fee2e2}.btn-remove-field svg{width:16px;height:16px}.editor-hint{display:block;color:var(--text-secondary);font-size:var(--text-xs);margin-top:var(--space-2)}.file-configurations-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-top:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-title{margin:0;font-size:1.1rem;color:#1f2937;font-weight:600}.section-description{margin:0 0 1rem;font-size:.875rem;color:#6b7280}.btn-add-file-config{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-file-config:hover:not(:disabled){background:#2563eb}.btn-add-file-config:disabled{opacity:.5;cursor:not-allowed}.file-config-form{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:1.25rem;margin-bottom:1rem}.form-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.form-header-inline h4{margin:0;font-size:1rem;color:#1f2937}.btn-close-inline{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;font-size:1.125rem;display:flex;align-items:center;transition:color .2s ease}.btn-close-inline:hover{color:#dc2626}.form-grid-inline{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid-inline .form-group{display:flex;flex-direction:column;gap:.375rem}.form-grid-inline .form-group.full-width{grid-column:1 / -1}.form-grid-inline label{font-size:.875rem;font-weight:500;color:#374151}.form-grid-inline input[type=text],.form-grid-inline input[type=number],.form-grid-inline select,.form-grid-inline textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.form-grid-inline input:focus,.form-grid-inline select:focus,.form-grid-inline textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-grid-inline textarea{font-family:Courier New,monospace;resize:vertical}.form-grid-inline small{font-size:.75rem;color:#6b7280;margin-top:-.125rem}.derived-pattern-display{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px}.derived-pattern-display svg{color:#3b82f6;flex-shrink:0}.derived-pattern-display code{font-size:.9rem;color:#1e40af;font-weight:500}.form-actions-inline{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-cancel-inline,.btn-save-inline{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel-inline{background:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-cancel-inline:hover{background:#f3f4f6;border-color:#9ca3af}.btn-save-inline{background:#10b981;color:#fff}.btn-save-inline:hover{background:#059669}.empty-state-inline{text-align:center;padding:2rem 1rem;color:#6b7280}.empty-icon-inline{font-size:2.5rem;color:#d1d5db;margin-bottom:.75rem}.empty-state-inline p{margin:.5rem 0;color:#4b5563;font-size:1rem}.empty-state-inline small{font-size:.875rem}.file-configs-list{display:flex;flex-direction:column;gap:.75rem}.file-config-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;transition:all .2s ease}.file-config-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.file-config-item.editing{border-color:#3b82f6;background:#eff6ff}.config-main-info{flex:1}.config-pattern{display:flex;align-items:center;gap:.625rem;margin-bottom:.375rem}.pattern-icon-inline{color:#3b82f6;font-size:1rem}.config-pattern strong{font-size:.9375rem;color:#1f2937}.priority-badge-inline{background:#dbeafe;color:#1e40af;padding:.1875rem .5rem;border-radius:10px;font-size:.75rem;font-weight:500}.config-description{font-size:.875rem;color:#6b7280;margin-bottom:.375rem}.config-schema-preview{margin-top:.5rem}.config-schema-preview details{cursor:pointer}.config-schema-preview summary{font-size:.8125rem;color:#3b82f6;font-weight:500;padding:.25rem;-webkit-user-select:none;user-select:none}.config-schema-preview summary:hover{background:#eff6ff;border-radius:4px}.config-schema-preview pre{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.625rem;margin-top:.375rem;font-size:.75rem;overflow-x:auto;max-height:200px}.config-actions{display:flex;gap:.375rem}.btn-edit-config,.btn-delete-config{background:#fff;border:1px solid #d1d5db;padding:.375rem;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;font-size:.875rem}.btn-edit-config:hover:not(:disabled){background:#eff6ff;color:#3b82f6;border-color:#3b82f6}.btn-delete-config:hover:not(:disabled){background:#fef2f2;color:#dc2626;border-color:#dc2626}.btn-edit-config:disabled,.btn-delete-config:disabled{opacity:.4;cursor:not-allowed}.governance-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;margin-top:.75rem}.governance-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.governance-icon{color:#3b82f6;font-size:1.125rem}.governance-header h5{margin:0;font-size:.9375rem;font-weight:600;color:#1f2937}.governance-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.governance-controls .form-group.full-width{grid-column:1 / -1}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#374151;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:#3b82f6}.checkbox-label span{font-size:.875rem}.quality-rules-selector{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.75rem;max-height:250px;overflow-y:auto}.quality-rules-list{display:flex;flex-direction:column;gap:.5rem}.quality-rule-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.quality-rule-item:hover{background:#eff6ff;border-color:#3b82f6}.quality-rule-item input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:#3b82f6}.quality-rule-item .rule-name{flex:1;font-size:.875rem;color:#1f2937;font-weight:500}.quality-rule-item .severity-badge{padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;text-transform:uppercase}.severity-badge.severity-critical{background:#fee2e2;color:#991b1b}.severity-badge.severity-high{background:#fef3c7;color:#92400e}.severity-badge.severity-medium{background:#dbeafe;color:#1e40af}.severity-badge.severity-low{background:#d1fae5;color:#065f46}.no-rules-message{color:#9ca3af;font-style:italic;display:block;text-align:center;padding:.5rem}.governance-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.625rem;margin-bottom:.375rem}.governance-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600;line-height:1.2}.governance-badge svg{font-size:.875rem}.pii-badge{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.classification-badge{border:1px solid transparent}.classification-public{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.classification-internal{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.classification-confidential{background:#fed7aa;color:#9a3412;border-color:#fdba74}.classification-highly-confidential{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.quality-badge{background:#e0e7ff;color:#3730a3;border:1px solid #a5b4fc}.vendor-agreements-container{padding:20px;max-width:1400px;margin:0 auto}.vendor-agreements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vendor-agreements-container h1{margin-bottom:0;font-size:2rem;color:#025043}.error-message{background-color:#feeceb;color:#d93025;padding:12px 16px;border-radius:5px;margin-bottom:20px;font-size:14px}.success-message{background-color:#e6f4ea;color:#137333;padding:12px 16px;border-radius:5px;margin-bottom:20px;font-size:14px}.create-agreement-btn{background-color:#1a73e8;color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.create-agreement-btn:hover{background-color:#0d62cb}.agreements-table-container{overflow-x:auto;margin-bottom:20px}.agreements-table{width:100%;border-collapse:collapse;border:1px solid #dadce0}.agreements-table th,.agreements-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #dadce0}.agreements-table th{background-color:#f8f9fa;font-weight:500;color:#5f6368}.agreements-table tbody tr:hover{background-color:#f8f9fa}.agreement-actions{display:flex;gap:8px;flex-wrap:wrap}.view-agreement-btn,.edit-agreement-btn,.delete-agreement-btn{border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .2s}.view-agreement-btn{background-color:#e8f0fe;color:#1a73e8}.view-agreement-btn:hover{background-color:#d2e3fc}.edit-agreement-btn{background-color:#fef7e0;color:#ea8600}.edit-agreement-btn:hover{background-color:#fce8b2}.delete-agreement-btn{background-color:#feeceb;color:#d93025}.delete-agreement-btn:hover{background-color:#fed7d7}.no-agreements-message{text-align:center;padding:30px;color:#5f6368}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-active{background-color:#e6f4ea;color:#137333}.status-inactive{background-color:#f1f3f4;color:#5f6368}.approval-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.5px}.approval-locked{background-color:#fce8b2;color:#ea8600}.approval-approved{background-color:#e6f4ea;color:#137333}.approval-partial{background-color:#e8f0fe;color:#1a73e8}.approval-pending{background-color:#f1f3f4;color:#5f6368}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.agreement-modal,.detail-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.agreement-modal{max-width:700px}.detail-modal{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #dadce0;position:sticky;top:0;background-color:#fff;z-index:10}.modal-header h2{margin:0;font-size:20px;color:#202124;font-weight:500}.close-modal-btn{background:none;border:none;font-size:24px;color:#5f6368;cursor:pointer}.modal-error-message{background-color:#feeceb;color:#d93025;padding:12px 24px;margin:0;font-size:14px}.agreement-form{padding:0}.form-section{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.form-section:first-child{margin-top:0}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.625rem;padding-bottom:0;border-bottom:none}.form-group{margin-bottom:.75rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:#374151;font-size:.875rem}.form-group input[type=text],.form-group input[type=email],.form-group textarea,.form-group select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.form-group textarea{resize:vertical;min-height:60px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled,.form-group select:disabled{background-color:#f3f4f6;color:#5f6368;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:0}.form-row .form-group{margin-bottom:.75rem}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.form-row-grid .form-group{margin-bottom:0}.required-field{color:#dc2626}.schema-input-toggle{display:flex;gap:10px;margin-bottom:15px}.schema-input-toggle button{padding:8px 16px;border:1px solid #dadce0;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s}.schema-input-toggle button.active{background-color:#1a73e8;color:#fff;border-color:#1a73e8}.file-input-container{margin-top:10px}.file-input-container input[type=file]{width:100%;padding:10px;border:2px dashed #dadce0;border-radius:4px;cursor:pointer}.file-selected{margin-top:10px;color:#137333;font-weight:500}.input-help{margin-top:5px;font-size:12px;color:#5f6368}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn,.save-btn{padding:10px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.cancel-btn{background-color:transparent;color:#5f6368;border:1px solid #dadce0}.cancel-btn:hover{background-color:#f8f9fa}.save-btn{background-color:#1a73e8;color:#fff;border:none}.save-btn:hover{background-color:#0d62cb}.detail-modal-wrapper{display:flex;flex-direction:column;width:100%}.detail-tabs{display:flex;border-bottom:1px solid #dadce0;padding:0;background-color:#fff;margin-bottom:0}.detail-tabs button{padding:12px 24px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#5f6368;border-bottom:2px solid transparent;transition:all .2s}.detail-tabs button.active{color:#1a73e8;border-bottom-color:#1a73e8}.detail-tabs button:hover{background-color:#f8f9fa}.detail-content{padding:24px}.locked-message{background-color:#fef7e0;color:#ea8600;padding:12px 16px;border-radius:5px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:500;color:#5f6368;font-size:13px}.detail-item span{color:#202124;font-size:14px}.schema-section,.approval-section{margin-top:30px}.schema-section h3,.approval-section h3{margin-bottom:15px;color:#202124}.schema-table,.history-table{width:100%;border-collapse:collapse;border:1px solid #dadce0;margin-top:10px}.schema-table th,.schema-table td,.history-table th,.history-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #dadce0}.schema-table th,.history-table th{background-color:#f8f9fa;font-weight:500;color:#5f6368;font-size:13px}.schema-table tbody tr:hover,.history-table tbody tr:hover{background-color:#f8f9fa}.no-data{text-align:center;padding:20px;color:#5f6368}.approval-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.approval-status-item{display:flex;flex-direction:column;gap:5px}.approval-status-item label{font-weight:500;color:#5f6368;font-size:13px}.approval-status-item span{font-size:14px}.approval-status-item span.approved{color:#137333}.approval-status-item span.pending{color:#5f6368}.approval-actions{margin-top:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dadce0;display:flex;flex-direction:column;gap:12px}.approve-btn{padding:14px 24px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.approve-btn:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.vendor-approve{background-color:#137333;color:#fff}.vendor-approve:hover{background-color:#0d5a28}.owner-approve{background-color:#1a73e8;color:#fff}.owner-approve:hover{background-color:#1557b0}.reject-section{margin-top:20px;padding-top:20px;border-top:1px solid #dadce0}.reject-section textarea{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:10px}.reject-section textarea:focus{outline:none;border-color:#d93025;box-shadow:0 0 0 2px #d9302533}.reject-btn{padding:10px 20px;border:none;border-radius:4px;background-color:#feeceb;color:#d93025;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.reject-btn:hover{background-color:#fed7d7}.action-badge,.change-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.action-approved,.change-created{background-color:#e6f4ea;color:#137333}.action-rejected{background-color:#feeceb;color:#d93025}.change-updated{background-color:#e8f0fe;color:#1a73e8}.change-deleted{background-color:#f1f3f4;color:#5f6368}body.high-contrast .vendor-agreements-container h1{color:#fff}body.high-contrast .agreements-table,body.high-contrast .agreements-table th,body.high-contrast .agreements-table td{border-color:#fff}body.high-contrast .agreements-table th{background-color:#000;color:#fff}body.high-contrast .agreements-table tbody tr:hover{background-color:#333}body.high-contrast .status-badge,body.high-contrast .approval-badge{background-color:#fff;color:#000;border:2px solid #fff}body.high-contrast .view-agreement-btn,body.high-contrast .edit-agreement-btn{background-color:#fff;color:#000}body.high-contrast .delete-agreement-btn{background-color:#ff6b6b;color:#000}body.high-contrast .agreement-modal,body.high-contrast .detail-modal{background-color:#000;border:2px solid #fff}body.high-contrast .modal-header{border-color:#fff}body.high-contrast .modal-header h2,body.high-contrast .form-group label{color:#fff}body.high-contrast .form-group input,body.high-contrast .form-group textarea,body.high-contrast .form-group select{background-color:#000;color:#fff;border-color:#fff}body.high-contrast .save-btn,body.high-contrast .approve-btn{background-color:#fff;color:#000}@media (max-width: 768px){.vendor-agreements-header{flex-direction:column;align-items:flex-start;gap:15px}.agreements-table-container{overflow-x:scroll}.agreement-modal,.detail-modal{max-width:95%;margin:10px}.agreement-actions{flex-direction:column}.form-row,.form-row-grid,.detail-grid,.approval-status-grid{grid-template-columns:1fr}.detail-tabs{overflow-x:auto}}.toast-container{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:350px}.toast{display:flex;align-items:flex-start;background-color:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:var(--space-3);animation:toast-slide-in .3s ease-out forwards;opacity:0;transform:translate(100%);position:relative}@keyframes toast-slide-in{to{opacity:1;transform:translate(0)}}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);margin-right:var(--space-3);font-weight:var(--font-bold);flex-shrink:0}.toast-content{flex-grow:1;padding-right:var(--space-5)}.toast-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--text-primary)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary)}.toast-close{background:none;border:none;color:var(--text-tertiary);font-size:var(--text-lg);cursor:pointer;padding:0;line-height:1;position:absolute;top:var(--space-2);right:var(--space-2);opacity:.7;transition:var(--transition-base)}.toast-close:hover{opacity:1}.toast-success .toast-icon{background-color:var(--color-success-light);color:var(--color-success)}.toast-success{border-left:4px solid var(--color-success)}.toast-error .toast-icon{background-color:var(--color-error-light);color:var(--color-error)}.toast-error{border-left:4px solid var(--color-error)}.toast-warning .toast-icon{background-color:var(--color-warning-light);color:var(--color-warning)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info .toast-icon{background-color:var(--color-info-light);color:var(--color-info)}.toast-info{border-left:4px solid var(--color-info)}@media (max-width: 480px){.toast-container{bottom:0;right:0;left:0;padding:var(--space-2);max-width:100%}.toast{width:100%}}.vendor-file-upload-container{max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;font-size:2rem;color:#14b8a6}.page-header .subtitle{margin:0;color:#6b7280;font-size:1rem}.success-notification{background:#f0fdf4;border:2px solid #10b981;border-radius:8px;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.notification-content{display:flex;align-items:center;gap:1rem}.notification-icon{font-size:2rem;color:#10b981;flex-shrink:0}.notification-text strong{display:block;color:#065f46;font-size:1.1rem;margin-bottom:.25rem}.notification-text p{margin:0;color:#059669}.notification-link{background:#10b981;color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:background .2s;white-space:nowrap}.notification-link:hover{background:#059669}.selection-panel{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.selection-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.label-row{display:flex;justify-content:space-between;align-items:center}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.required{color:#e74c3c}.form-select{width:100%;padding:.75rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s}.form-select:hover{border-color:#999}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select:disabled{background:#f3f4f6;cursor:not-allowed;color:#9ca3af}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;text-decoration:underline;padding:0}.btn-link:hover{color:#2563eb}.connection-details{background:#fff;padding:1rem;border-radius:6px;border:1px solid #e0e0e0;margin-top:1rem}.upload-path{font-size:.95rem;color:#666;margin-bottom:.75rem}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.folder-browser{margin-top:1rem;max-height:250px;overflow-y:auto;border:1px solid #ddd;border-radius:6px;padding:.75rem;background:#fafafa}.folder-navigation{margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.current-path{font-size:.9rem;color:#666}.empty-folder{padding:1.5rem;text-align:center;color:#999}.folder-list{display:flex;flex-direction:column}.folder-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.75rem;transition:background .2s}.folder-item:last-child{border-bottom:none}.folder-item:hover{background:#f0f0f0}.folder-icon{font-size:1.2rem;flex-shrink:0}.folder-name{color:#374151;font-size:.95rem}.placeholder-dropzone{padding:4rem;border:2px dashed #ccc;border-radius:8px;text-align:center;color:#999;background:#f9f9f9}.placeholder-dropzone svg{margin-bottom:1rem;opacity:.5}.placeholder-dropzone p{font-size:1.1rem;margin:0}.upload-actions{margin-top:1.5rem;text-align:center}.access-denied{padding:3rem;text-align:center;background:#fef2f2;border:2px solid #ef4444;border-radius:8px;color:#991b1b}.access-denied p{margin:0;font-size:1.1rem}.btn{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}@media (max-width: 768px){.selection-row{grid-template-columns:1fr}.vendor-file-upload-container{padding:1rem}.success-notification{flex-direction:column;gap:1rem}}.vendor-file-catalog-container{max-width:1400px;margin:0 auto;padding:2rem}.catalog-header{margin-bottom:2rem}.header-content h1{margin:0 0 .5rem;font-size:2rem;color:#025043}.header-content .subtitle{margin:0;color:#6b7280;font-size:1rem}.filters-container{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .2s}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{font-weight:600;color:#374151;white-space:nowrap}.filter-select{padding:.75rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;min-width:150px}.filter-select:hover{border-color:#999}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.results-summary{margin-bottom:1rem;color:#6b7280;font-size:.95rem}.results-summary p{margin:0}.empty-state{padding:4rem 2rem;text-align:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280}.empty-state h3{margin:0 0 .5rem;color:#374151}.empty-state p{margin:0}.file-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.file-table{width:100%;border-collapse:collapse}.file-table thead{background:#f8f9fa;border-bottom:2px solid #e5e7eb}.file-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.95rem}.file-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.file-table tbody tr:hover{background:#f9fafb}.file-table tbody tr:last-child{border-bottom:none}.file-table td{padding:1rem;color:#374151}.filename-cell{min-width:300px}.filename{font-weight:500;color:#1f2937;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.file-count-badge{display:inline-block;padding:2px 6px;margin-left:.5rem;background-color:#025043;color:#fff;font-size:.75em;font-weight:600;border-radius:4px}.child-row{background-color:#f9fafb}.child-cell{padding-left:2rem}.child-filename{display:flex;align-items:center;gap:.5rem}.child-indicator{color:#9ca3af;font-size:1.2rem;font-weight:400}.file-id{font-size:.85rem;color:#9ca3af;font-family:monospace}.file-type-badge{display:inline-block;padding:.25rem .75rem;background:#e0e7ff;color:#3730a3;border-radius:4px;font-size:.85rem;font-weight:500}.action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.view-btn{background:#3b82f6;color:#fff}.view-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.view-btn:active{transform:translateY(0)}.error-message{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b;padding:1rem;border-radius:6px;margin-bottom:1.5rem}@media (max-width: 1024px){.file-table-container{overflow-x:auto}.file-table{min-width:800px}}@media (max-width: 768px){.vendor-file-catalog-container{padding:1rem}.filters-container{flex-direction:column;align-items:stretch}.search-box{min-width:unset}.filter-group{justify-content:space-between}}.hooks-demo{font-family:var(--font-primary);color:var(--text-primary);line-height:1.6}.hooks-demo.dark{background-color:var(--color-gray-800);color:var(--color-gray-100)}.hooks-demo h1{margin-bottom:var(--space-8);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.hooks-demo h2{margin-top:var(--space-5);margin-bottom:var(--space-4);font-size:1.5rem}.hooks-demo button{padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm)}.hooks-demo button:hover{background-color:var(--color-primary-dark)}.hooks-demo button:disabled{background-color:var(--color-gray-300);cursor:not-allowed}.hooks-demo button.active{background-color:var(--color-primary-dark);font-weight:var(--font-bold)}.hooks-demo input,.hooks-demo textarea,.hooks-demo select{padding:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;margin-top:var(--space-1)}.hooks-demo label{display:block;margin-bottom:var(--space-3);font-weight:var(--font-medium)}.hooks-demo .error{color:var(--color-error);font-size:var(--text-xs);margin-top:var(--space-1)}.hooks-demo table{width:100%;border-collapse:collapse;margin:var(--space-5) 0}.hooks-demo table th,.hooks-demo table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-light)}.hooks-demo table th{background-color:var(--color-gray-100);font-weight:var(--font-semibold)}.hooks-demo table tr:nth-child(2n){background-color:var(--bg-surface)}.hooks-demo.dark table th{background-color:var(--text-primary)}.hooks-demo.dark table tr:nth-child(2n){background-color:var(--color-gray-700)}.hooks-demo .demo-section{border:1px solid var(--border-light);padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5);background-color:var(--bg-card);box-shadow:var(--shadow-sm)}.hooks-demo.dark .demo-section{background-color:var(--text-primary);border-color:var(--color-gray-600)}.groups-container{padding:20px}.groups-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.groups-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.group-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;height:100%;position:relative;overflow:hidden}.group-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001f}.group-card-header{display:flex;justify-content:space-between;margin-bottom:16px;align-items:flex-start}.group-card-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--heading-color, #333)}.group-card-actions{display:flex;gap:8px}.group-card-description{margin:0 0 16px;color:var(--text-secondary-color, #666);font-size:.9rem;flex-grow:1}.group-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-secondary-color, #666)}.group-card-stats{display:flex;gap:16px}.group-card-stat{display:flex;align-items:center;gap:4px}.group-card-stat svg{color:var(--primary-color, #3498db)}.group-card-link{color:var(--primary-color, #3498db);text-decoration:none;display:flex;align-items:center;gap:4px;font-weight:500;font-size:.85rem}.group-card-link:hover{text-decoration:underline}.empty-state{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:40px 20px;text-align:center;grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center}.group-form{display:grid;gap:16px}.business-processes-container{padding:20px}.business-processes-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.business-processes-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.business-processes-table-container{overflow-x:auto}.business-processes-table{width:100%;border-collapse:collapse}.business-processes-table th{background-color:#f8f9fa;text-align:left;padding:12px 16px;font-weight:600;color:var(--heading-color, #333);border-bottom:1px solid #e0e0e0;font-size:.9rem}.business-processes-table td{padding:12px 16px;border-bottom:1px solid #e0e0e0;color:var(--text-color, #444)}.business-processes-table tr:last-child td{border-bottom:none}.business-processes-table tr:hover{background-color:#f8f9fa}.process-name-link{color:var(--heading-color, #333);font-weight:500;text-decoration:none;display:block}.process-name-link:hover{color:var(--primary-color, #3498db)}.process-description{font-size:.85rem;color:var(--text-secondary-color, #666);margin-top:4px}.status-error{background-color:#feeaea;color:#e74c3c}.owner-badge{display:flex;align-items:center;gap:6px}.owner-badge img{width:24px;height:24px;border-radius:50%;object-fit:cover}.process-form{display:grid;gap:16px}.jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.jobs-title{font-size:2rem;font-weight:600;color:#025043}.jobs-subtitle{margin:.3rem 0 0;font-size:.9rem;color:#037c6e}.jobs-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.jobs-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.jobs-table-container{overflow-x:auto}.jobs-table{width:100%;border-collapse:collapse}.jobs-table th{background-color:#f8f9fa;text-align:left;padding:12px 16px;font-weight:600;color:var(--heading-color, #333);border-bottom:1px solid #e0e0e0;font-size:.9rem}.jobs-table td{padding:12px 16px;border-bottom:1px solid #e0e0e0;color:var(--text-color, #444)}.jobs-table tr:last-child td{border-bottom:none}.jobs-table tr:hover{background-color:#f8f9fa}.job-name-link{color:var(--heading-color, #333);font-weight:500;text-decoration:none;display:block}.job-name-link:hover{color:var(--primary-color, #3498db)}.job-description{font-size:.85rem;color:var(--text-secondary-color, #666);margin-top:4px}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-active{background-color:#e6f7f2;color:#27ae60}.status-inactive{background-color:#f1f3f4;color:#7f8c8d}.status-pending{background-color:#fff8e1;color:#f39c12}.status-running{background-color:#e3f2fd;color:#2196f3}.status-completed{background-color:#e8f5e9;color:#43a047}.status-failed{background-color:#feeaea;color:#e74c3c}.icon-button{background:none;border:none;color:var(--text-secondary-color, #666);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;transition:all .2s ease}.icon-button:hover{color:var(--primary-color, #3498db);background-color:#3498db1a}.icon-button:disabled{color:#ccc;cursor:not-allowed;background-color:transparent}.table-actions{display:flex;gap:8px;justify-content:flex-end}.empty-state{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state svg{color:var(--text-secondary-color, #666);margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:1.3rem;color:var(--heading-color, #333)}.empty-state p{margin:0 0 24px;color:var(--text-secondary-color, #666);max-width:500px}.job-form{display:grid;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;font-size:.9rem;color:var(--heading-color, #333)}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;font-family:inherit;transition:border-color .15s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color, #3498db)}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.alert{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:.9rem}.alert-error{background-color:#feeaea;border-left:4px solid #e74c3c;color:#c0392b}.alert-warning{background-color:#fff8e1;border-left:4px solid #f39c12;color:#e67e22}.alert-success{background-color:#eafaf1;border-left:4px solid #2ecc71;color:#27ae60}.transformation-profiling-modal{width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-container{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:#f1f5f9;color:#475569}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.parent-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #e2e8f0}.parent-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;margin-bottom:-2px}.parent-tab:hover{color:#3b82f6;background-color:#f1f5f9}.parent-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.child-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background-color:#f8fafc;padding:.5rem;border-radius:6px}.child-tab{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.child-tab:hover{background-color:#f1f5f9;border-color:#cbd5e1}.child-tab.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.tab-content{min-height:400px;max-height:500px;overflow-y:auto}.profile-attributes{background:#f8fafc;padding:1.5rem;border-radius:6px}.attr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.attr-item label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#64748b;margin-bottom:.5rem;letter-spacing:.05em}.attr-item div{font-size:1rem;color:#0f172a;font-weight:500}.profile-columns{overflow-x:auto}.profile-columns .data-table{width:100%;border-collapse:collapse}.profile-columns .data-table th{background-color:#f8fafc;padding:.75rem;text-align:left;font-size:.875rem;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.profile-columns .data-table td{padding:.75rem;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#334155}.profile-columns .data-table tr:hover{background-color:#f8fafc}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem}.processed-catalog-page{padding:2rem;max-width:1400px;margin:0 auto}.search-input-container{position:relative;display:flex;align-items:center;margin-bottom:1.5rem}.search-input-container .search-icon{position:absolute;left:.75rem;color:#94a3b8;font-size:1rem;pointer-events:none}.search-input{padding:.5rem .75rem .5rem 2.5rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;width:100%;max-width:400px;transition:all .2s;background:#fff;color:#0f172a}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#94a3b8}.empty-state-card{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:3rem 2rem;text-align:center}.empty-state-card p{color:#64748b;font-size:1rem;margin:0}.mapping-groups-container{display:flex;flex-direction:column;gap:1rem}.mapping-group{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:all .2s}.mapping-group:hover{box-shadow:0 4px 6px #0000001a}.mapping-group-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(to right,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .2s}.mapping-group-header:hover{background:linear-gradient(to right,#f1f5f9,#f8fafc)}.mapping-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.mapping-header-left>svg{color:#64748b;transition:transform .2s}.mapping-name-title{font-size:.9rem;font-weight:600;color:#0f172a}.view-mapping-link,.view-lineage-link{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s;margin-left:.5rem;cursor:pointer}.view-mapping-link{background:#3b82f6}.view-lineage-link{background:#10b981}.view-mapping-link:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}.view-lineage-link:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 6px #10b9814d}.mapping-header-right{display:flex;align-items:center;gap:1rem}.file-count-badge{background:#e0f2fe;color:#0c4a6e;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.mapping-group-body{padding:0;background:#fff}.files-table{width:100%;border-collapse:collapse}.files-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.files-table th{padding:.875rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.files-table td{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;font-size:.75rem;color:#334155}.files-table tbody tr:last-child td{border-bottom:none}.files-table tbody tr:hover{background:#fafbfc}.file-name{font-weight:500;color:#0f172a}.source-file,.project-name{color:#64748b}.created-date{color:#64748b;font-size:.7rem}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-view-profiling{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view-profiling:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}.btn-view-profiling:disabled{opacity:.5;cursor:not-allowed}.btn-delete-profiling{padding:.5rem;background:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-delete-profiling:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px #ef44444d}.btn-delete-profiling:disabled{opacity:.5;cursor:not-allowed}.alert{padding:1rem;border-radius:6px;margin-bottom:1.5rem}.alert-danger{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}@media (max-width: 768px){.transformation-catalog-page{padding:1rem}.search-input{max-width:100%}.mapping-header-left{flex-wrap:wrap;gap:.5rem}.view-mapping-link{margin-left:0;order:3;width:100%}.files-table{font-size:.85rem}.files-table th,.files-table td{padding:.75rem .875rem}.action-buttons{flex-direction:column;gap:.375rem}.btn-view-profiling,.btn-delete-profiling{width:100%;font-size:.8rem}}.dual-list-selector{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;margin:20px 0;align-items:stretch}.list-panel{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:4px;background:#fff;min-height:300px;max-height:400px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fafafa;border-bottom:1px solid #e0e0e0}.panel-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.item-count{font-size:12px;color:#666;background-color:#e0e0e0;padding:2px 8px;border-radius:10px}.panel-body{flex:1;overflow-y:auto;padding:8px}.list-item{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:all .2s;background-color:#f5f5f5;border:1px solid transparent}.list-item:hover{background-color:#e6f7ff}.list-item.selected{background-color:#0079c1;color:#fff;border-color:#0079c1}.item-order{font-size:12px;font-weight:600;color:#999;min-width:20px}.list-item.selected .item-order{color:#fffc}.empty-panel{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-style:italic;font-size:14px}.control-buttons{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:8px}.control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e0e0e0;background-color:#fff;border-radius:4px;cursor:pointer;font-size:18px;color:#666;transition:all .2s}.control-btn:hover:not(:disabled){background-color:#0079c1;color:#fff;border-color:#0079c1}.control-btn:disabled{opacity:.4;cursor:not-allowed}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.panel-body::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.panel-body::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.n-step-workflows-page{padding:0}.workflow-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.section-header h2{margin:0;font-size:1.25rem;color:#1e293b}.workflow-table-container{overflow-x:auto}.workflow-table{width:100%;border-collapse:collapse}.workflow-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:600;color:#475569;font-size:.6875rem;border-bottom:2px solid #e2e8f0}.workflow-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.8125rem;font-weight:400}.workflow-table tbody tr:hover{background:#f8fafc}.workflow-table .selected-row{background:#eff6ff}.workflow-table .selected-row:hover{background:#dbeafe}.workflow-table .empty-message{text-align:center;color:#94a3b8;padding:2rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-active{background:#dcfce7;color:#15803d}.status-inactive{background:#f1f5f9;color:#64748b}.action-buttons{display:flex;gap:.5rem}.workflow-editor-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem}.workflow-editor-header h2{flex:1;margin:0;font-size:1.5rem;color:#1e293b}.workflow-editor-header .header-actions{display:flex;gap:.75rem}.step-column.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.step-column.clickable:not(.active):hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.success-modal .modal-body{text-align:center;padding:2rem}.success-icon{width:64px;height:64px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff;font-weight:700}.success-modal .modal-footer{justify-content:center}.workflow-controls{background:#fff;padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem}.asset-selectors{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.selector-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.selector-add-btn{margin-top:.5rem;width:100%}.selector-group label{font-size:.875rem;font-weight:500;color:#475569}.step-navigation{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.steps-grid{display:flex;align-items:flex-start;gap:0;padding:0 1.5rem 1.5rem;position:relative;min-height:400px}.step-column{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .2s;width:250px;position:relative;margin-right:60px}.step-column:last-child{margin-right:0}.step-column:not(:last-child):after{content:"";position:absolute;top:50%;right:-60px;width:50px;height:2px;background:#3b82f6;transform:translateY(-50%)}.step-column:not(:last-child):before{content:"";position:absolute;top:50%;right:-15px;width:0;height:0;border-left:10px solid #3b82f6;border-top:6px solid transparent;border-bottom:6px solid transparent;transform:translateY(-50%)}.step-column.active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.step-column.frozen{opacity:.7;background:#f8fafc}.step-column.frozen:not(:last-child):after{background:#cbd5e1}.step-column.frozen:not(:last-child):before{border-left-color:#cbd5e1}.step-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.step-title-row{display:flex;justify-content:space-between;align-items:center}.step-header h3{margin:0;font-size:1rem;color:#1e293b}.step-delete-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.step-delete-btn:hover{background:#fee2e2}.step-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.active-badge{background:#dbeafe;color:#1d4ed8}.frozen-badge{background:#f1f5f9;color:#64748b}.step-count{font-size:.85rem;color:#64748b;margin-bottom:1rem;font-weight:500}.step-count .error-text{color:#ef4444;font-weight:600}.step-assets{display:flex;flex-direction:column;gap:.5rem}.asset-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem}.asset-type-badge{padding:.125rem .5rem;background:#3b82f6;color:#fff;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.asset-chip .asset-type-badge{background:#10b981}.asset-chip[data-type=mapping_group] .asset-type-badge{background:#f59e0b}.asset-name{flex:1;color:#334155;font-weight:500}.asset-remove-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.asset-remove-btn:hover{background:#fee2e2}.empty-step{text-align:center;padding:1.5rem .5rem;color:#94a3b8;font-size:.875rem}.empty-state{text-align:center;padding:4rem 2rem;color:#64748b}.empty-state p{font-size:1.1rem}.table-actions{display:flex;gap:.5rem;align-items:center}.action-icon-btn{background:transparent;border:none;border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary, #6c757d);text-decoration:none}.action-icon-btn.execute-btn{color:#137333}.action-icon-btn.execute-btn:hover{background-color:#e6f4ea}.action-icon-btn.toggle-btn-success{color:#137333}.action-icon-btn.toggle-btn-success:hover{background-color:#e6f4ea}.action-icon-btn.toggle-btn-warning{color:#f59e0b}.action-icon-btn.toggle-btn-warning:hover{background-color:#fef3c7}.policy-management-container{padding:var(--space-6);max-width:1400px;margin:0 auto}.policies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-4)}.policy-card{transition:box-shadow var(--transition-base)}.policy-card:hover{box-shadow:var(--shadow-xl)}.policy-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.policy-card-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.policy-actions{display:flex;gap:var(--space-2)}.policy-description{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3);line-height:1.5}.policy-rules{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.rules-json{background-color:var(--color-gray-50);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);overflow-x:auto;margin:0}.no-rules{color:var(--text-tertiary);font-style:italic;font-size:var(--text-sm);margin:0}.policy-modal{max-width:600px;min-width:500px}.form-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-light)}.form-section h3{margin-top:0;margin-bottom:var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;resize:vertical;transition:border-color var(--transition-base)}.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group select{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:#fff;cursor:pointer;transition:border-color var(--transition-base)}.checkbox-group{margin-top:var(--space-3)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group span{color:var(--text-primary);font-weight:var(--font-normal)}.policies-table-container{overflow-x:auto}.policies-table{width:100%;border-collapse:collapse}.policies-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--border-medium)}.policies-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.policies-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-base)}.policies-table tbody tr:hover{background-color:var(--color-gray-50)}.policies-table td{padding:var(--space-4);font-size:13px;vertical-align:top}.policy-id-cell{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.policy-name-cell{font-weight:var(--font-semibold);color:var(--text-primary);min-width:150px}.policy-description-cell{color:var(--text-secondary);max-width:300px;cursor:help}.policy-description-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.policy-rules-cell{max-width:400px}.policy-rules-cell .rules-json{font-size:11px;max-height:100px;overflow-y:auto}.policy-rules-cell .no-rules{color:var(--text-tertiary);font-style:italic}.policy-date-cell{color:var(--text-tertiary);font-size:var(--text-xs);white-space:nowrap}.policy-actions-cell{display:flex;gap:var(--space-2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:var(--radius-md);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto}.policy-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.policy-modal-content{background-color:#fff;border-radius:var(--radius-md);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto}.policy-error-modal,.policy-confirm-modal{max-width:450px;min-width:350px}.policy-error-header{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:#fef2f2;color:#dc2626}.policy-error-header .policy-error-icon{font-size:24px}.policy-error-header h3{flex:1;margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.policy-confirm-header{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:#fef3c7;color:#d97706}.policy-confirm-header svg{font-size:24px}.policy-confirm-header h3{flex:1;margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.policy-close-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:currentColor;opacity:.6;transition:opacity var(--transition-base)}.policy-close-btn:hover{opacity:1}.policy-close-btn svg{font-size:20px}.policy-error-body,.policy-confirm-body{padding:var(--space-5)}.policy-error-body p,.policy-confirm-body p{margin:0;color:var(--text-primary);font-size:var(--text-base);line-height:1.6}.policy-error-actions,.policy-confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-light)}.btn-danger{background-color:#dc2626;color:#fff;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.toast-container{position:fixed;top:20px;right:20px;z-index:2000}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideIn .3s ease-out;min-width:300px}.toast-success{border-left:4px solid #16a34a}.toast-icon{font-size:20px;color:#16a34a;flex-shrink:0}.toast-message{color:#1f2937;font-size:14px;font-weight:500}.tag-management-container{padding:var(--space-6);max-width:1400px;margin:0 auto}.page-header h1{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:2rem;font-weight:var(--font-semibold);color:#025043}.page-header .header-icon{color:var(--color-primary)}.page-description{color:#0376ce;font-size:var(--text-sm);margin:0}.empty-state{text-align:center;padding:var(--space-8)}.empty-state svg{color:var(--color-gray-400);margin-bottom:var(--space-4)}.empty-state h3{margin-top:var(--space-4);margin-bottom:var(--space-2);color:var(--text-primary)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-4)}.tags-table-container{overflow-x:auto}.tags-table{width:100%;border-collapse:collapse}.tags-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--border-medium)}.tags-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.tags-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-base)}.tags-table tbody tr:hover{background-color:var(--color-gray-50)}.tags-table td{padding:var(--space-4);font-size:var(--text-sm)}.tag-name-cell{font-weight:var(--font-semibold);color:var(--text-primary)}.tag-description-cell{color:var(--text-secondary);max-width:400px}.tag-preview-cell{min-width:120px}.tag-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;text-transform:uppercase;letter-spacing:.05em}.tag-date-cell{color:var(--text-tertiary);font-size:var(--text-xs);white-space:nowrap}.tag-actions-cell{display:flex;gap:var(--space-2)}.action-icon-btn:hover{transform:translateY(-2px)}.tag-modal{max-width:500px;min-width:400px}.form-group label{display:block;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-sm)}.form-group input[type=text],.form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-base)}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.color-picker-group{display:flex;align-items:center;gap:var(--space-3)}.color-picker-group input[type=color]{width:60px;height:40px;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer}.color-preview{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;text-transform:uppercase;letter-spacing:.05em;min-width:100px;text-align:center}.modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);justify-content:flex-end}.form-group select{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;background-color:#fff;cursor:pointer;transition:border-color var(--transition-base)}.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.field-help{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.permission-badge,.sensitivity-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.permission-badge.permission-public{background-color:var(--color-success-light);color:var(--color-success-dark)}.permission-badge.permission-restricted{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.permission-badge.permission-private{background-color:var(--color-error-light);color:var(--color-error-dark)}.sensitivity-badge.sensitivity-low{background-color:#e0f2fe;color:#075985}.sensitivity-badge.sensitivity-medium{background-color:#fef3c7;color:#92400e}.sensitivity-badge.sensitivity-high{background-color:#fed7aa;color:#9a3412}.sensitivity-badge.sensitivity-critical{background-color:#fecaca;color:#991b1b}.confirm-delete-modal{max-width:450px;min-width:350px}.confirm-header{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:#fef3c7;color:#d97706}.confirm-header .warning-icon{font-size:24px}.confirm-header h3{flex:1;margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.confirm-header .close-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:currentColor;opacity:.6;transition:opacity var(--transition-base)}.confirm-header .close-btn:hover{opacity:1}.confirm-header .close-btn svg{font-size:20px}.confirm-body{padding:var(--space-5)}.confirm-body p{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-size:var(--text-base);line-height:1.6}.confirm-body p:last-child{margin-bottom:0}.confirm-body .warning-text{color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-light)}.btn-danger{background-color:#dc2626;color:#fff;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover{background-color:#b91c1c}.subproject-member-management{padding:1.5rem;max-width:1400px;margin:0 auto}.spmm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.spmm-header .header-title{display:flex;align-items:center;gap:.75rem}.spmm-header .header-title h2{margin:0;font-size:.75rem;color:#1f2937;font-weight:600}.subproject-badge{background:#dbeafe;color:#1e40af;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.spmm-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:#6b7280;font-size:.75rem;font-weight:500;transition:all .2s}.tab-button:hover{color:#3b82f6;background:#f9fafb}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;margin-bottom:1.5rem;font-size:.75rem}.loading-state p{font-size:.75rem}.tab-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.content-description{color:#6b7280;font-size:.75rem;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#6b7280;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px}.empty-state h3{color:#374151;margin:.5rem 0;font-size:.8rem;font-weight:600}.empty-state p{color:#6b7280;margin:.5rem 0 1.5rem;font-size:.75rem}.table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.data-table{width:100%;border-collapse:collapse;font-size:.75rem}.data-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:.75rem 1rem;color:#1f2937}.user-cell,.group-cell{display:flex;align-items:center;gap:.5rem;font-weight:500}.user-cell svg{color:#3b82f6;flex-shrink:0}.group-cell svg{color:#8b5cf6;flex-shrink:0}.role-badge{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500;text-transform:capitalize}.role-badge.role-viewer{background:#dbeafe;color:#1e40af}.role-badge.role-editor{background:#fef3c7;color:#92400e}.role-badge.role-admin{background:#fce7f3;color:#9f1239}.actions-cell{text-align:center;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 4px #3b82f64d}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.btn-icon-danger:hover:not(:disabled){background:#fee2e2;color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{display:flex;align-items:center;gap:.5rem;margin:0;color:#1f2937;font-size:.8rem;font-weight:600}.modal-form{padding:1.5rem}.modal-form .form-group{margin-bottom:1.25rem}.modal-form label{display:block;margin-bottom:.4rem;font-weight:500;color:#374151;font-size:.7rem}.modal-form .required{color:#dc2626}.modal-form .form-input{width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem;transition:all .2s}.modal-form .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-form .form-input:disabled{background:#f3f4f6;cursor:not-allowed}.modal-form select.form-input{cursor:pointer}.modal-form select.form-input:disabled{cursor:not-allowed}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.subproject-member-management{padding:1rem}.content-header{flex-direction:column;align-items:flex-start;gap:1rem}.content-header .btn{width:100%;justify-content:center}.spmm-tabs,.table-container{overflow-x:auto}.data-table{min-width:600px}.modal-content{margin:1rem}}.sub-project-management{padding:1.5rem;max-width:1400px;margin:0 auto}.sub-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h2{margin:0;font-size:.75rem;color:#1f2937;font-weight:600}.parent-project-badge{background:#dbeafe;color:#1e40af;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;margin-bottom:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-state .spinner{border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px}.empty-state svg{color:#9ca3af;margin-bottom:1rem}.empty-state h3{color:#374151;margin:.5rem 0;font-size:.75rem;font-weight:600}.empty-state p{color:#6b7280;margin:.5rem 0 1.5rem;font-size:.8rem}.sub-project-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.form-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.form-card-header h3{display:flex;align-items:center;gap:.5rem;margin:0;color:#1f2937;font-size:.75rem;font-weight:600}.sub-project-form .form-group{margin-bottom:1.25rem}.sub-project-form label{display:block;margin-bottom:.35rem;font-weight:500;color:#374151;font-size:.7rem}.sub-project-form .required{color:#dc2626}.sub-project-form .form-input{width:100%;padding:.5rem .7rem;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem;transition:all .2s}.sub-project-form .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sub-project-form .form-input:disabled{background:#f3f4f6;cursor:not-allowed}.sub-project-form textarea.form-input{resize:vertical;min-height:80px}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.sub-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.sub-project-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.sub-project-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.sub-project-card.inactive{opacity:.6;background:#f9fafb}.sub-project-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.sub-project-card .card-title{display:flex;align-items:center;gap:.75rem;flex:1}.sub-project-card .folder-icon{color:#3b82f6;flex-shrink:0}.sub-project-card h3{margin:0;font-size:.75rem;color:#1f2937;word-break:break-word;font-weight:600}.sub-project-card .card-actions{display:flex;gap:.5rem}.sub-project-card .card-body{margin-top:1rem}.sub-project-card .description{color:#6b7280;font-size:.8rem;line-height:1.5;margin-bottom:1rem}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.card-stats .stat{display:flex;flex-direction:column;gap:.25rem}.card-stats .stat-label{font-size:.7rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.card-stats .stat-value{font-size:.75rem;font-weight:600;color:#1f2937}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.75rem;color:#6b7280}.card-footer .owner-label{font-weight:500;margin-right:.5rem}.card-footer .owner-name{color:#374151}.edit-form{padding:.5rem 0}.edit-form .form-group{margin-bottom:1rem}.edit-form label{display:block;margin-bottom:.35rem;font-weight:500;color:#374151;font-size:.7rem}.edit-form .form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem}.edit-form .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group-checkbox{display:flex;align-items:center;margin-bottom:1rem}.form-group-checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.4rem .8rem;font-size:.7rem}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#1f2937}.btn-icon-danger:hover{background:#fee2e2;color:#dc2626}.sub-projects-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.sub-projects-table{width:100%;border-collapse:collapse;font-size:.75rem}.sub-projects-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.sub-projects-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.sub-projects-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.sub-projects-table tbody tr:hover:not(.edit-row){background:#f9fafb}.sub-projects-table tbody tr.inactive-row{opacity:.6;background:#fafafa}.sub-projects-table td{padding:.75rem 1rem;color:#1f2937}.sub-projects-table .name-cell{display:flex;align-items:center;gap:.5rem;font-weight:500}.sub-projects-table .name-cell .folder-icon{color:#3b82f6;flex-shrink:0}.sub-projects-table .description-text{color:#6b7280;font-size:.7rem;margin-top:.25rem;font-style:italic}.sub-projects-table .text-center{text-align:center}.sub-projects-table .actions-cell{text-align:center;white-space:nowrap}.sub-projects-table .actions-cell .btn-icon{padding:.35rem;margin:0 .1rem}.sub-projects-table .edit-row td{padding:1rem;background:#f9fafb}.inline-edit-form{display:flex;flex-direction:column;gap:1rem}.edit-form-grid{display:grid;grid-template-columns:1fr 2fr auto;gap:1rem;align-items:start}.inline-edit-form .form-group{margin:0}.inline-edit-form .form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:#374151;font-size:.7rem}.inline-edit-form .form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem}.inline-edit-form .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.inline-edit-form .form-group-checkbox{display:flex;align-items:center;margin:0;padding-top:1.5rem}.inline-edit-form .form-group-checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin:0}.inline-edit-form .form-group-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.inline-edit-form .form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin:0}.btn-icon-minimal{background:none;border:none;padding:.25rem;cursor:pointer;color:#6b7280;transition:color .2s;display:inline-flex;align-items:center}.btn-icon-minimal:hover{color:#3b82f6}.expanded-member-row{background:#f9fafb!important}.expanded-member-row td{padding:0!important}.member-management-container{padding:1.5rem;border-top:2px solid #e5e7eb}.modal{background:#fff;border-radius:var(--border-radius, 8px);max-width:600px;width:90%;height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;overflow:hidden}.close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:.5rem 1.5rem;border-top:1px solid var(--border-color, #dee2e6);height:50px;flex-shrink:0;min-height:50px;max-height:50px;background:#fff}.edit-subproject-tabs{display:flex;border-bottom:1px solid var(--border-color, #dee2e6);background:#f8f9fa;padding:0 1.5rem}.tab-button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#6c757d;border-bottom:2px solid transparent;transition:all .2s}.tab-button:hover{color:#495057;background:#00000005}.tab-button.active{color:var(--primary-color, #025043);border-bottom-color:var(--primary-color, #025043);background:#fff}.tab-content{min-height:300px}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--text-primary, #212529);font-size:.75rem}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.6rem;border:1px solid var(--border-color, #dee2e6);border-radius:var(--border-radius, 4px);font-size:.75rem;font-family:inherit}.form-group input[type=text]:disabled,.form-group textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem}.checkbox-label input[type=checkbox]{width:auto}.btn-primary,.btn-secondary{padding:.6rem 1.2rem;border:none;border-radius:var(--border-radius, 4px);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color, #025043);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #013a30)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary, #f8f9fa);color:var(--text-primary, #212529);border:1px solid var(--border-color, #dee2e6)}.btn-secondary:hover:not(:disabled){background:var(--border-color, #dee2e6)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.alert{padding:.75rem 1rem;border-radius:var(--border-radius, 4px);font-size:.875rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;transition:all .2s}.project-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.project-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.badge-active{background:#28a745;color:#fff}.badge-internal{background:#007bff;color:#fff}.badge-external{background:#6c757d;color:#fff}.project-description{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0;line-height:1.5}.project-meta{margin:1rem 0;font-size:.85rem;color:var(--text-secondary)}.project-actions{display:flex;gap:.5rem;margin-top:1rem}.modal{background:#fff;border-radius:var(--border-radius);max-width:600px;width:90%;height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background:#6d8196;height:50px;flex-shrink:0;min-height:50px;max-height:50px}.modal-header h2{margin:0;font-size:1rem;color:#fff;line-height:1.2}.modal-body{flex:1;overflow-y:auto;min-height:0}.close-btn{background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;line-height:1;padding:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.modal form{padding:1rem 1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--text-primary);font-size:.75rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.75rem;font-family:inherit}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:.5rem 1.5rem;border-top:1px solid var(--border-color);height:50px;flex-shrink:0;min-height:50px;max-height:50px;background:#fff}.btn-primary,.btn-secondary,.btn-small,.btn-danger{padding:.6rem 1.2rem;border:none;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-create-project{border:3px solid white!important;font-weight:600}.btn-small{padding:.4rem .8rem;font-size:.7rem}.members-content,.modal-content-sections{padding:1rem 1.5rem}.modal-content-sections h3{font-size:.75rem;margin-bottom:.75rem;font-weight:600}.modal-content-sections p{font-size:.8rem;line-height:1.4}.modal-content-sections li{font-size:.7rem;line-height:1.4}.members-section,.groups-section,.subprojects-section{margin-bottom:1.5rem}.members-section h3,.groups-section h3,.subprojects-section h3{margin-bottom:.75rem;color:var(--text-primary);font-size:.8rem;font-weight:600}.section-note{font-size:.75rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.scrollable-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius)}.add-member-form,.add-group-form{margin-bottom:1rem}.form-row{display:flex;gap:.75rem;align-items:center}.form-row select{flex:1;padding:.6rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.75rem}.members-table,.compact-table{width:100%;border-collapse:collapse;font-size:.7rem}.members-table th,.members-table td,.compact-table th,.compact-table td{padding:.6rem;text-align:left;border-bottom:1px solid var(--border-color)}.members-table th,.compact-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary);font-size:.7rem}.members-table tr:hover,.compact-table tr:hover{background:var(--bg-secondary)}.role-badge{display:inline-block;padding:.2rem .5rem;background:var(--primary-color);color:#fff;border-radius:4px;font-size:.65rem;font-weight:500}table.page-layout-table.projects-table th:nth-child(1),table.page-layout-table.projects-table td:nth-child(1){width:16%}table.page-layout-table.projects-table th:nth-child(2),table.page-layout-table.projects-table td:nth-child(2){width:10%}table.page-layout-table.projects-table th:nth-child(3),table.page-layout-table.projects-table td:nth-child(3){width:18%}table.page-layout-table.projects-table th:nth-child(4),table.page-layout-table.projects-table td:nth-child(4){width:13%}table.page-layout-table.projects-table th:nth-child(5),table.page-layout-table.projects-table td:nth-child(5){width:11%}table.page-layout-table.projects-table th:nth-child(6),table.page-layout-table.projects-table td:nth-child(6){width:9%}table.page-layout-table.projects-table th:nth-child(7),table.page-layout-table.projects-table td:nth-child(7){width:10%}table.page-layout-table.projects-table th:nth-child(8),table.page-layout-table.projects-table td:nth-child(8){width:13%}.project-name{display:flex;align-items:center;gap:.75rem;font-weight:500}.expand-toggle-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s}.expand-toggle-btn:hover{color:#1f2937}.sub-project-count-badge{background:#e5e7eb;color:#6b7280;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:500}.sub-project-row{background:#f9fafb}.sub-projects-container{padding:.5rem 0}.sub-projects-nested-table{width:100%;font-size:.8rem;border-collapse:collapse}.sub-projects-nested-table thead{background:#f3f4f6}.sub-projects-nested-table th{padding:.5rem .75rem;text-align:left;font-weight:500;color:#6b7280;font-size:.7rem;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.sub-projects-nested-table tbody tr{border-bottom:1px solid #e5e7eb}.sub-projects-nested-table tbody tr:hover{background:#fff}.sub-projects-nested-table td{padding:.6rem .75rem;color:#374151}.action-buttons{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap}.spinning{animation:spin 1s linear infinite}.group-management{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:2rem;color:#025043;margin:0}.filters{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.search-input{flex:1;max-width:400px;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.group-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;transition:all .2s}.group-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.group-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.group-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-default{background:var(--primary-color);color:#fff}.badge-archived{background:var(--text-secondary);color:#fff}.group-description{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0;line-height:1.5}.group-meta{margin:1rem 0;font-size:.85rem;color:var(--text-secondary);display:flex;gap:1rem;align-items:center}.group-actions{display:flex;gap:.5rem;margin-top:1rem}.badge-manual{background:#17a2b8;color:#fff}.badge-standard{background:#28a745;color:#fff}.badge-dynamic{background:#ffc107;color:#212529}.sync-badge{padding:.25rem .5rem;background:#6c757d;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.source-badge{padding:.25rem .5rem;background:#e9ecef;color:#495057;border-radius:4px;font-size:.85rem;font-weight:500}.filter-select{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;background:var(--bg-primary);cursor:pointer}.modal{background:#fff;border-radius:var(--border-radius);max-width:600px;width:90%;height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;overflow:hidden}.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#6d8196;height:15%;flex-shrink:0}.modal-header h2{margin:0;font-size:1.5rem;color:#fff}.modal-body{height:70%;overflow-y:auto;flex-shrink:0}.close-btn{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;line-height:1;padding:0;width:30px;height:30px}.close-btn:hover{color:#f0f0f0}.modal form{padding:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;font-family:inherit}.form-group textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);height:15%;flex-shrink:0;background:#fff}.btn-primary,.btn-secondary,.btn-small,.btn-danger{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-create-group{border:2px solid white!important;font-weight:700}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-small{padding:.5rem 1rem;font-size:.85rem}.btn-danger{background:transparent;color:#dc3545;border:1px solid #dc3545}.btn-danger:hover{background:#f8f9fa;color:#c82333;border-color:#c82333}.members-content{padding:1.5rem}.members-section{margin-bottom:2rem}.members-section h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem}.scrollable-list{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius)}.add-member-form{margin-bottom:2rem}.form-row{display:flex;gap:1rem;align-items:center}.form-row select{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem}.members-table{width:100%;border-collapse:collapse}.members-table th,.members-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.members-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.members-table tr:hover{background:var(--bg-secondary)}.role-badge{display:inline-block;padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:4px;font-size:.85rem;font-weight:500}.alert{padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.table-container{overflow-x:auto;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a}.groups-table{width:100%;border-collapse:collapse;background:var(--bg-primary)}.groups-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.groups-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.groups-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.groups-table tbody tr:hover{background:var(--bg-secondary)}.groups-table td{padding:1rem;color:var(--text-secondary);font-size:.9rem}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-icon-btn{background:transparent;border:none;border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary, #6c757d)}.action-icon-btn svg{width:16px;height:16px}.action-icon-btn:hover{background-color:#0000000a;transform:translateY(-2px)}.action-icon-btn.view-btn{color:#6c757d}.action-icon-btn.view-btn:hover{background-color:#e9ecef}.action-icon-btn.edit-btn{color:#1a73e8}.action-icon-btn.edit-btn:hover{background-color:#e8f0fe}.action-icon-btn.delete-btn{color:#d93025}.action-icon-btn.delete-btn:hover{background-color:#fce8e6}.action-icon-btn.project-btn{color:#137333}.action-icon-btn.project-btn:hover{background-color:#e6f4ea}.action-icon-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--text-disabled, #9ca3af)!important}.action-icon-btn:disabled:hover{background-color:transparent!important;transform:none!important}.system-settings-container{padding:2rem;max-width:1200px;margin:0 auto}.settings-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.settings-icon{font-size:2.5rem;color:#3b82f6;margin-bottom:1rem}.settings-header h2{margin:.5rem 0;font-size:2rem;color:#0f172a}.settings-subtitle{color:#64748b;font-size:1rem;margin:0}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.settings-message-banner{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem}.settings-message-banner.success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.settings-message-banner.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.settings-section{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.settings-section h3{margin:0 0 .5rem;font-size:1.5rem;color:#0f172a}.section-description{color:#64748b;margin:0 0 2rem;font-size:.95rem}.setting-item{margin-bottom:2rem}.setting-item label{display:block;font-weight:600;color:#334155;margin-bottom:.75rem}.setting-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.retention-input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;width:120px;transition:border-color .2s}.retention-input:focus{outline:none;border-color:#3b82f6}.btn-save,.btn-cleanup{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background-color:#3b82f6;color:#fff}.btn-save:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}.btn-cleanup{background-color:#ef4444;color:#fff}.btn-cleanup:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #ef44444d}.btn-save:disabled,.btn-cleanup:disabled{opacity:.6;cursor:not-allowed}.profile-stats{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.profile-stats h4{margin:0 0 1rem;font-size:1.1rem;color:#334155}.stats-table{width:100%;border-collapse:collapse;background:#fff}.stats-table th{background-color:#f8fafc;padding:.75rem;text-align:left;font-size:.875rem;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.stats-table td{padding:.75rem;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#334155}.stats-table tr:hover{background-color:#f8fafc}.spinner{border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.system-cleanup-container{padding:24px;max-width:1400px;margin:0 auto}.cleanup-header{text-align:center;margin-bottom:32px}.cleanup-header .cleanup-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.cleanup-header h1{font-size:2rem;font-weight:700;margin-bottom:8px;color:#025043}.cleanup-subtitle{font-size:16px;color:#6b7280}.cleanup-warning-banner{display:flex;align-items:center;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;color:#991b1b}.cleanup-warning-banner svg{font-size:24px;flex-shrink:0}.cleanup-error-banner{display:flex;align-items:center;gap:12px;padding:16px;background:#fef2f2;border:1px solid #ef4444;border-radius:8px;margin-bottom:24px;color:#dc2626;font-weight:500}.cleanup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.cleanup-step{background:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 3px #0000001a}.cleanup-step h2{font-size:24px;font-weight:700;margin-bottom:8px;color:#111827}.step-description{font-size:14px;color:#6b7280;margin-bottom:32px}.cleanup-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-bottom:32px}.cleanup-category-card{border:2px solid #e5e7eb;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s;background:#fff}.cleanup-category-card:hover:not(.empty){border-color:#3b82f6;box-shadow:0 4px 6px #3b82f61a}.cleanup-category-card.selected{border-color:#3b82f6;background:#eff6ff}.cleanup-category-card.empty{opacity:.5;cursor:not-allowed}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.category-header input[type=checkbox]{width:20px;height:20px;cursor:pointer}.category-header h3{flex:1;font-size:18px;font-weight:600;color:#111827;margin:0}.record-count{font-size:14px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:12px}.category-description{font-size:14px;color:#6b7280;margin-bottom:16px}.category-tables{display:flex;flex-direction:column;gap:8px}.table-count{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;border-top:1px solid #e5e7eb}.table-name{color:#4b5563;font-family:Monaco,Courier New,monospace}.count-badge{background:#e5e7eb;padding:2px 8px;border-radius:8px;font-weight:500;color:#374151}.cleanup-actions{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #e5e7eb}.selected-summary{font-size:14px;color:#4b5563}.selected-summary strong{color:#111827;font-weight:600}.separator{margin:0 8px;color:#d1d5db}.no-selection{color:#9ca3af;font-style:italic}.review-summary{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;padding:24px;margin-bottom:32px}.summary-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.warning-icon{color:#dc2626;font-size:32px;flex-shrink:0}.summary-header h3{font-size:20px;font-weight:700;margin:0 0 4px;color:#991b1b}.summary-header p{margin:0;color:#7f1d1d;font-size:14px}.review-categories{display:flex;flex-direction:column;gap:16px}.review-category{background:#fff;border-radius:6px;padding:16px;border:1px solid #e5e7eb}.review-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.review-category-header h4{font-size:16px;font-weight:600;margin:0;color:#111827}.total-badge{background:#3b82f6;color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.review-category p{font-size:13px;color:#6b7280;margin-bottom:12px}.review-tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.review-table{display:flex;justify-content:space-between;font-size:13px;padding:6px 12px;background:#f9fafb;border-radius:4px;font-family:Monaco,Courier New,monospace}.review-table span:first-child{color:#4b5563}.review-table span:last-child{font-weight:600;color:#111827}.final-confirmation{background:#fef2f2;border:2px solid #fca5a5;border-radius:8px;padding:32px;margin-bottom:32px}.confirmation-warning{text-align:center;margin-bottom:32px}.confirmation-warning svg{color:#dc2626;margin-bottom:16px}.confirmation-warning h3{font-size:22px;font-weight:700;color:#991b1b;margin:0 0 12px}.confirmation-warning p{font-size:15px;color:#7f1d1d;margin:8px 0}.confirmation-warning code{background:#fee2e2;padding:4px 12px;border-radius:4px;font-weight:600;color:#991b1b;font-family:Monaco,Courier New,monospace}.confirmation-input-group{margin-bottom:24px}.confirmation-input-group label{display:block;font-size:14px;font-weight:600;color:#991b1b;margin-bottom:8px}.confirmation-input{width:100%;padding:12px 16px;border:2px solid #fca5a5;border-radius:6px;font-size:16px;font-family:Monaco,Courier New,monospace;font-weight:600;text-align:center}.confirmation-input:focus{outline:none;border-color:#dc2626}.confirmation-checklist{background:#fff;border-radius:6px;padding:20px}.confirmation-checklist p{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.confirmation-checklist ul{list-style:none;padding:0;margin:0}.confirmation-checklist li{font-size:14px;color:#4b5563;padding:8px 0;border-bottom:1px solid #e5e7eb}.confirmation-checklist li:last-child{border-bottom:none}.cleanup-executing{text-align:center;padding:64px 32px}.spinner-large{width:5px!important;height:5px!important;border:1px solid #e5e7eb!important;border-top-color:#3b82f6!important;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 24px}.cleanup-executing h2{font-size:24px;margin-bottom:8px}.cleanup-executing p{color:#6b7280}.cleanup-complete{text-align:center;padding:48px 32px}.success-icon{color:#10b981;margin-bottom:24px}.cleanup-complete h2{font-size:28px;margin-bottom:12px;color:#111827}.cleanup-complete p{font-size:16px;color:#6b7280;margin-bottom:32px}.deletion-summary{text-align:left;background:#f9fafb;border-radius:8px;padding:24px;margin-bottom:32px}.deletion-summary h3{font-size:18px;font-weight:700;margin:0 0 20px;color:#111827}.deleted-category{margin-bottom:20px}.deleted-category:last-child{margin-bottom:0}.deleted-category h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px}.deleted-tables{display:flex;flex-direction:column;gap:6px}.deleted-table{display:flex;justify-content:space-between;padding:8px 12px;background:#fff;border-radius:4px;font-size:13px}.deleted-table span:first-child{font-family:Monaco,Courier New,monospace;color:#4b5563}.deleted-count{font-weight:600;color:#10b981}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-danger{background:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.retention-policies-container{padding:var(--space-5);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.page-description{color:var(--text-secondary);margin-top:var(--space-2);font-size:var(--text-base)}.policies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-5);margin-top:var(--space-5)}.policy-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-md);transition:var(--transition-base);border:1px solid var(--border-light)}.policy-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.policy-card.disabled{opacity:.7;background:var(--bg-surface)}.policy-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.policy-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.policy-title-row h3{margin:0;font-size:var(--text-lg);color:var(--text-primary)}.policy-description{margin:var(--space-2) 0 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.policy-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-sm)}.stat{display:flex;align-items:center;gap:var(--space-2)}.stat svg{color:var(--color-primary);font-size:var(--text-xl);flex-shrink:0}.stat-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.policy-rules{margin-bottom:var(--space-4)}.rule-item{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.rule-item:last-child{border-bottom:none}.rule-item strong{color:var(--text-primary);margin-right:var(--space-2)}.policy-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-8) var(--space-5);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.empty-state svg{color:var(--color-primary);opacity:.5;margin-bottom:var(--space-4)}.empty-state h3{color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-5)}.retention-modal{max-width:800px;max-height:85vh;overflow-y:auto}.section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:var(--space-5) 0 var(--space-3) 0;padding-top:var(--space-4);border-top:1px solid var(--border-light)}.section-title:first-of-type{margin-top:var(--space-4);border-top:none;padding-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a}.form-group input[type=checkbox]{width:auto;margin-right:var(--space-2)}.text-warning{color:var(--color-warning-dark);font-weight:var(--font-medium)}@media (max-width: 768px){.policies-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:var(--space-4)}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.policy-stats{grid-template-columns:1fr}.policy-actions{flex-direction:column}.policy-actions button{width:100%}}.archived-files-container{padding:20px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{font-size:28px;color:#2c3e50;margin-bottom:10px}.page-header p{color:#7f8c8d;font-size:14px}.filters-section{display:flex;gap:15px;margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.filter-group label{font-size:13px;font-weight:500;color:#495057}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#4caf50}.archives-summary{margin-bottom:15px;padding:10px;background:#e8f5e9;border-radius:4px;color:#2e7d32;font-size:14px}.loading-state{text-align:center;padding:60px 20px;color:#7f8c8d}.error-message{padding:15px;background:#ffebee;color:#c62828;border-radius:4px;margin-bottom:20px;font-size:14px}.table-container{overflow-x:auto;border:1px solid #ddd;border-radius:8px;background:#fff}.archives-table{width:100%;border-collapse:collapse}.archives-table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.archives-table th{padding:12px 15px;text-align:left;font-weight:600;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.archives-table td{padding:15px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#495057}.archives-table tbody tr:hover{background:#f8f9fa}.file-info{display:flex;flex-direction:column;gap:4px}.file-info .filename{font-weight:500;color:#2c3e50}.file-info .file-id{font-size:12px;color:#95a5a6}.compression-ratio{font-size:12px;color:#7f8c8d}.no-data{text-align:center;padding:40px;color:#95a5a6;font-style:italic}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-archived{background:#e8f5e9;color:#2e7d32}.status-pending{background:#fff3e0;color:#ef6c00}.status-failed{background:#ffebee;color:#c62828}.btn-action{padding:6px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-restore{background:#4caf50;color:#fff}.btn-restore:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-restore:disabled{background:#ccc;cursor:not-allowed}.btn-primary{padding:10px 24px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{padding:10px 24px;background:#f5f5f5;color:#495057;border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.btn-secondary:disabled{background:#e9ecef;color:#adb5bd;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px;padding:20px}.page-info{color:#495057;font-size:14px;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;padding:30px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-content h2{margin-top:0;margin-bottom:25px;color:#2c3e50;font-size:22px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4caf50}.form-group input:disabled{background:#f5f5f5;color:#7f8c8d;cursor:not-allowed}.form-group small{display:block;margin-top:5px;color:#7f8c8d;font-size:12px}.modal-actions{display:flex;gap:15px;margin-top:30px;justify-content:flex-end}@media (max-width: 768px){.filters-section{flex-direction:column}.filter-group{width:100%}.archives-table{font-size:13px}.archives-table th,.archives-table td{padding:10px}.modal-content{padding:20px}}.anomalies-container{padding:24px;max-width:1400px;margin:0 auto}.anomalies-header{margin-bottom:24px}.anomalies-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.anomalies-header p{color:#666;font-size:14px}.anomaly-statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;text-align:center}.stat-card.severity-critical{border-left:4px solid #dc2626}.stat-card.severity-high{border-left:4px solid #ea580c}.stat-card.severity-medium{border-left:4px solid #f59e0b}.stat-value{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.stat-label{font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.anomaly-filters{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:24px;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:13px;font-weight:500;color:#374151}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:150px;background:#fff}.btn-refresh{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-refresh:hover{background:#2563eb}.anomaly-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.anomaly-table{width:100%;border-collapse:collapse}.anomaly-table thead{background:#f9fafb}.anomaly-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.anomaly-table td{padding:12px 16px;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6}.anomaly-table tbody tr:hover{background:#f9fafb}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-critical{background:#fee2e2;color:#dc2626}.badge-high{background:#fed7aa;color:#ea580c}.badge-medium{background:#fef3c7;color:#d97706}.badge-low{background:#dbeafe;color:#2563eb}.badge-default{background:#e5e7eb;color:#6b7280}.badge-status-open{background:#fef3c7;color:#d97706}.badge-status-resolved{background:#d1fae5;color:#059669}.anomaly-type,.anomaly-title{font-weight:500}.anomaly-type{text-transform:capitalize}.file-name{font-family:Monaco,Menlo,Courier New,monospace;font-size:13px}.detected-date{font-size:13px;color:#6b7280}.btn-resolve{padding:6px 12px;background:#059669;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.btn-resolve:hover{background:#047857}.loading,.error-message,.no-data{padding:40px;text-align:center;color:#6b7280;font-size:14px}.error-message{color:#dc2626;background:#fee2e2;border-radius:8px;margin:20px 0}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h2{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:20px}.anomaly-details{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px}.anomaly-details p{margin-bottom:8px;font-size:14px;color:#374151}.anomaly-details strong{font-weight:600;color:#1f2937}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modal-large{max-width:900px;width:90%}.workflow-canvas-container{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.workflow-canvas-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.workflow-canvas-header h1{margin:0;font-size:1.5rem;color:#333}.workflow-controls{display:flex;gap:.5rem;align-items:center}.workflow-select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:200px}.workflow-canvas-body{display:flex;flex:1;overflow:hidden}.reactflow-wrapper{flex:1;height:100%;position:relative!important}.reactflow-wrapper *{box-sizing:border-box!important}.react-flow{position:relative!important;width:100%!important;height:100%!important}.react-flow__renderer{position:absolute!important;width:100%!important;height:100%!important}.react-flow__viewport{position:relative!important;transform-origin:0 0!important;z-index:1!important;pointer-events:none!important}.react-flow__nodes{position:absolute!important;width:1px!important;height:1px!important;pointer-events:none!important}.react-flow__node{position:absolute!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:all!important;transform-origin:0 0!important;box-sizing:border-box!important;z-index:10!important}.react-flow__edges{position:absolute!important;width:1px!important;height:1px!important;pointer-events:none!important}.react-flow__edge{position:absolute!important;pointer-events:visibleStroke!important;z-index:5!important}.react-flow__controls,.react-flow__minimap{position:absolute!important;z-index:1000!important}.react-flow__node-custom{background:#fff!important;border:2px solid #888!important;border-radius:8px!important;padding:10px!important;min-width:150px!important}.workflow-info{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.workflow-info strong{display:block;margin-bottom:.5rem;font-size:1rem;color:#333}.workflow-stats{font-size:.85rem;color:#666}.execution-result{position:fixed;bottom:2rem;right:2rem;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:250px}.execution-result h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.execution-result div{padding:.3rem 0;font-size:.9rem;color:#555}.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:.5rem 1.25rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background:#45a049}.btn-secondary{background:#888;color:#fff}.btn-secondary:hover:not(:disabled){background:#777}.btn-success{background:#2196f3;color:#fff}.btn-success:hover:not(:disabled){background:#0b7dda}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background:#da190b}button:disabled{opacity:.5;cursor:not-allowed}.asset-palette{width:300px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%}.palette-header{padding:1rem;border-bottom:1px solid #e0e0e0}.palette-header h3{margin:0 0 .75rem;font-size:1.1rem;color:#333}.search-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.search-input:focus{outline:none;border-color:#4caf50}.palette-tabs{display:flex;border-bottom:1px solid #e0e0e0}.palette-tabs .tab{flex:1;padding:.75rem .5rem;border:none;background:none;cursor:pointer;font-size:.85rem;color:#666;transition:all .2s;border-bottom:2px solid transparent}.palette-tabs .tab:hover{background:#f5f5f5}.palette-tabs .tab.active{color:#4caf50;border-bottom-color:#4caf50;font-weight:600}.palette-content{flex:1;overflow-y:auto;padding:.5rem}.asset-list{display:flex;flex-direction:column;gap:.5rem}.asset-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;cursor:grab;transition:all .2s}.asset-item:hover{background:#f0f0f0;border-color:#4caf50;box-shadow:0 2px 4px #0000001a}.asset-item:active{cursor:grabbing}.asset-icon{font-size:1.5rem;flex-shrink:0}.asset-info{flex:1;min-width:0}.asset-name{font-weight:600;font-size:.9rem;color:#333;margin-bottom:.25rem;word-wrap:break-word}.asset-description{font-size:.75rem;color:#666;line-height:1.3;word-wrap:break-word}.no-assets{padding:2rem 1rem;text-align:center;color:#999;font-size:.9rem}.palette-footer{padding:.75rem 1rem;border-top:1px solid #e0e0e0;background:#f9f9f9;text-align:center}.palette-footer small{color:#666;font-size:.75rem}.workflow-node{background:#fff;border:2px solid #ddd;border-radius:8px;min-width:200px;box-shadow:0 2px 8px #0000001a;transition:all .2s}.workflow-node:hover{box-shadow:0 4px 12px #00000026}.workflow-node.selected{border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.node-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f5f5f5;border-bottom:1px solid #e0e0e0;border-radius:6px 6px 0 0}.node-icon{font-size:1.25rem}.node-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.node-body{padding:1rem}.node-title{font-weight:600;font-size:.95rem;color:#333;margin-bottom:.5rem;word-wrap:break-word}.node-description{font-size:.75rem;color:#666;margin-bottom:.5rem;line-height:1.4}.node-id{font-size:.7rem;color:#999;font-family:monospace}.node-handle{width:12px;height:12px;background:#4caf50;border:2px solid white}.node-handle:hover{background:#45a049}.mapping-node{border-color:#2196f3}.mapping-node .node-header{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.mapping-node.selected{border-color:#2196f3;box-shadow:0 4px 12px #2196f34d}.mapping-group-node{border-color:#ff9800}.mapping-group-node .node-header{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.mapping-group-node.selected{border-color:#ff9800;box-shadow:0 4px 12px #ff98004d}.workflow-node-type{border-color:#9c27b0}.workflow-node-type .node-header{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.workflow-node-type.selected{border-color:#9c27b0;box-shadow:0 4px 12px #9c27b04d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.3rem;color:#333}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#f0f0f0;color:#333}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4caf50}.form-group textarea{resize:vertical;min-height:80px}.help-text{display:block;margin-top:.5rem;font-size:.8rem;color:#666;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e0e0e0}.modal-actions .btn-primary,.modal-actions .btn-secondary{padding:.75rem 1.5rem}.workflow-canvas-standalone{position:fixed;top:60px;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#f5f5f5}.workflow-header-bar{height:60px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 2px 4px #0000001a}.workflow-header-bar h2{margin:0;font-size:1.5rem;color:#333}.workflow-actions{display:flex;gap:10px}.workflow-main-area{flex:1;display:flex;position:relative;width:100%;height:100%}.workflow-sidebar{width:250px;background:#fff;border-right:1px solid #ddd;padding:20px;overflow-y:auto}.workflow-sidebar h3{margin:0 0 20px;font-size:1.1rem;color:#555}.workflow-components{display:flex;flex-direction:column;gap:10px}.workflow-component{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;cursor:move;transition:all .2s ease}.workflow-component:hover{background:#e9ecef;border-color:#adb5bd;transform:translate(5px)}.workflow-component:active{cursor:grabbing}.component-icon{font-size:1.5rem}.workflow-canvas-wrapper{flex:1;position:relative;width:100%;height:100%}.workflow-canvas-wrapper .react-flow{width:100%;height:100%}.workflow-canvas-wrapper .react-flow__node{cursor:grab}.workflow-canvas-wrapper .react-flow__node:active{cursor:grabbing}.workflow-canvas-wrapper .react-flow__node-default{background:#fff;border:2px solid #555;border-radius:5px;padding:10px;font-size:12px;text-align:center}.workflow-canvas-wrapper .react-flow__handle{width:10px;height:10px;background:#555;border:2px solid #fff}.workflow-canvas-standalone *{box-sizing:border-box}.workflow-canvas-wrapper .react-flow__minimap,.workflow-canvas-wrapper .react-flow__controls{z-index:10}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;min-width:300px;max-width:500px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;background-color:#fff;pointer-events:auto;animation:slideIn .3s ease-out}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{font-size:20px;flex-shrink:0}.toast-message{font-size:14px;color:#202124;line-height:1.4}.toast-close{background:none;border:none;padding:4px;margin-left:12px;cursor:pointer;color:#5f6368;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0}.toast-close:hover{background-color:#0000000d}.toast-success{border-left:4px solid #34a853}.toast-success .toast-icon{color:#34a853}.toast-error{border-left:4px solid #ea4335}.toast-error .toast-icon{color:#ea4335}.toast-info{border-left:4px solid #4285f4}.toast-info .toast-icon{color:#4285f4}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}.app{display:flex;flex-direction:column;min-height:100vh}.main-container{display:flex;margin-top:60px;height:calc(100vh - 60px);overflow:hidden}.content{flex:1;padding:var(--space-5);overflow-y:auto;margin-left:250px;width:calc(100% - 250px);height:100%;transition:margin-left .3s ease,width .3s ease}.content.sidebar-collapsed{margin-left:70px;width:calc(100% - 70px)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:var(--font-medium);transition:var(--transition-base)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--text-on-primary)}.btn-secondary:hover{background-color:var(--color-secondary-light)}.btn-success:hover{background-color:var(--color-success-dark)}.btn-danger:hover{background-color:var(--color-error-dark)}.btn-outline:hover{background-color:var(--color-primary-50)}.card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-5);margin-bottom:var(--space-5)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium)}.form-control{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--text-base)}.form-control:focus{border-color:var(--color-primary);outline:none}.badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge-success{background-color:var(--color-success);color:var(--text-on-primary)}.badge-warning{background-color:var(--color-warning);color:var(--text-on-primary)}.badge-error{background-color:var(--color-error);color:var(--text-on-primary)}.badge-info{background-color:var(--color-info);color:var(--text-on-primary)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.alert-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.alert-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.alert-error{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.alert-info{background-color:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.table{width:100%;border-collapse:collapse;margin-bottom:var(--space-5)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-light)}.table th{font-weight:var(--font-semibold);background-color:var(--bg-surface)}.table tbody tr:hover{background-color:var(--bg-surface)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.high-contrast{--bg-color: #000000;--text-color: #ffffff;--primary-color: #ffff00;--secondary-color: #00ffff;--border-color: #ffffff;--hover-bg-color: #333333;--card-bg-color: #111111;--danger-color: #ff0000;--success-color: #00ff00;--warning-color: #ffcc00;--info-color: #00ccff;--bg-light-color: #222222;--text-light-color: #dddddd;--focus-outline: 3px solid var(--primary-color)}:root:not(.high-contrast){--bg-color: #f5f7fa;--text-color: #333333;--primary-color: #4a6cf7;--secondary-color: #6c757d;--border-color: #e9ecef;--hover-bg-color: #f1f3f5;--card-bg-color: #ffffff;--danger-color: #dc3545;--success-color: #28a745;--warning-color: #ffc107;--info-color: #17a2b8;--bg-light-color: #f8f9fa;--text-light-color: #6c757d}.large-text{font-size:125%!important}.large-text h1{font-size:2.5rem!important}.large-text h2{font-size:2rem!important}.large-text h3{font-size:1.75rem!important}.large-text p,.large-text li,.large-text label,.large-text input,.large-text button,.large-text a,.large-text span{font-size:1.2rem!important;line-height:1.5!important}.large-text button,.large-text a.btn,.large-text input[type=button]{padding:.75rem 1rem!important}.screen-reader-optimized .sr-only{position:static!important;width:auto!important;height:auto!important;padding:.25rem .5rem!important;margin:.25rem 0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:1px solid var(--border-color)!important;clip-path:none!important;display:block!important;background-color:var(--bg-light-color)!important;color:var(--text-color)!important}.screen-reader-optimized .chart-container{border:2px solid var(--border-color);padding:1rem}.screen-reader-optimized .chart-container:before{content:"Chart: ";font-weight:700;display:block;margin-bottom:.5rem}.reduced-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}:focus{outline:var(--focus-outline, 2px solid var(--primary-color))!important;outline-offset:2px!important}.skip-to-content{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;z-index:9999;background:var(--primary-color);color:var(--bg-color);padding:.5rem 1rem;text-decoration:none;font-weight:700;text-align:center}.skip-to-content:focus{left:0;width:auto;height:auto;outline:none}.accessibility-widget{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 8px #0000001a;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.accessibility-widget:hover{transform:scale(1.05)}.accessibility-widget__icon{color:var(--primary-color);font-size:1.5rem}.accessibility-menu{position:fixed;bottom:5rem;right:1.5rem;z-index:1000;background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #00000026;width:300px;padding:1.5rem;overflow:hidden;transform-origin:bottom right}.accessibility-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.accessibility-menu__header h2{margin:0;font-size:1.25rem;color:var(--text-color)}.accessibility-menu__close{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem}.accessibility-menu__close:hover{background-color:var(--hover-bg-color)}.accessibility-menu__option{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 0}.accessibility-menu__option-label{font-weight:500;color:var(--text-color)}.accessibility-menu__option-description{font-size:.875rem;color:var(--text-light-color);margin-top:.25rem}.accessibility-menu__toggle{position:relative;display:inline-block;width:3.5rem;height:2rem}.accessibility-menu__toggle input{opacity:0;width:0;height:0}.accessibility-menu__toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--secondary-color);transition:.4s;border-radius:34px}.accessibility-menu__toggle-slider:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:.25rem;bottom:.25rem;background-color:#fff;transition:.4s;border-radius:50%}.accessibility-menu__toggle input:checked+.accessibility-menu__toggle-slider{background-color:var(--primary-color)}.accessibility-menu__toggle input:focus+.accessibility-menu__toggle-slider{box-shadow:0 0 1px var(--primary-color)}.accessibility-menu__toggle input:checked+.accessibility-menu__toggle-slider:before{transform:translate(1.5rem)}.accessibility-menu__reset{width:100%;padding:.75rem 1rem;background-color:var(--bg-light-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:.25rem;font-weight:500;cursor:pointer;margin-top:.5rem;transition:all .2s ease}.accessibility-menu__reset:hover{background-color:var(--hover-bg-color)}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.accessibility-menu.open{animation:slideIn .3s forwards}.accessibility-menu.closing{animation:slideOut .3s forwards}.accessibility-menu{display:none}.accessibility-menu.open{display:block}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px;z-index:100}.skip-link:focus{top:0}.ai-insights-sidebar{position:fixed;top:0;right:0;width:380px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;display:flex;flex-direction:column;transition:transform .3s ease-in-out;overflow:hidden}.insights-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#1a73e8;color:#fff;border-bottom:1px solid #dadce0}.insights-header h3{margin:0;font-size:18px;font-weight:500;display:flex;align-items:center;gap:8px}.close-insights-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:28px;height:28px}.close-insights-btn:hover{background-color:#ffffff1a}.insights-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#5f6368}.loading-spinner{border:1px solid rgba(0,0,0,.1)!important;border-radius:50%;border-top:1px solid #1a73e8!important;width:5px!important;height:5px!important;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insights-error{padding:20px;color:#d93025;background-color:#feeceb;text-align:center;margin:20px;border-radius:8px}.no-insights{padding:40px 20px;text-align:center;color:#5f6368}.insights-tabs{display:flex;border-bottom:1px solid #dadce0;background-color:#f8f9fa;overflow-x:auto}.tab-btn{padding:12px 16px;flex:1;border:none;background-color:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#5f6368;white-space:nowrap}.tab-btn.active{color:#1a73e8;border-bottom:3px solid #1a73e8}.tab-btn:hover:not(.active){background-color:#f1f3f4}.insights-content{flex:1;overflow-y:auto;padding:16px 20px}.insights-summary{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f3f4}.insight-item .label{color:#5f6368;font-weight:500}.insight-item .value{font-weight:500;color:#202124}.quality-score{color:#188038;font-weight:600}.column-insights{display:flex;flex-direction:column;gap:16px}.column-insight-item{padding:12px;border:1px solid #dadce0;border-radius:8px;background-color:#f8f9fa}.column-insight-item h4{margin:0 0 8px;color:#1a73e8;font-size:16px;font-weight:500}.column-metadata{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.column-type{background-color:#e8f0fe;color:#1a73e8;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.column-stat{background-color:#f1f3f4;color:#5f6368;padding:2px 8px;border-radius:4px;font-size:12px}.column-recommendations h5{margin:8px 0 4px;font-size:14px;color:#5f6368}.column-recommendations ul{margin:0;padding-left:20px;font-size:13px;color:#5f6368}.quality-insights{display:flex;flex-direction:column;gap:20px}.quality-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quality-score-item{display:flex;flex-direction:column;padding:12px;border-radius:8px;background-color:#f8f9fa;border:1px solid #dadce0}.score-label{font-size:13px;color:#5f6368;margin-bottom:4px}.score-value{font-size:18px;font-weight:600;color:#188038}.quality-issues h4{margin:0 0 12px;font-size:16px;color:#5f6368}.quality-issues ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.quality-issues li{padding:12px;border-radius:8px;background-color:#f8f9fa;border-left:4px solid #dadce0}.issue-severity-high{border-left-color:#d93025!important}.issue-severity-medium{border-left-color:#f9ab00!important}.issue-severity-low{border-left-color:#1a73e8!important}.issue-header{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:4px}.issue-header svg{color:#d93025}.issue-severity-medium .issue-header svg{color:#f9ab00}.issue-severity-low .issue-header svg{color:#1a73e8}.issue-header span{font-size:14px;color:#202124}.quality-issues li p{margin:4px 0 0;font-size:13px;color:#5f6368}.insights-recommendations{display:flex;flex-direction:column;gap:16px}.recommendation-item{padding:16px;border-radius:8px;background-color:#f8f9fa;border-left:4px solid #dadce0}.priority-high{border-left-color:#d93025}.priority-medium{border-left-color:#f9ab00}.priority-low{border-left-color:#34a853}.recommendation-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.recommendation-icon{color:#f9ab00;font-size:16px}.recommendation-header h4{margin:0;font-size:16px;color:#202124;font-weight:500}.recommendation-item p{margin:0 0 12px;font-size:14px;color:#5f6368;line-height:1.4}.recommendation-actions{display:flex;justify-content:flex-end}.action-button{background-color:#1a73e8;color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s}.action-button:hover{background-color:#0d62cb}body.high-contrast .ai-insights-sidebar{background-color:#000;border-left:2px solid #fff;box-shadow:none}body.high-contrast .insights-header,body.high-contrast .insights-tabs{background-color:#000;border-bottom:1px solid #fff}body.high-contrast .tab-btn{color:#fff}body.high-contrast .tab-btn.active{color:#fff;border-bottom:3px solid #fff;background-color:#333}body.high-contrast .tab-btn:hover:not(.active){background-color:#333}body.high-contrast .insight-item{border-bottom:1px solid #444}body.high-contrast .insight-item .label,body.high-contrast .insight-item .value,body.high-contrast .quality-score{color:#fff}body.high-contrast .column-insight-item,body.high-contrast .quality-score-item,body.high-contrast .quality-issues li,body.high-contrast .recommendation-item{background-color:#000;border-color:#fff}body.high-contrast .column-insight-item h4,body.high-contrast .column-type{color:#fff;background-color:#333}body.high-contrast .column-stat{background-color:#333;color:#fff}body.high-contrast .score-value,body.high-contrast .recommendation-icon,body.high-contrast .recommendation-header h4,body.high-contrast .quality-issues li p,body.high-contrast .recommendation-item p{color:#fff}body.high-contrast .action-button{background-color:#fff;color:#000}*{box-sizing:border-box}.transformations-page{padding:20px;height:100%;display:flex;flex-direction:column}.transformations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.transformations-title{margin:0;color:var(--primary-color)}.transformations-actions{display:flex;gap:10px}.transformations-container{flex:1;background-color:#f9f9f9;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e0e0e0}.transformations-main{flex:1;display:flex;height:calc(100vh - 120px);min-height:600px}.transformation-sidebar{width:220px;background-color:#f0f0f0;border-right:1px solid #ddd;padding:15px;overflow-y:auto;height:100%}.palette-header{font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd;position:sticky;top:0;background-color:#f0f0f0;z-index:10}.component-group{margin-bottom:20px}.component-group-title{font-size:14px;font-weight:600;margin-bottom:10px;color:#555;position:sticky;top:43px;background-color:#f0f0f0;padding:5px 0;z-index:10}.component-list{display:flex;flex-direction:column;gap:10px}.component-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:10px;display:flex;flex-direction:column;align-items:center;cursor:move;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.component-item.dragging{opacity:.5}.component-item:hover{background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.component-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.component-icon{font-size:20px;margin-bottom:5px;color:var(--primary-color)}.component-name{font-size:12px;text-align:center}.canvas-container{flex:1;background-color:#fff;position:relative;height:100%;display:flex;flex-direction:column}.flow-wrapper{width:100%;height:100%;flex:1;min-height:500px}.react-flow__node{padding:0;border-radius:5px;box-shadow:0 2px 5px #0000001a;transition:box-shadow .2s,transform .2s}.react-flow__node:hover{box-shadow:0 5px 10px #00000026}.react-flow__node.selected{box-shadow:0 0 0 2px var(--primary-color)}.node-header{padding:8px 12px;border-radius:5px 5px 0 0;display:flex;align-items:center;justify-content:space-between}.node-header .node-title{font-weight:600;font-size:14px;margin:0;display:flex;align-items:center}.node-header .node-icon{margin-right:8px}.node-content{padding:10px;font-size:12px}.node-config-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:center;align-items:center}.node-config-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080}.node-config-content{position:relative;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:600px;max-width:90%;max-height:90vh;display:flex;flex-direction:column;z-index:1010}.node-config-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.node-config-header h3{margin:0;font-size:18px;color:var(--primary-color)}.node-config-close{background:none;border:none;font-size:20px;cursor:pointer;color:#777;padding:5px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.node-config-close:hover{background-color:#0000000d;color:#333}.node-config-close:focus{outline:2px solid var(--primary-color);outline-offset:2px}.node-config-body{padding:20px;overflow-y:auto;max-height:calc(90vh - 130px)}.node-config-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.flow-buttons{display:flex;gap:10px;z-index:10}.config-form-row{margin-bottom:15px}.config-label{display:block;margin-bottom:5px;font-weight:500}.config-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.config-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff}.condition-preview{margin-top:15px;padding:10px;background-color:#f5f5f5;border-radius:4px;font-family:monospace;font-size:14px}.node-source .node-header{background-color:#e3f2fd;color:#0d47a1}.node-target .node-header{background-color:#e8f5e9;color:#1b5e20}.node-filter .node-header{background-color:#fff3e0;color:#e65100}.node-join .node-header{background-color:#e0f7fa;color:#006064}.node-aggregate .node-header{background-color:#f3e5f5;color:#4a148c}.node-transform .node-header{background-color:#fce4ec;color:#880e4f}.transformation-info-panel{padding:15px;background-color:#f8f9fa;border-top:1px solid #ddd}.canvas-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:20}.control-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.control-button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.control-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.minimap{position:absolute;bottom:20px;left:20px;border:1px solid #ddd;border-radius:4px;overflow:hidden;background-color:#fff;box-shadow:0 2px 5px #0000001a;z-index:20}@media (max-width: 768px){.transformations-main{flex-direction:column;height:auto}.transformation-sidebar{width:100%;border-right:none;border-bottom:1px solid #ddd}.component-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.canvas-container{height:700px}@media (max-width: 480px){.component-list{grid-template-columns:repeat(2,1fr)}}}.mapping-groups-page,.workflows-page,.etl-scheduler-page{padding:20px}.groups-grid,.workflows-grid,.schedules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.group-card,.workflow-card,.schedule-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.group-card:hover,.workflow-card:hover,.schedule-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.schedule-card.disabled{opacity:.6}.group-card h3,.workflow-card h3,.schedule-card h3,.schedule-header h3{margin:0 0 12px;color:#333;font-size:18px}.description{color:#fff;margin:0 0 12px;font-size:14px}.group-meta,.workflow-meta,.schedule-meta{display:flex;gap:16px;margin-bottom:16px;font-size:14px;color:#666}.meta-item{display:flex;align-items:center}.workflow-steps,.schedule-times{margin:12px 0;font-size:13px;color:#888}.step-item{padding:4px 0}.group-actions,.workflow-actions,.schedule-actions{display:flex;gap:8px;margin-top:16px}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.status-badge.inactive{background-color:#f5f5f5;color:#999;border:1px solid #d9d9d9}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-sm{padding:6px 12px;font-size:13px}.btn-primary{background-color:#0079c1;color:#fff}.btn-primary:hover:not(:disabled){background-color:#006ba8}.btn-success{background-color:#52c41a;color:#fff}.btn-success:hover:not(:disabled){background-color:#3ca80f}.btn-warning{background-color:#faad14;color:#fff}.btn-warning:hover:not(:disabled){background-color:#d48806}.btn-danger{background-color:#ff4d4f;color:#fff}.btn-danger:hover:not(:disabled){background-color:#d4373a}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px}.alert{padding:12px 16px;border-radius:4px;margin-bottom:20px}.alert-danger{background-color:#fff1f0;border:1px solid #ffa39e;color:#cf1322}.alert-success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#389e0d}.form-container{max-width:900px;margin:20px auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.data-form .form-group{margin-bottom:20px}.data-form label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-input,.form-select,.form-textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#0079c1}.form-slider{width:100%}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:4px}.radio-group{display:flex;gap:20px}.radio-label,.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-help{display:block;margin-top:4px;font-size:13px;color:#666}.cron-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-actions{display:flex;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.members-section{margin-top:24px;padding:20px;background-color:#f5f5f5;border-radius:4px}.members-section h3{margin-top:0;margin-bottom:16px}.member-controls{display:flex;gap:12px;margin-bottom:16px}.member-controls .form-select{flex:1}.members-list{display:grid;gap:8px}.member-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fff;border-radius:4px}.no-members{color:#666;font-style:italic;margin:0}.workflow-steps-section{margin-top:20px}.workflow-steps-section h3{margin-bottom:16px}.steps-list{margin-bottom:20px}.step-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:12px}.step-info strong{display:block;margin-bottom:6px;color:#333}.step-meta{font-size:13px;color:#666}.add-step-form{background:#f5f5f5;padding:20px;border-radius:4px;margin-top:16px}.add-step-form h4{display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:16px}.dependency-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;padding:6px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.chip.selected{background-color:#0079c1;color:#fff;border-color:#0079c1}.chip input[type=checkbox]{margin-right:6px}.table-container{margin-top:20px;overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background-color:#fafafa;border-bottom:2px solid #e0e0e0}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:#333;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.data-table tbody tr:hover{background-color:#fafafa}.data-table td{padding:14px 16px;color:#666}.data-table td.font-weight-bold{color:#333;font-weight:600}.data-table td.text-center{text-align:center}.data-table td.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge.status-active{background-color:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.status-badge.status-inactive{background-color:#f5f5f5;color:#999;border:1px solid #d9d9d9}.status-badge.status-draft{background-color:#e6f7ff;color:#0079c1;border:1px solid #91d5ff}.action-icons{display:flex;gap:8px;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s;text-decoration:none}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.icon-btn-success{background-color:#f6ffed;color:#52c41a}.icon-btn-success:hover:not(:disabled){background-color:#52c41a;color:#fff}.icon-btn-primary{background-color:#e6f7ff;color:#0079c1}.icon-btn-primary:hover:not(:disabled){background-color:#0079c1;color:#fff}.icon-btn-danger{background-color:#fff1f0;color:#ff4d4f}.icon-btn-danger:hover:not(:disabled){background-color:#ff4d4f;color:#fff}:root{--color-primary: hsl(var(--primary));--color-primary-dark: hsl(var(--primary));--color-primary-light: hsl(var(--accent));--color-primary-50: hsl(var(--muted));--color-primary-100: hsl(var(--accent));--color-secondary: hsl(var(--secondary));--color-secondary-light: hsl(var(--secondary-foreground));--color-white: hsl(var(--card));--color-gray-50: hsl(var(--muted));--color-gray-100: hsl(var(--accent));--color-gray-200: hsl(var(--border));--color-gray-300: hsl(var(--border));--color-gray-400: hsl(var(--muted-foreground));--color-gray-500: hsl(var(--muted-foreground));--color-gray-600: hsl(var(--foreground));--color-gray-700: hsl(var(--foreground));--color-gray-800: hsl(var(--card-foreground));--color-gray-900: hsl(var(--foreground));--color-teal: hsl(var(--primary));--color-teal-light: hsl(var(--accent));--color-teal-dark: hsl(var(--primary));--color-amber: hsl(var(--accent-foreground));--color-amber-light: hsl(var(--accent));--color-amber-dark: hsl(var(--accent-foreground));--color-purple: hsl(var(--primary));--color-purple-light: hsl(var(--accent));--color-purple-dark: hsl(var(--accent-foreground));--color-success: hsl(var(--primary));--color-success-light: hsl(var(--accent));--color-success-dark: hsl(var(--primary));--color-warning: hsl(var(--accent-foreground));--color-warning-light: hsl(var(--accent));--color-warning-dark: hsl(var(--accent-foreground));--color-error: hsl(var(--destructive));--color-error-light: hsl(var(--accent));--color-error-dark: hsl(var(--destructive));--color-info: hsl(var(--primary));--color-info-light: hsl(var(--accent));--color-info-dark: hsl(var(--primary));--text-primary: hsl(var(--foreground));--text-secondary: hsl(var(--muted-foreground));--text-tertiary: hsl(var(--muted-foreground));--text-on-primary: hsl(var(--primary-foreground));--bg-page: hsl(var(--background));--bg-surface: hsl(var(--card));--bg-header: hsl(var(--primary));--bg-sidebar: hsl(var(--sidebar));--bg-card: hsl(var(--card));--bg-secondary: hsl(var(--muted));--bg-hover: #fafafa;--border-light: hsl(var(--border));--border-medium: hsl(var(--border));--border-dark: hsl(var(--border));--border-color: hsl(var(--border));--font-primary: var(--font-sans);--font-mono: var(--font-mono);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: var(--radius-sm);--radius-md: var(--radius-md);--radius-lg: var(--radius-lg);--radius-xl: var(--radius-xl);--radius-full: 9999px;--shadow-sm: var(--shadow-sm);--shadow-md: var(--shadow-md);--shadow-lg: var(--shadow-lg);--shadow-xl: var(--shadow-xl);--container-max-width: 1200px;--header-height: 64px;--sidebar-width: 260px;--overlay-backdrop: rgba(0, 0, 0, .4);--overlay-dark: rgba(0, 0, 0, .6);--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-20: rgba(255, 255, 255, .2);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-90: rgba(255, 255, 255, .9);--black-alpha-05: rgba(0, 0, 0, .05);--black-alpha-10: rgba(0, 0, 0, .1);--slate-alpha-10: rgba(109, 129, 150, .1);--slate-alpha-20: rgba(109, 129, 150, .2);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--bg-page);color:var(--text-primary);line-height:var(--leading-normal);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-xl);margin-bottom:var(--space-3)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}small{font-size:var(--text-sm);color:var(--text-tertiary)}a{text-decoration:none;color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.page-container{background-color:var(--bg-page);min-height:100vh;padding:var(--space-6)}.page-header{padding:var(--space-6) 0;margin-bottom:var(--space-6)}.page-header h1{color:#025043;font-size:2rem;margin-bottom:0;font-weight:var(--font-semibold)}.page-header h2,.page-header h3{color:var(--text-primary);margin-bottom:0}.page-content{max-width:var(--container-max-width);margin:0 auto}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-6);border:1px solid var(--border-light)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.card-body{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-medium);text-align:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-primary);font-size:var(--text-base);border:none;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-gray-600);color:var(--text-on-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-700)}.btn-success{background-color:var(--color-success);color:var(--text-on-primary)}.btn-success:hover:not(:disabled){background-color:var(--color-success-dark)}.btn-danger{background-color:var(--color-error);color:var(--text-on-primary)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark)}.btn-outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--text-on-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border-left:4px solid}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-error{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-weight:var(--font-medium);margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-sm)}.form-control{width:100%;padding:var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-card);transition:all var(--transition-fast);font-family:var(--font-primary)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-control::placeholder{color:var(--text-tertiary)}.form-control:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}table{width:100%;border-collapse:collapse;background-color:var(--bg-card)}th{text-align:left;padding:var(--space-3) var(--space-4);background-color:var(--color-gray-50);color:var(--text-secondary);font-weight:var(--font-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}td{padding:var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-primary)}tr:last-child td{border-bottom:none}tr:hover{background-color:var(--color-gray-50)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-tertiary)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.spinner,div.spinner{width:5px!important;height:5px!important;min-width:5px!important;min-height:5px!important;max-width:5px!important;max-height:5px!important;border:.5px solid var(--color-gray-200)!important;border-top-color:var(--color-primary)!important;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 960px){.page-container{padding:var(--space-4)}.page-header{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-6) calc(var(--space-4) * -1);padding:var(--space-4)}.card{padding:var(--space-4)}}@media (max-width: 640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.btn{font-size:var(--text-sm)}}.table-container{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-secondary)}.data-table th{padding:var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color)}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:400}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--bg-hover)}.data-table tbody tr.disabled-row{opacity:.6}.table-actions{display:flex;gap:var(--space-2);align-items:center}.entity-type-badge{display:inline-block;padding:.25rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pagination-info{color:var(--text-secondary);font-size:var(--text-sm)}.pagination-controls{display:flex;gap:var(--space-2);align-items:center}.pagination-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;gap:var(--space-1)}.pagination-number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-number:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.pagination-number.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-ellipsis{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--text-sm)}@media (max-width: 768px){.table-container{overflow-x:auto}.data-table{min-width:800px}.pagination-container{flex-direction:column;gap:var(--space-3)}.pagination-info{order:2}}:root{--background: 0 0% 100%;--foreground: 0 0% 20%;--card: 0 0% 100%;--card-foreground: 0 0% 20%;--popover: 0 0% 100%;--popover-foreground: 0 0% 20%;--primary: 200 87.3418% 30.9804%;--primary-foreground: 0 0% 100%;--secondary: 220 14.2857% 95.8824%;--secondary-foreground: 215 13.7931% 34.1176%;--muted: 210 20% 98.0392%;--muted-foreground: 220 8.9362% 46.0784%;--accent: 192.5 11.7647% 40%;--accent-foreground: 228 20% 95.098%;--destructive: 0 28.0423% 62.9412%;--destructive-foreground: 0 0% 100%;--border: 220 13.0435% 90.9804%;--input: 220 13.0435% 90.9804%;--ring: 217.2193 91.2195% 59.8039%;--chart-1: 217.2193 91.2195% 59.8039%;--chart-2: 221.2121 83.1933% 53.3333%;--chart-3: 224.2781 76.3265% 48.0392%;--chart-4: 225.931 70.7317% 40.1961%;--chart-5: 224.4444 64.2857% 32.9412%;--sidebar: 210 20% 98.0392%;--sidebar-foreground: 0 0% 20%;--sidebar-primary: 217.2193 91.2195% 59.8039%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 204 93.75% 93.7255%;--sidebar-accent-foreground: 224.4444 64.2857% 32.9412%;--sidebar-border: 220 13.0435% 90.9804%;--sidebar-ring: 217.2193 91.2195% 59.8039%;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-serif: "Source Serif 4", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--radius: .375rem;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--shadow-x: 0;--shadow-y: 1px;--shadow-blur: 3px;--shadow-spread: 0px;--shadow-opacity: .1;--shadow-color: oklch(0 0 0);--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 2px 4px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 4px 6px -1px hsl(0 0% 0% / .1);--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 8px 10px -1px hsl(0 0% 0% / .1);--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / .25);--tracking-normal: 0em;--spacing: .25rem}.dark{--background: 0 0% 9.0196%;--foreground: 0 0% 89.8039%;--card: 0 0% 14.902%;--card-foreground: 0 0% 89.8039%;--popover: 0 0% 14.902%;--popover-foreground: 0 0% 89.8039%;--primary: 217.2193 91.2195% 59.8039%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 14.902%;--secondary-foreground: 0 0% 89.8039%;--muted: 0 0% 12.1569%;--muted-foreground: 0 0% 63.9216%;--accent: 224.4444 64.2857% 32.9412%;--accent-foreground: 213.3333 96.9231% 87.2549%;--destructive: 0 84.2365% 60.1961%;--destructive-foreground: 0 0% 100%;--border: 0 0% 25.098%;--input: 0 0% 25.098%;--ring: 217.2193 91.2195% 59.8039%;--chart-1: 213.1169 93.9024% 67.8431%;--chart-2: 217.2193 91.2195% 59.8039%;--chart-3: 221.2121 83.1933% 53.3333%;--chart-4: 224.2781 76.3265% 48.0392%;--chart-5: 225.931 70.7317% 40.1961%;--sidebar: 0 0% 9.0196%;--sidebar-foreground: 0 0% 89.8039%;--sidebar-primary: 217.2193 91.2195% 59.8039%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 224.4444 64.2857% 32.9412%;--sidebar-accent-foreground: 213.3333 96.9231% 87.2549%;--sidebar-border: 0 0% 25.098%;--sidebar-ring: 217.2193 91.2195% 59.8039%;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-serif: "Source Serif 4", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--radius: .375rem;--shadow-x: 0;--shadow-y: 1px;--shadow-blur: 3px;--shadow-spread: 0px;--shadow-opacity: .1;--shadow-color: oklch(0 0 0);--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 2px 4px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 4px 6px -1px hsl(0 0% 0% / .1);--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 8px 10px -1px hsl(0 0% 0% / .1);--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / .25)}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans);transition:background-color .3s ease,color .3s ease}.dark,.dark *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{font-size:.875rem;line-height:1.4}h1{font-size:1.3rem;margin-bottom:.75rem;font-weight:600}h2{font-size:1.15rem;margin-bottom:.65rem;font-weight:600}h3{font-size:1rem;margin-bottom:.5rem;font-weight:500}h4,h5,h6{font-size:.875rem;margin-bottom:.4rem;font-weight:500}input,select,textarea,button{font-size:.8rem}.btn{font-size:.8rem;padding:.375rem .75rem}table{font-size:.8rem}th{font-size:.75rem;font-weight:600}.card-title{font-size:1rem}.card-text{font-size:.8rem}.label,.meta-text,.small-text,small{font-size:.75rem}.nav-link,.sidebar-item{font-size:.85rem}.badge{font-size:.7rem;padding:.25em .5em}