.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ed1c24,#2c2c2c);padding:2rem}.login-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%;overflow:hidden}.login-header{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;padding:2.5rem 2rem;text-align:center}.login-header h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.login-header p{margin:0;opacity:.95;font-size:1rem}.login-form{padding:2rem}.form-group input{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#ed1c24;box-shadow:0 0 0 3px #ed1c241a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;color:#c33;padding:.875rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #c33;font-size:.95rem}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ed1c244d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ed1c2466}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.default-credentials{background:#f8f9fa;padding:1.5rem 2rem 2rem;border-top:1px solid #e0e0e0}.credentials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;color:#555;font-size:.95rem}.credentials-header .close-btn{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.credentials-header .close-btn:hover{background:#e0e0e0;color:#333}.credentials-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.credential-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.credential-info{display:flex;flex-direction:column;gap:.25rem}.credential-info strong{color:#333;font-size:.95rem}.credential-info span{color:#666;font-size:.85rem;font-family:Courier New,monospace}.credential-item.platform-admin-notice{background:#e3f2fd;border-color:#2196f3}.credential-item.platform-admin-notice .credential-info strong{color:#1976d2}.credential-item.platform-admin-notice .credential-info .admin-message{color:#1565c0;font-family:inherit;font-size:.9rem;font-style:italic;margin-top:.25rem}.fill-btn{padding:.5rem 1rem;background:#ed1c24;color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.fill-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.fill-btn:disabled{opacity:.5;cursor:not-allowed}.credentials-note{background:#fff3cd;color:#856404;padding:.75rem;border-radius:4px;font-size:.85rem;border-left:3px solid #ffc107}@media (max-width: 768px){.login-container{padding:1rem}.login-box{max-width:100%}.login-header{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.login-form{padding:1.5rem}.default-credentials{padding:1rem 1.5rem 1.5rem}}.user-management-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.user-management-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e0e0e0;background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;border-radius:12px 12px 0 0;width:100%;box-sizing:border-box;flex-shrink:0}.user-management-header h2{margin:0;font-size:1.5rem}.user-management-header .close-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .2s ease}.user-management-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.user-management-actions{display:flex;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;width:100%;box-sizing:border-box;flex-wrap:wrap}.error-message{margin:1rem 2rem;padding:1rem;background:#fee;color:#c33;border-radius:6px;border-left:4px solid #c33}.add-user-form{background:#f8f9fa;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;width:100%;box-sizing:border-box}.add-user-form h3{margin:0 0 1rem;color:#333}.add-user-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;width:100%;box-sizing:border-box}@media (max-width: 1200px){.add-user-form .form-row{grid-template-columns:1fr}}.add-user-form input,.add-user-form select{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease}.add-user-form input:focus,.add-user-form select:focus{outline:none;border-color:#ed1c24;box-shadow:0 0 0 3px #ed1c241a}.users-list{padding:2rem;overflow-x:hidden;overflow-y:auto;width:100%;box-sizing:border-box}.users-table{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed;min-width:0}.users-table thead{background:#f8f9fa}.users-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.users-table th:nth-child(1){width:15%}.users-table th:nth-child(2){width:21%}.users-table th:nth-child(3){width:20%}.users-table th:nth-child(4){width:12%;text-align:center}.users-table th:nth-child(5){width:12%;text-align:left}.users-table th:nth-child(6){width:20%;text-align:center}.users-table td{padding:0 1rem 1rem;border-bottom:1px solid #e0e0e0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;font-size:1rem;line-height:1.5}.users-table td:nth-child(4){text-align:center;vertical-align:top;padding-top:0}.users-table td:nth-child(5){text-align:left;vertical-align:middle}.users-table td:nth-child(6){vertical-align:top}.users-table td:nth-child(6) .action-buttons{margin:0;padding:0}.users-table tbody tr:hover{background:#f8f9fa}.users-table tbody tr.inactive{opacity:.6}.role-badge{display:inline-block;padding:.375rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;white-space:normal;word-wrap:break-word;max-width:100%;min-width:80px;text-align:center;box-sizing:border-box}.role-badge.role-platform-admin{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff}.role-badge.role-user{background:#28a745;color:#fff}.role-badge.role-assessor{background:#ffc107;color:#333}.status-badge{display:inline-block;padding:.375rem .5rem;border-radius:4px;font-size:1rem;font-weight:600;white-space:normal;word-wrap:break-word;max-width:50px;min-width:40px;width:auto;text-align:left;box-sizing:border-box;line-height:1.5;vertical-align:baseline}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap;min-width:0;width:100%;align-items:flex-start;margin:0;padding:0}.btn-small{padding:.5rem .75rem;font-size:.8rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500;white-space:normal;word-wrap:break-word;text-align:center;min-width:100px;max-width:120px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.btn-primary{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;padding:.5rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ed1c2466}.btn-secondary{background:#6c757d;color:#fff;padding:.5rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#5a6268}.btn-warning{background:#ffc107;color:#333}.btn-warning:hover{background:#e0a800}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496}.btn-small.btn-warning,.btn-small.btn-danger,.btn-small.btn-info{padding:.5rem .75rem;font-size:.8rem;min-width:100px;max-width:120px}@media (max-width: 1024px){.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.75rem}.action-buttons{flex-direction:column}.users-list{padding:1rem}}@media (max-width: 768px){.user-management-header{padding:1rem}.user-management-actions{flex-direction:column}.users-list{padding:1rem}.users-table{font-size:.85rem}.users-table th,.users-table td{padding:.5rem}}/**
 * Settings Component Styles
 * 
 * @author Mukesh Kesharwani <mukesh.kesharwani@adobe.com>
 * @copyright Copyright (c) 2025 Mukesh Kesharwani
 * @license MIT
 */.settings-container{max-width:1200px;margin:0 auto;padding:24px}.settings-header{margin-bottom:32px}.settings-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.settings-subtitle{font-size:14px;color:#64748b;margin:0}.settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.section-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.section-actions{display:flex;gap:8px}.credentials-list{display:flex;flex-direction:column;gap:16px}.credential-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s ease}.credential-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.credential-form-card{background:#fff;border-color:#ed1c24}.credential-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.credential-header h4{font-size:18px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.default-badge{display:inline-block;background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.credential-actions{display:flex;gap:8px}.credential-details{color:#475569;font-size:14px}.credential-details strong{display:block;margin-bottom:8px;color:#334155}.credential-preview{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:12px;font-size:13px;font-family:Monaco,Menlo,Courier New,monospace;color:#475569;overflow-x:auto;margin:0;white-space:pre-wrap;word-wrap:break-word}.no-headers{color:#94a3b8;font-style:italic}.credential-form{display:flex;flex-direction:column;gap:16px}.credential-form h4{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:#334155;display:flex;align-items:center;gap:8px}.form-group label small{font-weight:400;color:#64748b;font-size:12px;display:block;margin-top:2px}.form-control{padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease}.form-control:disabled{background:#f1f5f9;cursor:not-allowed}textarea.form-control{font-family:Monaco,Menlo,Courier New,monospace;resize:vertical}.input-with-clear{position:relative;display:flex;align-items:flex-start}.input-with-clear .form-control{flex:1;padding-right:40px}.input-with-clear textarea.form-control{padding-right:12px}.clear-btn{position:absolute;right:8px;top:8px;background:#ef4444;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s ease;z-index:1}.clear-btn:hover{background:#dc2626;transform:scale(1.05)}.clear-btn:active{transform:scale(.95)}.clear-textarea{position:static;margin-left:8px;margin-top:4px;padding:6px 12px;font-size:13px;flex-shrink:0}.form-actions{display:flex;gap:8px;margin-top:8px}.btn-primary,.btn-secondary,.btn-icon{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{background:linear-gradient(135deg,#2c2c2c,#ed1c24);transform:translateY(-1px);box-shadow:0 4px 12px #ed1c2466}.btn-secondary{background:#fff;color:#475569;border:2px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-icon{padding:8px 12px;background:#fff;border:1px solid #e2e8f0;font-size:16px}.btn-icon:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.empty-state{text-align:center;padding:40px 20px;color:#64748b;background:#f8fafc;border-radius:8px;margin-top:16px}.empty-state p{margin:8px 0;font-size:14px}.info-box{background:#f0f9ff;border:2px solid #bae6fd;border-radius:8px;padding:20px;text-align:left}.info-box h4{font-size:15px;font-weight:600;color:#0c4a6e;margin:16px 0 8px;text-align:left}.info-box h4:first-child{margin-top:0}.info-box p{font-size:14px;color:#075985;margin:0 0 12px;line-height:1.6;text-align:left}.example-code{background:#dbeafe;border:1px solid #93c5fd;border-radius:4px;padding:12px;font-size:12px;font-family:Monaco,Menlo,Courier New,monospace;color:#1e40af;overflow-x:auto;margin:8px 0 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.toggle-switch{display:flex;align-items:center;gap:10px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-slider{position:relative;width:50px;height:26px;background:#cbd5e1;border-radius:26px;transition:background .3s ease}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#10b981}.toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-label{font-size:14px;font-weight:600;color:#475569}.toggle-switch input[type=checkbox]:checked~.toggle-label{color:#10b981}.gateway-form{display:flex;flex-direction:column;gap:20px}.save-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;animation:slideDown .3s ease}.save-message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.save-message.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.save-message.info{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.save-section{display:flex;justify-content:center;padding:20px 0}.btn-large{font-size:16px;padding:14px 32px;font-weight:600}.btn-danger{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #dc262633}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-danger:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.info-box ul{margin:12px 0;padding-left:20px;list-style-type:none;text-align:left}.info-box li{margin:4px 0;font-size:14px;color:#075985;position:relative}@media (max-width: 768px){.settings-container{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-actions{width:100%;flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1;justify-content:center;min-width:120px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.btn-verify{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-width:140px;justify-content:center}.btn-verify:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.btn-verify:active:not(:disabled){transform:translateY(0)}.btn-verify:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.verification-message{margin-top:.75rem;padding:12px 16px;border-radius:6px;font-size:14px;line-height:1.5;font-weight:500;border-left:4px solid;animation:slideIn .3s ease}.verification-message.success{background:#d1fae5;border-color:#10b981;color:#065f46}.verification-message.warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}.verification-message.error{background:#fee2e2;border-color:#ef4444;color:#991b1b}.verification-message.info{background:#dbeafe;border-color:#3b82f6;color:#1e40af}@media (max-width: 768px){.btn-verify{min-width:120px;padding:8px 16px;font-size:13px}}.sso-integration-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;min-height:400px;width:100%;position:relative}.sso-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;border-radius:12px 12px 0 0}.sso-header h2{margin:0;font-size:1.5rem}.sso-header .close-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .2s ease}.sso-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.sso-subtitle{padding:1rem 2rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#666;font-size:.95rem}.sso-message{margin:1rem 2rem;padding:1rem;border-radius:6px;border-left:4px solid}.sso-message.success{background:#d4edda;color:#155724;border-color:#28a745}.sso-message.error{background:#f8d7da;color:#721c24;border-color:#dc3545}.sso-message.info{background:#d1ecf1;color:#0c5460;border-color:#17a2b8}.sso-tabs{display:flex!important;border-bottom:2px solid #e0e0e0;padding:0 2rem;background:#f8f9fa;visibility:visible!important;opacity:1!important}.sso-tab{padding:1rem 2rem;background:none;border:none;font-size:1rem;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;margin-bottom:-2px;display:block!important;visibility:visible!important;opacity:1!important}.sso-tab:hover{color:#ed1c24;background:#ed1c240d}.sso-tab.active{color:#ed1c24;border-bottom-color:#ed1c24;background:#fff}.sso-content{flex:1;overflow-y:auto;padding:2rem;min-height:0;display:block;visibility:visible;opacity:1}.config-section{max-width:1200px;margin:0 auto}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.section-header-row h3{margin:0;color:#333;font-size:1.3rem}.info-banner{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #ED1C24}.info-banner strong{display:block;color:#333;margin-bottom:.5rem}.info-banner p{margin:0;color:#666;font-size:.95rem}.config-group{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.config-group h4{margin:0 0 1rem;color:#333;font-size:1.1rem}.section-description{color:#666;font-size:.9rem;margin:-.5rem 0 1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.form-control{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-control:focus{outline:none;border-color:#ed1c24;box-shadow:0 0 0 3px #ed1c241a}.form-control:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}textarea.form-control{resize:vertical;font-family:Courier New,monospace;font-size:.9rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.input-with-button{display:flex;gap:.5rem}.input-with-button .form-control{flex:1}.input-with-button .btn-secondary{white-space:nowrap}.toggle-switch{position:relative;display:inline-flex;align-items:center;gap:.75rem}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:50px;height:26px;background-color:#ccc;border-radius:26px;transition:all .3s ease;cursor:pointer}.toggle-slider:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:all .3s ease}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#ed1c24}.toggle-switch input[type=checkbox]:checked+.toggle-slider:after{transform:translate(24px)}.toggle-label{font-weight:600;color:#333;font-size:.95rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease}.checkbox-label:hover{background:#ed1c240d}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{color:#333;font-size:.95rem}.provider-config{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:2px solid #e0e0e0;transition:all .3s ease}.provider-config:hover{border-color:#ed1c24;box-shadow:0 4px 12px #ed1c241a}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.provider-title{display:flex;align-items:center;gap:.75rem}.provider-icon{font-size:1.5rem}.provider-title h4{margin:0;color:#333;font-size:1.1rem}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary,.btn-test{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ed1c2466}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-test{background:#17a2b8;color:#fff;margin-top:1rem}.btn-test:disabled{opacity:.6;cursor:not-allowed}.sso-footer{padding:1.5rem 2rem;background:#f8f9fa;border-top:2px solid #e0e0e0;border-radius:0 0 12px 12px;display:flex;justify-content:flex-end}@media (max-width: 1024px){.form-row-3{grid-template-columns:1fr}}@media (max-width: 768px){.sso-header{padding:1rem}.sso-subtitle{padding:.75rem 1rem;font-size:.85rem}.sso-tabs{padding:0 1rem}.sso-tab{padding:.75rem 1rem;font-size:.9rem}.sso-content{padding:1rem}.section-header-row{flex-direction:column;align-items:flex-start;gap:1rem}.form-row-2,.form-row-3{grid-template-columns:1fr}.input-with-button{flex-direction:column}.input-with-button .btn-secondary{width:100%}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.sso-footer{padding:1rem}.sso-footer .btn-large{width:100%}.provider-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (prefers-color-scheme: dark){.sso-integration-container{background:#1a1a1a;color:#e0e0e0}.info-banner{background:linear-gradient(135deg,#1e3a5f,#2d1e3f)}.config-group{background:#2a2a2a}.provider-config{background:#2a2a2a;border-color:#444}.form-control{background:#333;color:#e0e0e0;border-color:#444}.form-control:disabled{background:#222}}.messaging-config-container{padding:1.5rem;background:#fff;border-radius:8px;max-width:900px;margin:0 auto}.messaging-config-container.embedded{padding:0}.messaging-config-header{margin-bottom:2rem}.messaging-config-header h2{margin:0 0 .5rem;color:#1976d2}.section-description{color:#666;margin:.5rem 0;font-size:.95rem}.read-only-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:.75rem;margin-bottom:1rem;color:#856404;font-size:.9rem}.message{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.config-group{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.config-group h3{margin:0 0 1rem;color:#1976d2;font-size:1.1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=email],.form-group input[type=url],.form-group input[type=number],.form-group input[type=password],.form-group select{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.form-group input:disabled,.form-group select:disabled{background:#f5f5f5;cursor:not-allowed}.form-group small{display:block;margin-top:.25rem;color:#666;font-size:.85rem}.form-group small a{color:#1976d2;text-decoration:none}.form-group small a:hover{text-decoration:underline}.form-group input[type=checkbox]{margin-right:.5rem;width:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.btn-test{background:#17a2b8;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-size:.95rem;margin-top:.5rem;transition:background .2s}.btn-test:hover:not(:disabled){background:#138496}.btn-test:disabled{background:#ccc;cursor:not-allowed}.config-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #dee2e6}.btn-primary{background:#1976d2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.btn-primary:hover:not(:disabled){background:#1565c0}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-secondary:disabled{background:#ccc;cursor:not-allowed}.ai-integration-container{padding:2rem;max-width:1200px;margin:0 auto;background:#fff}.ai-integration-container.embedded{padding:1rem}.ai-integration-header{margin-bottom:2rem}.ai-integration-header h2{margin:0 0 .5rem;color:#1a202c;font-size:1.75rem}.ai-integration-header .subtitle{color:#718096;margin:.5rem 0;font-size:.95rem}.ai-integration-content{display:flex;flex-direction:column;gap:2rem}.ai-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.section-header{margin-bottom:1.5rem}.section-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.section-title h3{margin:0;color:#2d3748;font-size:1.25rem}.toggle-switch{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{position:relative;width:50px;height:26px;background:#cbd5e0;border-radius:13px;transition:background .3s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#48bb78}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input[type=checkbox]:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-label{font-weight:500;color:#4a5568;font-size:.9rem}.ai-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2d3748;font-size:.95rem}.form-group label small{display:block;font-weight:400;color:#718096;font-size:.85rem;margin-top:.25rem}.form-control{padding:.75rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.95rem;transition:border-color .2s}.form-control:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-control:disabled{background:#edf2f7;cursor:not-allowed}.form-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.url-preview{padding:.75rem;background:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;color:#2d3748;word-break:break-all}.form-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary,.btn-danger{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover:not(:disabled){background:#3182ce}.btn-primary:disabled{background:#cbd5e0;cursor:not-allowed}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover:not(:disabled){background:#e53e3e}.btn-danger:disabled{background:#cbd5e0;cursor:not-allowed}.btn-large{padding:1rem 2rem;font-size:1.1rem}.test-result{margin-top:1rem;padding:1rem;border-radius:6px;border:1px solid}.test-result.success{background:#f0fff4;border-color:#48bb78;color:#22543d}.test-result.error{background:#fff5f5;border-color:#f56565;color:#742a2a}.test-result-header{margin-bottom:.5rem;font-size:1rem}.test-result-details{margin-top:.5rem}.test-result-details pre{margin:0;padding:.5rem;background:#0000000d;border-radius:4px;font-size:.85rem;overflow-x:auto}.info-box{margin-top:1.5rem;padding:1rem;background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;color:#2c5282}.info-box strong{display:block;margin-bottom:.5rem;color:#2c5282}.info-box p{margin:.5rem 0;line-height:1.6}.info-box ul{margin:.5rem 0;padding-left:1.5rem}.info-box li{margin:.25rem 0;line-height:1.6}.info-box code{background:#0000001a;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.ai-message{padding:1rem;border-radius:6px;margin-bottom:1rem;font-weight:500}.ai-message.success{background:#f0fff4;color:#22543d;border:1px solid #48bb78}.ai-message.error{background:#fff5f5;color:#742a2a;border:1px solid #f56565}.ai-message.info{background:#ebf8ff;color:#2c5282;border:1px solid #4299e1}.save-section{display:flex;justify-content:center;padding:1rem 0}.spinner{display:inline-block;padding:1rem;color:#718096}.settings-tabs-container{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.settings-tabs-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff}.settings-tabs-header h2{margin:0;font-size:1.5rem}.settings-close-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.settings-tabs-nav{display:flex;background:#f8f9fa;border-bottom:2px solid #e0e0e0;padding:0}.settings-tab-btn{padding:1rem 2rem;background:none;border:none;font-size:1rem;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;margin-bottom:-2px}.settings-tab-btn:hover{color:#ed1c24;background:#ed1c240d}.settings-tab-btn.active{color:#ed1c24;border-bottom-color:#ed1c24;background:#fff}.settings-tabs-content{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.settings-tabs-content>.sso-integration-container{display:flex!important;flex-direction:column!important;height:100%!important;min-height:500px!important;background:#fff!important}.settings-tabs-content>.sso-integration-container>.sso-content{flex:1!important;overflow-y:auto!important;min-height:0!important;display:block!important}.settings-tabs-content .sso-integration-container{box-shadow:none;border-radius:0;max-height:none;height:100%;min-height:500px;display:flex!important;flex-direction:column!important}.settings-tabs-content .sso-header{display:none!important}.settings-tabs-content .sso-subtitle{padding:1.5rem 2rem;border-radius:0;display:block!important}.settings-tabs-content .sso-tabs{display:flex!important}.settings-tabs-content .sso-content{flex:1!important;display:block!important;visibility:visible!important;opacity:1!important;min-height:300px!important}.settings-tabs-content .sso-footer{border-radius:0;display:flex!important}.settings-tabs-content .messaging-config-container.embedded{padding:1.5rem;height:100%;overflow-y:auto;display:block!important;visibility:visible!important;opacity:1!important}.settings-tabs-content .messaging-config-container.embedded .messaging-config-header{display:none}@media (max-width: 768px){.settings-tabs-header{padding:1rem}.settings-tabs-header h2{font-size:1.2rem}.settings-tab-btn{padding:.75rem 1rem;font-size:.9rem}}.usecases-container{min-height:100vh;background:linear-gradient(135deg,#ed1c24,#2c2c2c);padding:2rem;color:#fff}.usecases-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease-out}.usecases-header h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.usecases-header h2{font-size:1.8rem;font-weight:300;margin-bottom:.5rem}.usecases-header .subtitle{font-size:1.1rem;opacity:.9}.usecases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem;max-width:1400px;margin-left:auto;margin-right:auto;align-items:stretch}@media (max-width: 768px){.usecases-grid{grid-template-columns:1fr}}.usecase-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp .6s ease-out;animation-fill-mode:both;display:flex;flex-direction:column;height:100%}.usecase-card:nth-child(1){animation-delay:.1s}.usecase-card:nth-child(2){animation-delay:.2s}.usecase-card:nth-child(3){animation-delay:.3s}.usecase-card:nth-child(4){animation-delay:.4s}.usecase-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006}.usecase-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.usecase-icon{font-size:3rem;flex-shrink:0}.usecase-title-section h3{color:#333;margin:0;font-size:1.5rem}.usecase-subtitle{color:#666;margin:.25rem 0 0;font-size:.95rem}.usecase-description{color:#555;font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.usecase-features h4,.usecase-workflow h4{color:#333;font-size:1.1rem;margin-bottom:.75rem}.usecase-features ul{list-style:none;padding:0;margin:0 0 1.5rem}.usecase-features li{color:#555;padding:.25rem 0;display:flex;align-items:flex-start;gap:.5rem;font-size:.95rem}.check-icon{color:#4caf50;font-weight:700;flex-shrink:0}.workflow-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.workflow-step{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-width:70px;position:relative}.step-number{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.step-icon{font-size:1.5rem}.step-action{font-size:.75rem;color:#555;text-align:center;line-height:1.2}.step-arrow{position:absolute;right:-.5rem;top:12px;color:#999;font-size:1.2rem}.usecase-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:auto}.btn-blue{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff}.btn-green{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-purple{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.btn-orange{background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff}.usecase-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d}.feature-comparison-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;width:95%;max-width:900px;pointer-events:none}.usecase-card{position:relative}.usecase-card:hover .feature-comparison-tooltip{opacity:1;visibility:visible}.tooltip-header{font-size:1.3rem;font-weight:700;color:#1e3a8a;margin-bottom:1rem;text-align:center;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.tooltip-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.tooltip-table th,.tooltip-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.tooltip-table th{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;font-weight:600;font-size:.85rem;text-align:left}.tooltip-table tbody tr{background:#fff;transition:background .2s ease}.tooltip-table tbody tr:hover{background:#ed1c240d}.tooltip-table tbody tr:last-child td{border-bottom:none}.tooltip-table td{color:#333;font-size:.85rem;text-align:left}.tooltip-table td:first-child{font-weight:600;color:#1e3a8a}.usecases-footer{max-width:1400px;margin:0 auto;animation:fadeIn .8s ease-out .4s;animation-fill-mode:both}.comparison-table{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #0006;border:none}.comparison-table h3{color:#1e3a8a;margin-bottom:1.5rem;text-align:center;font-weight:700;font-size:1.5rem;text-shadow:none}.comparison-table table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.comparison-table th,.comparison-table td{padding:1rem .75rem;text-align:left!important;border-bottom:1px solid #e2e8f0}.comparison-table th{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;font-weight:700;text-align:left!important;font-size:.95rem;letter-spacing:.02em}.comparison-table tbody tr{background:#fff;transition:background .2s ease}.comparison-table tbody tr:hover{background:#1e3a8a0d}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table td{color:#1e3a8a;text-align:left!important;font-weight:500;font-size:.95rem}.comparison-table td:first-child{font-weight:600;color:#1e3a8a}.getting-started-section-merged{padding:2.5rem 2rem 1.5rem;margin-top:2.5rem;border-top:2px solid #e0e0e0;text-align:center}.getting-started-section-merged h3{color:#1e3a8a;margin-bottom:1rem;font-size:2rem}.getting-started-section-merged p{color:#1e3a8a;margin-bottom:2rem;font-size:1.1rem}.getting-started-section{background:#fff;border-radius:16px;padding:3rem 2rem;margin-bottom:2rem;text-align:center;box-shadow:0 10px 30px #0000004d}.getting-started-section h3{color:#333;margin-bottom:1rem;font-size:2rem}.getting-started-section p{color:#666;margin-bottom:2rem;font-size:1.1rem}.btn-large{padding:1.25rem 3rem;font-size:1.2rem;font-weight:600}.info-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.info-box{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 5px 15px #0003}.info-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.info-box h4{color:#333;margin:.5rem 0;font-size:1.1rem}.info-box p{color:#666;margin:0;font-size:.95rem;line-height:1.4}.usecases-credits{text-align:center;padding:2rem 0 1rem;opacity:.9}.usecases-credits p{margin:0;font-size:1rem}.usecases-credits small{font-size:.9rem;opacity:.8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.usecases-container{padding:1rem}.usecases-header h1{font-size:2rem}.usecases-header h2{font-size:1.3rem}.usecases-grid{grid-template-columns:1fr;gap:1.5rem}.usecase-card{padding:1.5rem}.workflow-steps{flex-direction:column}.step-arrow{display:none}.comparison-table{overflow-x:auto;padding:1.5rem}.comparison-table h3{font-size:1.25rem}.comparison-table table{font-size:.85rem;min-width:600px}.comparison-table th,.comparison-table td{padding:.75rem .5rem;font-size:.85rem}.info-boxes{grid-template-columns:1fr}}@media (max-width: 480px){.usecases-header h1{font-size:1.75rem}.usecase-icon{font-size:2.5rem}.usecase-title-section h3{font-size:1.25rem}.btn-large{padding:1rem 2rem;font-size:1rem}}.initial-choice-container{max-width:1400px;margin:1rem auto;padding:0 2rem}.initial-choice-header{text-align:center;margin-bottom:1.5rem}.initial-choice-header h1{font-size:1.8rem;color:var(--primary);margin-bottom:.4rem}.subtitle{font-size:1.4rem;color:#e0e7ff;font-weight:300;margin-top:0;margin-bottom:2rem;text-align:center}.choice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:1.5rem}.choice-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.choice-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.choice-icon{font-size:2.5rem;margin-bottom:.75rem;text-align:center}.choice-card h2{font-size:1.5rem;color:var(--dark);margin-bottom:.4rem;text-align:center}.choice-card>p{text-align:center;color:var(--muted);margin-bottom:1.5rem;font-size:.9rem}.drop-zone{border:3px dashed var(--border);border-radius:12px;padding:1.75rem 1.5rem;text-align:center;transition:all .3s ease;background:var(--light);cursor:pointer;margin-bottom:1rem}.drop-zone.drag-active{border-color:var(--primary);background:#2563eb0d;transform:scale(1.02)}.drop-zone.file-selected{border-color:var(--success);border-style:solid;background:#16a34a0d}.upload-icon{font-size:2.5rem;margin-bottom:.75rem}.upload-text{font-size:.9rem;color:var(--dark);margin:.4rem 0}.file-info{display:flex;align-items:center;justify-content:center;gap:1rem}.file-icon{font-size:2.5rem;color:var(--success)}.file-details{text-align:left}.file-name{font-weight:600;color:var(--dark);margin:0;font-size:.95rem}.file-size{color:var(--muted);margin:.25rem 0 0;font-size:.85rem}.btn-remove{background:transparent;border:none;color:var(--danger);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#ef44441a;transform:scale(1.1)}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:#ef44441a;border-left:4px solid var(--danger);border-radius:6px;color:var(--danger);font-size:.9rem}.start-fresh-content{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#16a34a0d,#22c55e0d);border-radius:12px;margin-bottom:1rem}.info-icon-large{font-size:3rem;margin-bottom:.75rem}.start-fresh-content h3{font-size:1.2rem;color:var(--dark);margin-bottom:.4rem}.start-fresh-content p{color:var(--muted);margin:0;font-size:.9rem}.btn-full{width:100%;justify-content:center;font-size:1rem;padding:.85rem 1.5rem;margin-bottom:1rem}.feature-list{background:var(--light);border-radius:8px;padding:1rem}.feature-title{font-weight:600;color:var(--dark);margin:0 0 1rem;font-size:.95rem}.feature-list ul{margin:0;padding-left:1.5rem;list-style:none}.feature-list li{position:relative;padding-left:1.5rem;margin:.25rem 0;color:var(--dark);font-size:.9rem}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.supported-formats{text-align:center;padding:1.5rem;background:#2563eb0d;border-radius:8px}.supported-formats .text-muted{margin:0;font-size:.9rem}@media (max-width: 1100px){.choice-cards{grid-template-columns:1fr}}@media (max-width: 768px){.initial-choice-container{padding:0 1rem}.initial-choice-header h1{font-size:2rem}.choice-card{padding:1.5rem}.drop-zone{padding:2rem 1rem}}.catalog-choice-container{max-width:1200px;margin:1rem auto;padding:0 2rem}.catalog-choice-header{text-align:center;margin-bottom:1rem}.catalog-choice-header h2{font-size:1.6rem;color:var(--primary);margin-bottom:.4rem}.catalog-option-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;transition:all .3s ease}.catalog-option-card.keep-existing{border:2px solid var(--success);background:linear-gradient(135deg,#16a34a0d,#22c55e0d)}.option-icon{font-size:2.5rem;flex-shrink:0}.option-content{flex:1}.option-content h3{font-size:1.3rem;color:var(--dark);margin:0 0 .4rem}.option-content p{margin:.2rem 0;color:var(--muted);font-size:.9rem}.catalog-url{font-size:.85rem;font-family:monospace;background:#0000000d;padding:.5rem;border-radius:4px;margin-top:.5rem!important;word-break:break-all}.divider{text-align:center;margin:1rem 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.divider span{position:relative;background:#fff;padding:0 1rem;color:var(--muted);font-weight:600}.update-catalog-section{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1rem}.update-catalog-section h3{font-size:1.3rem;color:var(--dark);margin:0 0 .4rem}.update-catalog-section>p{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;margin-bottom:1rem}.catalog-card{position:relative;background:var(--light);border:2px solid var(--border);border-radius:8px;padding:1rem;text-align:left;cursor:pointer;transition:all .2s ease}.catalog-card:not(:disabled):hover{border-color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.catalog-card.current{border-color:var(--success);background:#16a34a0d;cursor:not-allowed;opacity:.7}.current-badge{position:absolute;top:.5rem;right:.5rem;background:var(--success);color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:12px;font-weight:600}.catalog-name{font-weight:600;color:var(--dark);margin-bottom:.5rem;font-size:.95rem}.catalog-description{font-size:.85rem;color:var(--muted);line-height:1.4}.custom-url-section{padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.custom-url-input-group{display:flex;gap:.75rem;max-width:700px;margin:0 auto}.custom-url-input-group .form-control{flex:1}.info-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border:2px solid var(--primary);border-radius:12px}.info-banner .info-icon{font-size:1.5rem;flex-shrink:0}.info-banner strong{color:var(--primary);display:block;margin-bottom:.4rem}.info-banner p{margin:0;color:var(--dark);line-height:1.4;font-size:.9rem}@media (max-width: 768px){.catalog-choice-container{padding:0 1rem}.catalog-option-card{flex-direction:column;text-align:center}.option-content h3{font-size:1.3rem}.catalog-grid{grid-template-columns:1fr}.custom-url-input-group{flex-direction:column}.info-banner{flex-direction:column;text-align:center}}.catalogue-input-container{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px var(--shadow);width:100%;max-width:100%}.card h2{color:var(--dark);margin-bottom:.4rem;font-size:1.5rem}.card-description{color:var(--dark);opacity:.7;margin-bottom:1rem;line-height:1.5;font-size:.9rem}.catalogue-form,.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:600;color:var(--dark);font-size:.9rem}.form-control{width:100%;padding:.6rem .85rem;border:2px solid var(--border);border-radius:8px;font-size:.95rem;transition:all .2s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ed1c241a}.btn-large{width:100%;padding:.85rem;font-size:1rem;justify-content:center}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.divider{display:flex;align-items:center;margin:1rem 0;color:var(--dark);opacity:.5;font-size:.8rem;font-weight:600}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{padding:0 1rem}.samples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.sample-card{background:var(--light);border:2px solid transparent;border-radius:6px;padding:.75rem 1rem;text-align:left;transition:all .2s;display:flex;flex-direction:row;align-items:center;gap:.75rem;cursor:pointer}.sample-card:hover:not(:disabled){border-color:var(--primary);background:#fff;transform:translate(2px);box-shadow:0 2px 8px #ed1c2426}.sample-card.selected{border-color:var(--primary);background:#ed1c241a}.sample-card:disabled{opacity:.5;cursor:not-allowed}.sample-icon{font-size:1.5rem;flex-shrink:0}.sample-content{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.sample-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between;min-width:0}.sample-name{font-size:.85rem;font-weight:600;color:var(--dark);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.publisher-badge{display:inline-block;background:#e3f2fd;color:#1565c0;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;flex-shrink:0;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 4px #0000001a;border:1px solid #bbdefb}.sample-description{font-size:.7rem;color:var(--dark);opacity:.6;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px var(--shadow);width:100%;max-width:100%}.info-card h3{color:var(--primary);margin-bottom:.75rem;font-size:1.1rem}.info-card p,.info-card ol{color:var(--dark);opacity:.8;line-height:1.5;margin-bottom:1rem;font-size:.9rem}.info-card ol{padding-left:1.5rem}.info-card li{margin-bottom:.25rem}@media (max-width: 1200px){.samples-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 968px){.samples-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.samples-grid{grid-template-columns:1fr}}.ccm-upload-container{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.ccm-upload-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px var(--shadow);width:100%;max-width:100%;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ccm-upload-card .card-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:2px solid #f3f4f6}.ccm-upload-card .card-header h2{margin:0 0 .75rem;color:#1f2937;font-size:1.75rem;font-weight:600}.ccm-upload-card .card-header .text-muted{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}.upload-section{padding:2rem;display:flex!important;flex-direction:column!important;gap:1.5rem;width:100%}.drop-zone{border:3px dashed #d1d5db;border-radius:12px;padding:3rem 2rem;text-align:center;transition:all .3s ease;background-color:#f9fafb;cursor:pointer;width:100%!important;max-width:100%;flex:none!important;box-sizing:border-box}.drop-zone:hover{border-color:#ed1c24;background-color:#f3f4f6}.drop-zone.drag-active{border-color:#ed1c24;background-color:#eef2ff;transform:scale(1.02)}.drop-zone.file-selected{border-color:#10b981;background-color:#ecfdf5}.upload-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.upload-text{font-size:1.1rem;font-weight:500;color:#374151;margin:.5rem 0}.file-info{display:flex;align-items:center;justify-content:space-between;gap:1rem}.file-icon{font-size:2.5rem;color:#10b981;animation:checkmark .5s ease-out}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.file-details{flex:1;text-align:left}.file-name{font-weight:600;color:#1f2937;margin:0 0 .25rem;font-size:1rem;word-break:break-word}.file-size{color:#6b7280;font-size:.875rem;margin:0}.btn-remove{background:#fee2e2;color:#dc2626;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.2rem;font-weight:700}.btn-remove:hover{background:#fecaca;transform:rotate(90deg)}.error-message{margin-top:1rem;padding:1rem;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;display:flex;align-items:center;gap:.5rem;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon{font-size:1.2rem}.info-box{margin-top:0;padding:1.25rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;width:100%;box-sizing:border-box}.info-box h4{margin:0 0 .75rem;color:#1e40af;font-size:1rem;font-weight:600}.info-box ul{margin:0 0 .75rem;padding-left:1.5rem;color:#374151;line-height:1.7}.info-box ul li{margin-bottom:.25rem}.info-box ul li strong{color:#1f2937;font-weight:600}.info-box ul li.warning-item{color:#dc2626;font-weight:600;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #fee2e2}.info-box ul li.warning-item strong{color:#dc2626}.info-box .text-muted{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.button-group{padding:1.5rem 2rem 2rem;display:flex;gap:1rem;justify-content:center;border-top:1px solid #f3f4f6}.btn{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;min-width:160px}.btn-primary{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;box-shadow:0 4px 6px #ed1c2440}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #ed1c2459}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;color:#6b7280;border:2px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.ccm-upload-container{padding:1rem}.ccm-upload-card .card-header{padding:1.5rem 1.5rem 1rem}.ccm-upload-card .card-header h2{font-size:1.5rem}.upload-section{padding:1.5rem;flex-direction:column}.drop-zone{padding:2rem 1rem}.info-box{margin-top:1.5rem}.button-group{flex-direction:column;padding:1rem 1.5rem 1.5rem}.btn{width:100%}}.system-info-container{max-width:900px;margin:0 auto}.system-form{margin-top:1rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-group textarea.form-control{resize:vertical;min-height:80px}.security-objectives{margin:1rem 0;padding:1rem;background:var(--light);border-radius:8px}.security-objectives h3{color:var(--dark);margin-bottom:.5rem;font-size:1.1rem}.section-description{color:var(--dark);opacity:.7;font-size:.85rem;margin-bottom:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.control-suggestions{margin:1rem 0;position:relative}.suggest-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #667eea4d}.suggest-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.suggest-btn:disabled{opacity:.6;cursor:not-allowed}.suggest-btn .spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggestion-error{margin-top:.5rem;padding:.75rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:.9rem}.suggestions-panel{margin-top:1rem;background:#f8fafc;border:2px solid #667eea;border-radius:8px;padding:1.25rem;box-shadow:0 4px 6px #0000001a;animation:slideDown .3s ease}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.suggestions-header h4{margin:0;color:#1e293b;font-size:1.1rem}.suggestions-meta{display:flex;align-items:center;gap:.75rem}.confidence-badge{padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600}.close-suggestions-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-suggestions-btn:hover{background:#e2e8f0;color:#1e293b}.suggestions-reasoning{margin-bottom:1rem;padding:.75rem;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:4px;font-size:.9rem}.suggestions-reasoning strong{color:#1e40af;display:block;margin-bottom:.5rem}.suggestions-reasoning ul{margin:.5rem 0 0 1.25rem;padding:0;color:#1e3a8a}.suggestions-reasoning li{margin:.25rem 0}.suggestions-content{display:flex;flex-direction:column;gap:1rem}.suggestion-item{background:#fff;padding:1rem;border-radius:6px;border:1px solid #e2e8f0}.suggestion-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.suggestion-label strong{color:#334155;font-size:.95rem}.apply-field-btn{padding:.25rem .75rem;background:#10b981;color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.apply-field-btn:hover{background:#059669;transform:translateY(-1px)}.suggestion-value{color:#475569;font-size:.9rem;line-height:1.6;white-space:pre-wrap}.status-suggestion{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-weight:600;background:#dbeafe;color:#1e40af}.risk-rating-suggestion{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-weight:600}.risk-rating-suggestion[data-rating=Low]{background:#d1fae5;color:#065f46}.risk-rating-suggestion[data-rating=Medium]{background:#fef3c7;color:#92400e}.risk-rating-suggestion[data-rating=High]{background:#fee2e2;color:#991b1b}.suggestions-actions{margin-top:1.25rem;padding-top:1rem;border-top:2px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end}.apply-all-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b9814d}.apply-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.dismiss-btn{padding:.75rem 1.5rem;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.dismiss-btn:hover{background:#e2e8f0;border-color:#94a3b8}.control-item{background:#fff;border:2px solid var(--border);border-radius:8px;transition:all .2s}.control-item:hover{border-color:var(--primary);box-shadow:0 2px 8px var(--shadow)}.control-item.expanded{border-color:var(--primary)}.control-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;gap:.75rem}.control-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.control-id-badge{background:var(--primary);color:#fff;padding:.4rem .6rem;border-radius:6px;font-weight:700;font-size:.8rem;white-space:nowrap;flex-shrink:0}.control-title-section{flex:1;min-width:0}.control-title{color:var(--dark);font-size:.9rem;font-weight:600;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-group{display:inline-block;font-size:.75rem;color:var(--dark);opacity:.6;background:var(--light);padding:.2rem .4rem;border-radius:4px}.control-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.status-badge{padding:.35rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.status-not-assessed{background:#c084fc;color:#1f2937}.status-effective{background:#86efac;color:#1f2937}.status-alternate-control{background:#bbf7d0;color:#1f2937}.status-ineffective{background:#fecaca;color:#1f2937}.status-no-visibility{background:#000;color:#fff}.status-not-implemented{background:#fca5a5;color:#1f2937}.status-not-applicable{background:#d1d5db;color:#1f2937}.expand-btn{width:32px;height:32px;border:none;background:var(--light);border-radius:6px;font-size:.8rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.expand-btn:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.control-body{border-top:1px solid var(--border);padding:1rem;animation:slideDown .2s ease-out}.control-details{background:var(--light);padding:.75rem;border-radius:6px;margin-bottom:1rem}.control-details h5{color:var(--primary);font-size:.9rem;margin-bottom:.5rem;font-weight:600}.control-part{margin-bottom:.6rem;font-size:.85rem;line-height:1.5}.control-part:last-child{margin-bottom:0}.control-part strong{color:var(--dark);font-weight:600;margin-right:.5rem}.control-part p{color:var(--dark);opacity:.8;margin:.25rem 0 0}.control-form{display:flex;flex-direction:column;gap:1rem}.control-form .form-group{margin-bottom:0}.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.api-url-input-group{display:flex;gap:8px;align-items:center}.api-url-input{flex:1}.fetch-data-btn{padding:8px 16px;background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:4px;min-width:120px;justify-content:center}.fetch-data-btn:hover:not(:disabled){background:linear-gradient(135deg,#2c2c2c,#ed1c24);transform:translateY(-1px);box-shadow:0 4px 12px #ed1c2466}.fetch-data-btn:active:not(:disabled){transform:translateY(0)}.fetch-data-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.api-history-container{max-height:600px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;padding:12px}.api-history-entry{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;margin-bottom:12px;transition:all .2s ease}.api-history-entry:hover{border-color:#ed1c24;box-shadow:0 2px 8px #ed1c241a}.api-history-entry:last-child{margin-bottom:0}.api-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.api-history-date{font-size:13px;font-weight:600;color:#333}.api-history-status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;background:#f0f0f0}.api-history-data{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:4px;padding:8px;max-height:200px;overflow:auto}.api-history-data pre{margin:0;font-size:11px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#333;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.control-header{flex-direction:column;align-items:flex-start}.control-info{width:100%}.control-header-actions{width:100%;justify-content:space-between}.control-title{white-space:normal}.form-row-2,.form-row-3{grid-template-columns:1fr}.api-url-input-group{flex-direction:column;align-items:stretch}.fetch-data-btn{width:100%}}.ccm-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border);flex-wrap:wrap}.ccm-tab{padding:.75rem 1.5rem;border:none;background:none;font-weight:600;color:var(--dark);opacity:.6;cursor:pointer;position:relative;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.ccm-tab:hover{opacity:.8;background:var(--light)}.ccm-tab.active{opacity:1;color:var(--primary);border-bottom-color:var(--primary)}.ccm-tab-content{padding-top:.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.api-response-display{background:var(--light);border:1px solid var(--border);border-radius:6px;padding:1rem;max-height:300px;overflow-y:auto}.api-response-display pre{margin:0;font-size:.85rem;color:var(--dark);white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.ccm-tabs{overflow-x:auto;flex-wrap:nowrap}.ccm-tab{white-space:nowrap;font-size:.9rem;padding:.6rem 1rem}.form-row{grid-template-columns:1fr}}.change-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;cursor:help;margin-right:.5rem;transition:all .2s;animation:pulseIn .4s ease-out}.change-new{background:linear-gradient(135deg,#2563eb26,#3b82f626);color:#2563eb;border:1.5px solid #3b82f6}.change-changed{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);color:#d97706;border:1.5px solid #f59e0b}.change-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}@keyframes pulseIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.controls-list-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;box-shadow:0 4px 6px var(--shadow);margin-bottom:1rem}.controls-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.filters-row{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}.filters-row-1{display:flex;gap:.5rem;align-items:stretch;width:100%}.filters-row-2{display:flex;justify-content:space-between;align-items:stretch;gap:.5rem;flex-wrap:wrap;width:100%}.filters-left{display:flex;gap:.5rem;flex-wrap:wrap;align-items:stretch;flex:1}.search-box{flex:1;min-width:200px;display:flex}.filter-box{flex:1;min-width:150px;display:flex}.search-input{width:100%;padding:.5rem .75rem;border:2px solid var(--border);border-radius:6px;font-size:.85rem;transition:all .2s;height:42px;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ed1c241a}.filter-select{padding:.5rem .75rem;border:2px solid var(--border);border-radius:6px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .2s;flex:1;min-width:140px;width:100%;white-space:nowrap;height:42px;line-height:1.3;box-sizing:border-box}.filter-select option{white-space:normal;word-wrap:break-word;padding:.25rem}.filter-select:focus{outline:none;border-color:var(--primary)}.bulk-actions{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--light);border-radius:6px;flex-shrink:0;margin-left:auto;height:42px;box-sizing:border-box}.bulk-label{font-size:.8rem;font-weight:600;color:var(--dark);opacity:.7;white-space:nowrap}.bulk-btn{width:28px;height:28px;border:2px solid var(--border);border-radius:4px;background:#fff;font-size:.9rem;transition:all .2s;flex-shrink:0}.bulk-btn:hover{border-color:var(--primary);background:var(--primary);color:#fff;transform:scale(1.05)}.controls-stats{display:flex;gap:.75rem;padding:.75rem;background:var(--light);border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#fff;border-radius:6px;border-left:4px solid var(--primary)}.stat-effective{border-left-color:#86efac}.stat-alternate{border-left-color:#bbf7d0}.stat-ineffective{border-left-color:#fecaca}.stat-no-visibility{border-left-color:#000}.stat-not-implemented{border-left-color:#fca5a5}.stat-na{border-left-color:#d1d5db}.bulk-effective:hover{background:#86efac!important;color:#1f2937!important}.bulk-alternate:hover{background:#bbf7d0!important;color:#1f2937!important}.bulk-not-implemented:hover{background:#fca5a5!important;color:#1f2937!important}.bulk-not-applicable:hover{background:#d1d5db!important;color:#1f2937!important}.stat-label{font-size:.8rem;color:var(--dark);opacity:.7;font-weight:500}.stat-value{font-size:1rem;font-weight:700;color:var(--dark)}.controls-list{display:flex;flex-direction:column;gap:.65rem;max-height:450px;overflow-y:auto;padding-right:.5rem}.controls-list::-webkit-scrollbar{width:8px}.controls-list::-webkit-scrollbar-track{background:var(--light);border-radius:4px}.controls-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.controls-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.no-results{text-align:center;padding:3rem;color:var(--dark);opacity:.5}@media (max-width: 768px){.controls-toolbar{flex-direction:column;gap:.5rem}.filters-row-1,.filters-row-2{flex-direction:column;width:100%}.search-box,.filter-box{width:100%;flex:1;min-width:unset}.filters-left{width:100%;flex-direction:column}.filter-select{width:100%;min-width:unset}.bulk-actions{width:100%;justify-content:space-between;margin-left:0}.controls-stats{flex-direction:column}.stat{width:100%}}.filter-change{background:linear-gradient(135deg,#2563eb0d,#84cc160d);border-color:var(--primary);font-weight:500}.stat-divider{width:2px;height:30px;background:linear-gradient(to bottom,transparent,var(--border),transparent);margin:0 .5rem}.stat-new{background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border-color:#3b82f6}.stat-changed{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-color:#f59e0b}.stat-unchanged{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border-color:#16a34a}.comparison-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#2563eb1a,#84cc161a);border:2px solid var(--primary);border-radius:10px;animation:fadeInSlide .4s ease-out}.banner-icon{font-size:1.5rem}.banner-text{color:var(--dark);font-size:.95rem;line-height:1.4}.banner-text strong{color:var(--primary);font-weight:600}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.export-container{margin-top:1rem}.export-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.25rem;box-shadow:0 4px 6px var(--shadow);text-align:center}.export-card h3{color:var(--dark);font-size:1.3rem;margin-bottom:.4rem}.export-description{color:var(--dark);opacity:.7;margin-bottom:1rem;line-height:1.4;font-size:.9rem}.validation-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.validation-options-title{color:var(--dark);font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.validation-options-title .icon{font-size:1.2rem}.validation-options-description{color:var(--dark);opacity:.7;font-size:.85rem;margin-bottom:1rem;line-height:1.4}.validation-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;margin-bottom:1.25rem;text-align:left;max-width:900px;margin-left:auto;margin-right:auto}.checkbox-label{position:relative;display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;background:#2196f30d;border:2px solid rgba(33,150,243,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-label:hover{background:#2196f31f;border-color:#2196f366;transform:translateY(-2px);box-shadow:0 3px 10px #2196f333}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0;margin:0}.checkbox-text{flex:1;font-size:.9rem;line-height:1.3;color:var(--dark);display:flex;align-items:center;gap:.4rem}.checkbox-text strong{color:#1976d2;font-weight:600}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:14px;color:#1976d2;background:#2196f31a;border-radius:50%;cursor:help;flex-shrink:0;transition:all .2s ease}.info-icon:hover{background:#2196f340;transform:scale(1.15)}.checkbox-label[title]:hover:after{content:attr(title);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:#1a232ef2;color:#fff;padding:.6rem .9rem;border-radius:6px;font-size:.85rem;line-height:1.4;white-space:normal;max-width:300px;width:max-content;box-shadow:0 4px 12px #0003;z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease}.checkbox-label[title]:hover:before{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%);border:6px solid transparent;border-top-color:#1a232ef2;z-index:1001;pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.validation-btn{min-width:300px;padding:.875rem 2rem;font-size:1rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-info{background:linear-gradient(135deg,#2196f3,#21cbf3);color:#fff;border:none}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#00acc1);transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.btn-warning{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border:none}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e64a19)}.validator-info{display:block;margin-top:.5rem;color:#0277bd;font-size:.85rem;font-style:italic}.validator-warning{display:block;margin-top:.5rem;color:#e65100;font-size:.85rem}.validator-warning a,.validator-info a{color:#2196f3;text-decoration:none;font-weight:600}.validator-warning a:hover,.validator-info a:hover{text-decoration:underline}.export-buttons{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.export-btn{min-width:180px;padding:.75rem 1.5rem;font-size:1rem}.export-icon{font-size:1.3rem}@media (max-width: 768px){.export-buttons{flex-direction:column}.export-btn{width:100%}}/**
 * Validation Status Component Styles
 * 
 * @author Mukesh Kesharwani <mukesh.kesharwani@adobe.com>
 * @copyright Copyright (c) 2025 Mukesh Kesharwani
 * @license MIT
 */.validation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.validation-modal{background:#fff;border-radius:12px;max-width:700px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.validation-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid #e0e0e0;background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;border-radius:12px 12px 0 0}.validation-header h3{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:.75rem}.validation-icon{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.validation-icon.valid{background:#4caf50;color:#fff}.validation-icon.invalid{background:#f44336;color:#fff}.validation-icon.warning{background:#ff9800;color:#fff}.close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.validation-body{padding:1.5rem;overflow-y:auto;flex:1}.status-badge{padding:.75rem 1.5rem;border-radius:8px;font-weight:700;text-align:center;font-size:1rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px}.status-badge.success{background:#e8f5e9;color:#2e7d32;border:2px solid #4caf50}.status-badge.error{background:#ffebee;color:#c62828;border:2px solid #f44336}.status-badge.warning{background:#fff3e0;color:#e65100;border:2px solid #ff9800}.validation-message{background:#f5f5f5;padding:1rem;border-radius:8px;border-left:4px solid #ED1C24;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.validation-details{background:#fafafa;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#666}.detail-value{color:#333;font-family:Courier New,monospace}.validation-errors{margin-bottom:1.5rem}.validation-errors h4{color:#c62828;margin-bottom:1rem;font-size:1.1rem}.error-list{max-height:300px;overflow-y:auto}.error-item{background:#ffebee;border:1px solid #ef5350;border-left:4px solid #f44336;padding:1rem;border-radius:6px;margin-bottom:.75rem}.error-item.warning{background:#fff3e0;border-color:#ffa726;border-left-color:#ff9800}.error-type{font-weight:700;color:#c62828;font-size:.85rem;margin-bottom:.5rem}.error-message{color:#333;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.error-line{margin-top:.5rem;font-size:.85rem;color:#666;font-style:italic}.validation-output{margin-bottom:1.5rem}.validation-output h4{color:#2e7d32;margin-bottom:1rem;font-size:1.1rem}.output-text{background:#263238;color:#aed581;padding:1rem;border-radius:6px;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto;max-height:200px;overflow-y:auto}.setup-instructions{background:#e3f2fd;padding:1.5rem;border-radius:8px;border:2px solid #2196f3}.setup-instructions h4{color:#1565c0;margin-bottom:.75rem}.setup-instructions p{margin-bottom:1rem;line-height:1.6}.instruction-steps{background:#fff;padding:1rem;border-radius:6px;margin-top:1rem}.instruction-steps h5{color:#1565c0;margin-bottom:.75rem;font-size:.95rem}.instruction-steps ol{margin:0;padding-left:1.5rem}.instruction-steps li{margin-bottom:.25rem;line-height:1.6}.instruction-steps code{background:#263238;color:#aed581;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem}.instruction-steps a{color:#2196f3;text-decoration:none;font-weight:600}.instruction-steps a:hover{text-decoration:underline}.validation-footer{padding:1rem 1.5rem;border-top:2px solid #e0e0e0;display:flex;justify-content:flex-end;gap:1rem}.validation-footer .btn{padding:.75rem 2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.validation-footer .btn-primary{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;border:none}.validation-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ed1c2466}@media (max-width: 768px){.validation-modal{width:95%;max-height:90vh}.validation-header h3{font-size:1.1rem}.validation-body{padding:1rem}}.save-load-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 4px var(--shadow)}.save-status{display:flex;align-items:center;gap:1rem}.save-indicator{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--success);font-weight:500}.pulse-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.last-save-time{font-size:.85rem;color:var(--dark);opacity:.7}.save-actions{position:relative}.btn-save-menu{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-save-menu:hover{background:var(--primary-dark);transform:translateY(-1px)}.save-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:300px;z-index:1000;animation:slideDown .2s ease-out}.save-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.save-menu-header h4{margin:0;color:var(--dark);font-size:1.1rem}.close-menu{background:none;border:none;font-size:1.5rem;color:var(--dark);opacity:.5;cursor:pointer;transition:opacity .2s;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-menu:hover{opacity:1}.save-menu-content{padding:1rem}.storage-info{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--light);border-radius:6px;margin-bottom:1rem;font-size:.9rem}.storage-label{color:var(--dark);opacity:.7}.storage-value{font-weight:600;color:var(--primary)}.menu-actions{display:flex;flex-direction:column;gap:.5rem}.menu-action-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--light);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem;color:var(--dark);font-weight:500;width:100%;text-align:left}.menu-action-btn:hover{background:#fff;border-color:var(--primary);transform:translate(2px)}.menu-action-btn.danger{color:var(--danger)}.menu-action-btn.danger:hover{border-color:var(--danger);background:#ef44440d}.action-icon{font-size:1.2rem}.no-data-message{text-align:center;padding:1rem;color:var(--dark);opacity:.6}.no-data-message p{margin-bottom:1rem}.save-menu-footer{padding:.75rem 1rem;border-top:1px solid var(--border);margin-top:1rem;text-align:center}.save-menu-footer small{color:var(--dark);opacity:.6;font-size:.8rem}@media (max-width: 768px){.save-load-bar{flex-direction:column;align-items:stretch;gap:.75rem}.save-status{flex-direction:column;align-items:flex-start;gap:.25rem}.btn-save-menu{width:100%}.save-menu-dropdown{left:0;right:0;min-width:auto}}/**
 * MultiReportComparison Component Styles
 * 
 * @author Mukesh Kesharwani <mukesh.kesharwani@adobe.com>
 * @copyright Copyright (c) 2025 Mukesh Kesharwani
 * @license MIT
 */.multi-report-comparison{min-height:100vh;background:linear-gradient(135deg,#ed1c24,#2c2c2c);padding:0 0 2rem;width:100%;max-width:100%;margin:0;overflow-x:hidden}.multi-report-comparison .app-header{margin:0;margin-bottom:2rem;width:100vw;max-width:100vw;border:none;border-radius:0;box-shadow:none}.multi-report-comparison>*:not(.app-header){padding-left:2rem;padding-right:2rem;max-width:1400px;margin-left:auto;margin-right:auto}.comparison-header{position:relative;margin-bottom:2rem;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px var(--shadow);text-align:center;display:flex;align-items:center;justify-content:space-between;gap:1rem}.comparison-header h2{margin:0;color:var(--dark);font-size:1.8rem;flex:1;text-align:center}.comparison-header .btn-secondary{flex-shrink:0;padding:1rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 4px var(--shadow);white-space:nowrap}.comparison-header .btn-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.comparison-back-btn{position:absolute;left:1.5rem;top:1.5rem}.comparison-title-section{width:100%;text-align:center}.comparison-title-section h2{margin:0;color:var(--dark);font-size:1.8rem}.comparison-title-section p{margin:.5rem 0 1rem;color:var(--dark);opacity:.8;font-size:.95rem}.step-title{margin:1.5rem 0 0;color:var(--primary);font-size:1.3rem;font-weight:600}.upload-section{margin-bottom:2rem!important;padding:1.5rem!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important;box-shadow:0 4px 6px var(--shadow)!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;width:100%!important;box-sizing:border-box!important;align-items:start!important;grid-auto-flow:column!important}.upload-card{background:#f8fafcf2;border-radius:8px;box-shadow:0 2px 4px var(--shadow);border:1px solid rgba(224,231,255,.3);overflow:hidden;width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:280px;max-width:none;transition:all .3s ease}.upload-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.upload-header{background:linear-gradient(135deg,#ed1c241a,#2c2c2c1a);padding:1rem 1.5rem;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(224,231,255,.3);min-height:60px;flex-shrink:0}.upload-header h4{margin:0;color:var(--dark);font-size:1rem;font-weight:600;line-height:1.3;text-align:center}.csp-type-selector{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ed1c240d;border-radius:6px;border:1px solid rgba(237,28,36,.15);width:100%;box-sizing:border-box}.csp-type-selector label{font-weight:600;color:var(--dark);font-size:.9rem;margin:0;white-space:nowrap;flex-shrink:0}.csp-type-select{flex:1;padding:.5rem 1rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:all .3s ease;min-width:0}.csp-type-select:hover{border-color:var(--primary)}.csp-type-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ed1c241a}.upload-body{padding:1.5rem;min-height:150px;display:flex;flex-direction:column;gap:1rem;flex:1}.upload-options{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1rem;min-height:80px}.no-url-message{text-align:center;padding:1rem;background:#ffc1071a;border-radius:8px;border:1px dashed rgba(255,193,7,.3);width:100%;box-sizing:border-box}.no-url-message p{margin:.5rem 0;color:var(--dark);font-size:.9rem}.no-url-message p:first-child{font-weight:600}.no-url-message strong{color:var(--primary)}.or-divider{color:#a0aec0;font-weight:500}.file-upload-btn,.upload-options .btn-primary{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;background:var(--primary);color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px var(--shadow);border:none;font-size:.95rem;min-height:42px;text-decoration:none;width:100%;box-sizing:border-box}.file-upload-btn:hover,.upload-options .btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.upload-options .btn-primary:disabled{opacity:.6;cursor:not-allowed}.file-upload-btn input[type=file]{display:none}.uploaded-info{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#c6f6d533;border:1px solid rgba(154,230,180,.5);border-radius:8px;min-height:80px}.success-icon{font-size:1.5rem;flex-shrink:0}.uploaded-info div{flex:1;min-height:45px;display:flex;flex-direction:column;justify-content:center}.uploaded-info strong{display:block;color:var(--dark);margin-bottom:.5rem;font-weight:600;font-size:.95rem}.uploaded-info small{display:block;color:var(--dark);opacity:.8;font-size:.85rem}.btn-danger{background:var(--danger);color:#fff;border:none;border-radius:6px;cursor:pointer;box-shadow:0 2px 4px var(--shadow)}.btn-danger:hover{background:#e53e3e;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.action-section{text-align:center;margin:2rem 0;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px var(--shadow)}.btn-large{padding:1rem 3rem;font-size:1.1rem;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.help-text{margin-top:1rem;color:var(--dark);opacity:.8;font-size:.9rem}.comparison-summary{margin-bottom:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px var(--shadow);padding:1.5rem;border:1px solid rgba(224,231,255,.3)}.comparison-summary h3{margin:0 0 1rem;color:var(--dark);font-size:1.3rem;font-weight:600}.report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.report-card{background:#f8fafcf2;border-radius:8px;box-shadow:0 2px 4px var(--shadow);border:1px solid rgba(224,231,255,.3);padding:1.5rem;display:flex;gap:1rem;align-items:center;transition:all .3s ease}.report-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.report-icon{font-size:2.5rem;flex-shrink:0}.report-info{flex:1}.report-info strong{display:block;color:#2d3748;font-size:1.1rem;margin-bottom:.5rem}.report-info small{display:block;color:#718096;font-size:.85rem;margin-top:.5rem}.catalog-differences{margin-bottom:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(224,231,255,.3);border-radius:12px;box-shadow:0 4px 6px var(--shadow);padding:1.5rem}.catalog-differences h3{margin-top:0;color:var(--dark);font-size:1.3rem;font-weight:600}.diff-box{display:flex;flex-direction:column;gap:1rem}.diff-item{display:flex;gap:1rem;padding:1rem;background:#f8fafcf2;border-radius:6px;border:1px solid rgba(224,231,255,.2)}.diff-label{font-weight:600;color:#2d3748;min-width:150px}.diff-value{color:#718096}.controls-comparison{margin-bottom:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px var(--shadow);padding:1.5rem;border:1px solid rgba(224,231,255,.3)}.controls-comparison h3{margin:0 0 1rem;color:var(--dark);font-size:1.3rem;font-weight:600}.comparison-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 4px var(--shadow);background:#fff;border:1px solid rgba(224,231,255,.2)}.comparison-table{width:100%;border-collapse:collapse;background:transparent}.comparison-table thead{background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff}.comparison-table th{padding:1rem;text-align:left;font-weight:600;border-right:1px solid #718096}.comparison-table th:last-child{border-right:none}.comparison-table td{padding:1rem;border-top:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.comparison-table td:last-child{border-right:none}.comparison-table tr.has-differences{background:#fff5f5}.comparison-table tr:hover{background:#f7fafc}.status-effective{background:#c6f6d5;padding:.5rem;border-radius:6px;font-weight:500;color:#22543d}.status-ineffective{background:#fed7d7;padding:.5rem;border-radius:6px;font-weight:500;color:#742a2a}.status-not-applicable{background:#e2e8f0;padding:.5rem;border-radius:6px;font-weight:500;color:#4a5568}.status-not-found{background:#fefcbf;padding:.5rem;border-radius:6px;font-weight:500;color:#744210}.badge{display:inline-block;padding:.5rem 1rem;border-radius:12px;font-size:.85rem;font-weight:500}.badge-success{background:#c6f6d5;color:#22543d}.badge-warning{background:#fbd38d;color:#7c2d12}.comparison-stats{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px var(--shadow);padding:1.5rem;border:1px solid rgba(224,231,255,.3)}.comparison-stats h3{margin:0 0 1rem;color:var(--dark);font-size:1.3rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#ed1c241a,#2c2c2c1a);border-radius:12px;box-shadow:0 2px 4px var(--shadow)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-label{color:var(--dark);opacity:.9;font-size:.95rem;font-weight:500}@media (max-width: 767px) and (min-width: 601px){.upload-section{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.upload-card:last-child{grid-column:span 2}}@media (max-width: 600px){.multi-report-comparison,.app-header-comparison{padding:1rem}.app-header-comparison h1{font-size:1.5rem}.app-header-comparison p{font-size:.85rem}.app-header-comparison .settings-btn{position:static;transform:none;width:100%;margin-bottom:1rem}.app-header-comparison .settings-btn:hover{transform:none}.comparison-header{padding:1.5rem 1rem;flex-direction:column;gap:1rem}.comparison-header h2{font-size:1.4rem}.comparison-header .btn-secondary{width:100%}.upload-section{padding:1rem}.comparison-back-btn{position:static;margin-bottom:1rem}.comparison-title-section h2{font-size:1.4rem}.step-title{font-size:1.1rem}.upload-section{grid-template-columns:1fr!important}.upload-options{flex-direction:column;align-items:stretch}.report-cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.comparison-table{font-size:.85rem}.comparison-table th,.comparison-table td{padding:.5rem}}/**
 * Integrity Warning Component Styles
 * 
 * @author Mukesh Kesharwani <mukesh.kesharwani@adobe.com>
 * @copyright Copyright (c) 2025 Mukesh Kesharwani
 * @license MIT
 */.integrity-warning{margin:1rem 0;border-radius:8px;padding:1rem;border:2px solid;box-shadow:0 2px 8px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.integrity-warning-warning{background-color:#fff3cd;border-color:#ffc107;color:#856404}.integrity-warning-info{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}.integrity-warning-content{display:flex;align-items:flex-start;gap:1rem}.integrity-warning-icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.integrity-warning-icon-warning:before{content:"⚠";display:block;font-size:1.5rem;line-height:1}.integrity-warning-icon-info:before{content:"ℹ";display:block;font-size:1.5rem;line-height:1}.integrity-warning-text{flex:1;min-width:0}.integrity-warning-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1rem}.integrity-fips-badge{display:inline-block;padding:.25rem .5rem;background-color:#0000001a;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.integrity-warning-details{margin-bottom:.5rem;line-height:1.5}.integrity-warning-meta{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1);opacity:.8}.integrity-warning-meta small{font-size:.875rem}.integrity-warning-dismiss{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0;opacity:.7}.integrity-warning-dismiss:hover{background-color:#0000001a;opacity:1}.integrity-warning-warning .integrity-warning-dismiss{color:#856404}.integrity-warning-info .integrity-warning-dismiss{color:#0c5460}@media (max-width: 768px){.integrity-warning{padding:.75rem}.integrity-warning-title{flex-direction:column;align-items:flex-start;gap:.5rem}.integrity-warning-content{gap:.75rem}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;text-align:center;box-shadow:0 2px 10px var(--shadow);position:relative}.app-header h1{color:var(--primary);margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.app-header p{color:var(--dark);opacity:.7;font-size:.95rem}.app-main{flex:1;max-width:1400px;width:100%;margin:1rem auto;padding:0 2rem}.app-footer{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;text-align:center;color:var(--dark);opacity:.7;margin-top:1rem;font-size:.85rem}.alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;background:#fff;box-shadow:0 2px 8px var(--shadow);font-size:.9rem}.alert-error{border-left:4px solid var(--danger);color:var(--danger)}.alert-info{border-left:4px solid var(--primary);color:var(--dark);flex-direction:column;align-items:flex-start;gap:1rem}.alert-thin{flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;gap:1.5rem}.alert-title{flex:1;text-align:center;display:flex;flex-direction:column;gap:.25rem}.page-title{font-size:1.1rem;font-weight:600;color:var(--dark)}.alert-subtitle{font-size:.85rem;color:#718096;opacity:.9}.alert-btn-left,.alert-btn-right{white-space:nowrap;flex-shrink:0}.alert-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.alert-icon{font-size:1.5rem}@media (max-width: 768px){.alert-thin{flex-direction:column;align-items:stretch;gap:1rem}.alert-btn-left,.alert-btn-right{width:100%;text-align:center}.alert-title{order:-1}}.alert-close{margin-left:auto;background:none;border:none;font-size:1.5rem;color:inherit;opacity:.5;transition:opacity .2s}.alert-close:hover{opacity:1}.steps-indicator{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px var(--shadow)}.step{display:flex;flex-direction:column;align-items:center;gap:.35rem;opacity:.5;transition:all .3s}.step.active{opacity:1}.step.completed .step-number{background:var(--success)}.step-number{width:36px;height:36px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff;transition:all .3s}.step.active .step-number{background:var(--primary);transform:scale(1.1)}.step-label{font-size:.8rem;font-weight:500;color:var(--dark)}.autosave-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;margin-bottom:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 2px 8px var(--shadow);flex-wrap:wrap}.autosave-status{display:flex;align-items:center;gap:.75rem}.autosave-icon{font-size:1.25rem;color:var(--success)}.autosave-text{font-size:.9rem;color:var(--dark)}.autosave-text strong{color:var(--success);margin-right:.5rem}.save-time{color:var(--muted);font-style:italic}.autosave-actions{display:flex;gap:.5rem}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px var(--shadow)}.controls-header h2{color:var(--dark);margin-bottom:.25rem;font-size:1.5rem}.text-muted{color:var(--dark);opacity:.6;font-size:.9rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ed1c2466}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}@media (max-width: 768px){.app-header h1{font-size:2rem}.steps-indicator{gap:1rem;padding:1rem}.step-label{font-size:.8rem}.controls-header{flex-direction:column;gap:1rem;text-align:center}.header-content{text-align:center}.settings-btn{position:static;transform:none;width:100%;margin-bottom:1rem}.settings-btn:hover{transform:scale(1.05)}.app-header{padding:1rem}}.header-content{text-align:center;width:100%}.settings-btn{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;z-index:10}.settings-btn:hover{background:linear-gradient(135deg,#2c2c2c,#ed1c24);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #ed1c2466}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#e2e8f0;transform:rotate(90deg)}.settings-modal{padding:0}.user-management-modal{padding:0;max-width:1090px;width:100%;max-height:calc(90vh - 190px)}.user-management-overlay{padding:95px!important}.app-header-user-menu{position:fixed;top:1rem;left:2rem;z-index:1000}.user-menu{position:relative}.user-menu-btn{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(237,28,36,.2);padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:.5rem}.user-menu-btn:hover{background:#fff;border-color:#ed1c2466;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:280px;background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;padding:1rem;display:flex;flex-direction:column;gap:.5rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:.75rem;background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.user-info strong{color:#333;font-size:1rem}.user-info small{color:#666;font-size:.85rem}.user-info .user-role{display:inline-block;background:linear-gradient(135deg,#ed1c24,#2c2c2c);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;margin-top:.5rem;align-self:flex-start}.user-menu-dropdown button{background:transparent;border:none;padding:.75rem;text-align:left;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:#333;font-weight:500}.user-menu-dropdown button:hover{background:#f0f0f0}.user-menu-dropdown .logout-btn{color:#dc3545;border-top:1px solid #e0e0e0;margin-top:.5rem;padding-top:1rem}.user-menu-dropdown .logout-btn:hover{background:#ffe5e5}@media (max-width: 768px){.app-header-user-menu{top:.5rem;left:1rem}.user-menu-btn{padding:.5rem .875rem;font-size:.85rem}.user-menu-dropdown{min-width:250px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#ed1c24,#2c2c2c);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary: #ED1C24;--primary-dark: #CC0000;--secondary: #2C2C2C;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--light: #f3f4f6;--dark: #1f2937;--border: #e5e7eb;--shadow: rgba(0, 0, 0, .1)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}