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