:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--border-color:#dee2e6;--border-light:#e9ecef;--accent-color:#0077b6;--accent-hover:#005a8b;--success-color:#28a745;--warning-color:#ffc107;--error-color:#dc3545;--shadow-light:rgba(0,0,0,.1);--shadow-medium:rgba(0,0,0,.15)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#cbd5e1;--border-color:#475569;--border-light:#64748b;--accent-color:#60a5fa;--accent-hover:#3b82f6;--success-color:#34d399;--warning-color:#fbbf24;--error-color:#f87171;--shadow-light:rgba(15,23,42,.3);--shadow-medium:rgba(15,23,42,.5)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{background-color:#fff;border:1px solid transparent;border-radius:6px;color:#333;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5;outline:none;transition:all .2s ease}input::-moz-placeholder{color:#6c757d;opacity:1}input::placeholder{color:#6c757d;opacity:1}input:disabled{background-color:var(--bg-tertiary);color:#6c757d;cursor:not-allowed;opacity:.6}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.0075em;line-height:1.6;transition:background-color .3s ease,color .3s ease}.App{flex-direction:column;min-height:100vh}.App,header{display:flex}header{align-items:center;background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);box-shadow:0 2px 10px var(--shadow-medium);color:#fff;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.header h1{cursor:pointer;flex-grow:1;font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6}.header-icons{align-items:center;display:flex;gap:1rem}.header-icon{color:#fff;cursor:pointer;height:24px;transition:all .2s ease;width:24px}.header-icon:hover{color:#fffc;transform:scale(1.05)}.theme-toggle{align-items:center;background:none;border:none;display:flex;justify-content:center;padding:0}.theme-toggle:hover{color:#ffffffe6}.main-content{background-color:var(--bg-primary);flex:1;margin:32px auto 0;min-height:0;overflow:visible;padding:24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.services-container{margin:0 auto;max-width:1200px}.services-header{margin-bottom:2rem;text-align:center}.services-header h2{color:var(--accent-color);font-size:1.75rem;margin-bottom:.5rem}.services-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.search-container{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;position:relative}.search-input{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0077b61a;outline:none}.search-icon{color:var(--text-secondary);height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.selected-summary{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.selected-count{color:var(--accent-color);font-size:1rem;font-weight:600}.clear-selection{background:none;border:1px solid var(--error-color);border-radius:6px;color:var(--error-color);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.clear-selection:hover{background-color:var(--error-color);color:#fff}.categories-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.service-category{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.service-category:hover{box-shadow:0 4px 12px var(--shadow-light);transform:translate3d(0,-2px,0)}.category-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .2s ease}.category-header:hover{background-color:var(--bg-tertiary)}.category-header>:nth-child(2){margin-left:auto}.category-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.category-count{background-color:var(--accent-color);border-radius:20px;color:#fff;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.expand-icon{color:var(--text-secondary);height:20px;transition:transform .3s ease;width:20px}.expand-icon.expanded{transform:rotate(180deg)}.services-list{background-color:var(--bg-primary);padding:1rem 1.5rem}.service-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;margin-left:-.5rem;padding:.75rem 0 .75rem .5rem;transition:background-color .2s ease}.service-item:hover{background-color:var(--bg-secondary)}.service-item input[type=checkbox]{accent-color:var(--accent-color);color:var(--accent-color);cursor:pointer;height:18px;margin-right:.75rem;width:18px}.service-name{cursor:pointer;font-size:1rem}.next-button-container{border-top:1px solid var(--border-light);margin-top:2rem;padding:2rem 0;text-align:center}.next-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:150px;padding:1rem 2.5rem;transition:all .3s ease}.next-button,.next-button.enabled{background-color:var(--accent-color)}.next-button.enabled{box-shadow:0 4px 12px var(--shadow-light)}.next-button.enabled:hover{background-color:var(--accent-hover);box-shadow:0 6px 20px var(--shadow-medium);transform:translate3d(0,-2px,0)}.next-button.disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.6}.next-button.disabled:hover{box-shadow:none;transform:none}.questions-container{background-color:var(--bg-primary);border-radius:8px;box-shadow:0 4px 12px var(--shadow-medium);color:var(--text-primary);margin:0 auto;max-width:1200px;overflow:visible;padding:24px;transition:box-shadow .3s cubic-bezier(.4,0,.2,.2,1)}.questions-header{margin-bottom:2rem}.questions-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;-webkit-box-pack:justify;-webkit-box-align:center}.questions-title h2{color:var(--accent-color);font-size:1.75rem;margin:0}.export-pdf-button{align-items:center;background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.export-pdf-button:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px var(--shadow-light);transform:translate3d(0,-1px,0)}.pdf-icon{height:18px;width:18px}.filters-section{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:1.5rem}.filters-section h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.filters-header h3{color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin:0}.clear-filters-button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.clear-filters-button:hover{background-color:#5a6268;box-shadow:0 2px 4px #0000001a;transform:translate3d(0,-1px,0)}.filter-summary{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;margin-top:1rem;padding:1rem}.filter-summary-label{color:#1976d2;font-size:.875rem;font-weight:600;margin-right:1rem}.filter-tag{align-items:center;background-color:#1976d2;border-radius:16px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .75rem}.filter-tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:16px;justify-content:center;padding:0;transition:background-color .2s ease;width:16px}.filter-tag-remove:hover{background-color:#fff3}.filters-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.filter-select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;font-size:.875rem;padding:.5rem}.filter-select:focus{border-color:#0077b6;box-shadow:0 0 0 3px #0077b61a;outline:none}.service-groups{display:flex;flex-direction:column;gap:1.5rem}.service-group{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-group:hover{box-shadow:0 4px 12px #0000001a}.service-group-header{align-items:center;background-color:var(--bg-tertiary);border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;min-height:80px;padding:1.5rem;transition:all .2s ease}.service-group-header:hover{background-color:var(--border-color)}.service-info{align-items:center;display:flex;flex:1;gap:1rem}.service-icon{height:48px;width:48px}.service-icon,.service-icon-placeholder{align-items:center;display:flex;justify-content:center}.service-icon-placeholder{background:#e91e63;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:18px;font-weight:700;height:40px;transition:all .2s ease;width:40px}.service-group-header:hover .service-icon-placeholder{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.service-details{display:flex;flex:1;flex-direction:column;gap:.25rem}.service-name{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0;transition:color .2s ease}.service-group-header:hover .service-name{color:var(--accent-color)}.service-category,.service-category-detail{color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.2;transition:color .2s ease}.service-group-header:hover .service-category{color:var(--accent-color)}.service-actions{align-items:center;display:flex;gap:.5rem}.action-button{border-radius:6px;color:#6c757d;min-height:36px;min-width:36px}.action-button:hover{box-shadow:0 2px 4px #0000001a;transform:translate3d(0,-1px,0)}.action-button svg{transition:color .2s ease}.expand-button{align-items:center;background:none;border:1px solid #ced4da;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:all .2s ease}.expand-button:hover{background-color:var(--bg-secundary);border-color:#0077b6;box-shadow:0 2px 4px #0000001a;transform:translate3d(0,-1px,0)}.expand-button.expanded svg{transform:rotate(180deg)}.expand-button svg{color:#6c757d;height:16px;transition:transform .3s ease;width:16px}.status-summary{background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;min-height:120px;padding:1.5rem;transition:all .2s ease}.status-summary:hover{background-color:var(--bg-secundary)}.progress-bar{background-color:var(--bg-tertiary);border-radius:4px;box-shadow:inset 0 1px 2px #0000001a;height:8px;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.status-summary:hover .progress-bar{box-shadow:inset 0 1px 2px #0003}.progress-fill{background-color:#28a745;border-radius:4px;box-shadow:0 1px 2px #0000001a;height:100%;min-width:0;transition:width .3s ease}.status-summary:hover .progress-fill{box-shadow:0 2px 4px #0003}.status-item{align-items:center;color:#0009;display:flex;flex:1;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;gap:.25rem;letter-spacing:.03333em;line-height:1.66;margin:0;text-align:center;transition:all .2s ease}.status-item:hover{transform:translate3d(0,-2px,0)}.status-items-container{align-items:flex-end;display:flex;justify-content:space-between;width:100%}.status-count{color:#495057;font-size:1.5rem;font-weight:700;line-height:1;transition:color .2s ease}.status-item:hover .status-count{color:#0077b6}.status-label{color:#6c757d;font-size:.75rem;font-weight:500;letter-spacing:.2px;line-height:1.2;text-transform:none;transition:color .2s ease}.status-item:hover .status-label{color:#0077b6}.oracle-docs-link{background-color:var(--bg-secundary);border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem}.docs-link{align-items:center;color:#0077b6;display:flex;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s ease}.docs-link:hover{color:#005a8b;text-decoration:underline}.docs-icon{height:18px;width:18px}.questions-list{background-color:#fff;border-top:0 solid #e0e0e0;max-height:0;opacity:0;overflow:hidden;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.questions-list.expanded{border-top:1px solid #e0e0e0;max-height:2000px;opacity:1;padding:1.5rem}.add-question-section{background-color:var(--bg-secundary);border:1px solid var(--bg-tertiary);border-radius:8px;margin-bottom:2rem;padding:1rem}.add-question-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.custom-question-input{border:1px solid #ced4da;border-radius:6px;flex:1;font-size:.875rem;min-width:300px;padding:.75rem}.custom-question-input:focus{border-color:#0077b6;box-shadow:0 0 0 3px #0077b61a;outline:none}.labels-select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;font-size:.875rem;min-width:150px;padding:.75rem}.add-question-button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.add-question-button:hover{background-color:#5a6268;transform:translate3d(0,-1px,0)}.question-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem 0}.question-item:last-child{border-bottom:none}.question-content{align-items:center;display:flex;flex:1;gap:1rem}.question-checkbox{accent-color:#0077b6;height:18px;width:18px}.question-text{color:var(--text-primary);font-size:1rem;font-weight:500}.question-labels{margin:0 1rem;overflow:visible!important;position:relative!important}.question-label{background-color:var(--bg-tertiary);border-radius:20px;color:#495057;display:flex}.remove-label{color:#6c757d;font-size:1rem}.remove-label:hover{background-color:#dc3545;color:#fff}.add-label-button{border:1px dashed #ced4da;border-radius:20px;color:#6c757d}.add-label-button:hover{background-color:#0077b60d;border-color:#0077b6;color:#0077b6}.question-status{min-width:80px;position:relative}.status-indicator{position:relative}.status-badge,.status-indicator{align-items:center;display:flex;justify-content:center}.status-badge{border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:32px;line-height:1;text-align:center;transition:all .2s ease;width:32px}.status-badge:hover{transform:scale(1.1)}.status-badge.reviewed{background-color:var(--success-color)}.status-badge.not_applicable{background-color:#6c757d}.status-badge.needs_investigation{background-color:#ffc107;color:#212529}.status-badge.remaining{background-color:#0077b6}.question-text-container{align-items:center;display:flex;gap:.75rem}.question-labels{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.question-label{background-color:#e3f2fd;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.question-label,.remove-label{align-items:center;color:#1976d2}.remove-label{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;height:16px;justify-content:center;padding:0;transition:background-color .2s ease;width:16px}.remove-label:hover{background-color:#1976d21a}.add-label-button{background:none;border:1px dashed #1976d2;border-radius:16px;color:#1976d2;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.add-label-button:hover{background-color:#1976d2;border-color:#1976d2;color:#fff}.add-custom-label-button{background:none;border:1px dashed #ff9800;border-radius:16px;color:#ff9800;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.add-custom-label-button:hover{background-color:#ff9800;border-color:#ff9800;color:#fff}.custom-label-input{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:.5rem;padding:.5rem}.custom-label-input input{border:none;flex:1;font-size:.875rem;min-width:120px;outline:none}.save-label-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:background-color .2s ease}.save-label-button:hover{background:#218838}.cancel-label-button{align-items:center;background:#6c757d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.cancel-label-button:hover{background:#5a6268}.question-actions{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.action-button{align-items:center;background:none;border:1px solid #ced4da;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease;width:32px}.action-button:hover{background-color:var(--bg-secundary);border-color:#0077b6}.action-button svg{color:#6c757d;height:16px;width:16px}.action-button:hover svg{color:#0077b6}.edit-button:hover{border-color:#28a745}.edit-button:hover svg{color:#28a745}.delete-button:hover{border-color:#dc3545}.delete-button:hover svg{color:#dc3545}.labels-section{margin-top:1rem}.labels-section label{color:#495057;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.labels-section .custom-label-input{margin-top:8px}.labels-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.modal-label{align-items:center;background-color:#e3f2fd;border-radius:16px;color:#1976d2;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.status-dropdown{backdrop-filter:none!important;background:#fff;background-color:#fff!important;border:1px solid #ced4da;border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;margin-top:.5rem;min-width:180px;overflow:hidden;pointer-events:auto;position:absolute;top:100%;transform:translate(-50%);z-index:99999}.service-group .add-label-dropdown,.service-group .status-dropdown{position:absolute!important;z-index:99999!important}.add-label-dropdown,.status-dropdown{overflow:visible!important;pointer-events:auto!important;z-index:99999!important}.question-item,.question-status,.status-indicator{overflow:visible!important;position:relative!important}.questions-container,.questions-list,.service-group{overflow:visible!important}.labels-section,.question-item,.service-group{overflow:visible!important;position:relative!important}.add-label-dropdown,.status-dropdown{box-shadow:0 4px 12px #00000026!important;position:absolute!important;z-index:999999!important}.question-labels .add-label-dropdown,.service-group .add-label-dropdown{z-index:99999999!important}.questions-list .add-label-dropdown,.questions-list .status-dropdown,.service-group .add-label-dropdown,.service-group .status-dropdown{z-index:999999!important}.modal .add-label-dropdown,.modal .status-dropdown{overflow:visible!important;position:absolute!important;z-index:99999999!important}.modal-content{position:relative!important}.edit-question-modal .modal,.modal-content{overflow:visible!important}.edit-question-modal .modal-content{overflow:visible!important;position:relative!important}.edit-question-modal .add-label-dropdown,.question-labels .add-label-dropdown{background:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;box-shadow:0 4px 12px #00000026!important;left:0!important;max-height:200px!important;overflow-y:auto!important;position:absolute!important;right:0!important;top:100%!important;z-index:99999999!important}.question-labels .add-label-dropdown{min-width:200px!important}.edit-question-modal .labels-section{overflow:visible!important;position:relative!important}.add-label-dropdown,.status-dropdown{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;opacity:1!important}.status-option{align-items:center;background-color:var(--bg-primary)!important;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.status-option:last-child{border-bottom:none}.status-option:hover{background-color:var(--bg-secondary)}.status-icon{font-size:1rem;font-weight:600;text-align:center;width:20px}.status-option:first-child .status-icon{color:var(--success-color)}.status-option:nth-child(2) .status-icon{color:var(--text-secondary)}.status-option:nth-child(3) .status-icon{color:var(--warning-color)}.status-option:last-child .status-icon{color:var(--accent-color)}.add-label-dropdown{backdrop-filter:none!important;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-medium);left:0;margin-top:.5rem;min-width:150px;overflow:hidden;pointer-events:auto;position:absolute;top:100%;z-index:999999!important}.add-label-dropdown,.label-option{background-color:var(--bg-primary)!important}.label-option{border-bottom:1px solid var(--border-light);cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:background-color .2s ease}.label-option:last-child{border-bottom:none}.label-option:hover{background-color:var(--bg-secondary)}.nav-tabs{display:flex;margin-bottom:2rem}.app-actions{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem auto}.create-app-button{align-items:center;background-color:#0077b6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem}.create-app-button:hover{background-color:var(--accent-hover)}.export-app-button{align-items:center;background-color:var(--success-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.export-app-button:hover{background-color:#059669}.export-app-button:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.6}.export-icon,.plus-icon{height:16px;width:16px}.footer{background-color:var(--bg-primary);border-top:1px solid var(--border-light);flex-shrink:0;margin-top:auto;padding:16px 0;text-align:center;width:100%}.footer,.footer a{color:var(--text-secondary)}.footer a{font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-contact{color:var(--text-secondary);margin-top:.5rem}.heart-icon{color:var(--error-color);margin:0 .25rem}.envelope-icon{height:16px;margin-left:.25rem;vertical-align:middle;width:16px}.landing-page{min-height:100vh}.hero{align-items:center;background:transparent;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:4rem 2rem;position:relative;text-align:center}.hero:before{background:radial-gradient(circle,rgba(25,118,210,.2) 0,transparent 70%);content:"";inset:-50% -25%;position:absolute;transform:rotate(-12deg);z-index:-1}.hero-content{max-width:800px}.shield-icon{display:flex;justify-content:center;margin-bottom:2rem}.shield-icon svg{height:80px;width:80px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-align:center}.title-oci{color:var(--accent-color)}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;text-align:center}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary{background:var(--accent-color);border-radius:50px;box-shadow:0 4px 6px var(--shadow-light);color:#fff;display:inline-block;font-size:1.125rem;font-weight:500;letter-spacing:.5px;padding:1rem 2.5rem;text-decoration:none;text-transform:uppercase;transform:translateZ(0);transition:all .3s;will-change:transform,box-shadow}.btn-primary:hover{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f;transform:translate3d(0,-2px,0) scale(1.05)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.features{background-color:transparent;padding:4rem 0}.features-grid{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.feature-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:.75rem;padding:2rem;text-align:center;transform:translateZ(0);transition:all .3s;will-change:transform,box-shadow}.feature-card:hover{box-shadow:0 8px 25px var(--shadow-medium);transform:translate3d(0,-8px,0)}.feature-icon{align-items:center;color:var(--accent-color);display:flex;font-size:2rem;height:35px;justify-content:center;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;width:35px}.feature-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.header-title-link,.header-title-link:hover{color:#fff;text-decoration:none}.modal-overlay{align-items:center;background-color:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.modal{background:#fff;border-radius:4px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;color:#000000de;display:flex;flex-direction:column;margin:32px;max-height:calc(100% - 64px);max-width:600px;overflow:visible;position:relative;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 64px)}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:1.25rem;font-weight:500;letter-spacing:.0076em;line-height:1.6;margin:0;padding:16px 24px}.modal-content{padding:16px}.input-container{align-items:center;box-sizing:border-box;color:#000000de;cursor:text;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.4375em;margin-bottom:16px;margin-top:16px;padding-top:16px;position:relative;width:100%}.input-container:before{border-bottom:1px solid rgba(0,0,0,.42);content:" ";transition:border-bottom-color .2s cubic-bezier(.4,0,.2,1)}.input-container:after,.input-container:before{bottom:0;left:0;pointer-events:none;position:absolute;right:0}.input-container:after{border-bottom:2px solid #0077b6;content:"";transform:scaleX(0);transition:transform .2s cubic-bezier(0,0,.2,1)}.floating-label{background:#fff;color:#666;font-size:1rem;font-weight:400;pointer-events:none;position:absolute;top:70%;transform:translateY(-50%);transition:all .2s ease}.modal-input.has-value+.floating-label,.modal-input:focus+.floating-label{color:#0077b6;font-size:.8rem;font-weight:500;top:0;transform:translateY(-50%)}.modal-input{animation-duration:10ms;animation-name:mui-auto-fill-cancel;background:none;border:0 initial;border-color:initial;-o-border-image:initial;border-image:initial;box-sizing:content-box;color:currentColor;display:block;font:inherit;height:1.4375em;letter-spacing:inherit;margin:0;padding:4px 0 5px;width:100%}.modal-input:focus{outline:none}.modal-note{color:#666;font-size:.85rem;font-style:italic;margin:0}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.modal-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-button-cancel{background:#fff;border:1px solid #0077b6;color:#0077b6}.modal-button-cancel:hover{background:var(--bg-secundary)}.modal-button-create{background:#0077b6;color:#fff}.modal-button-create:hover:not(:disabled){background:#005a8b}.modal-button-create:disabled{background:#ccc;cursor:not-allowed}.apps-container{display:flex;gap:1rem;max-width:100%;overflow-x:auto;padding:1rem 0}.app-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-light);cursor:pointer;flex-shrink:0;min-height:150px;min-width:250px;padding:1rem;position:relative;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.app-card:hover{border-color:var(--accent-color);box-shadow:0 4px 8px var(--shadow-medium);transform:translate3d(0,-2px,0)}.app-card.selected{background-color:var(--bg-secondary);border-color:var(--accent-color);border-width:2px;box-shadow:0 4px 12px var(--shadow-medium)}.app-card.selected:before{background-color:var(--accent-color);border-radius:8px 8px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.app-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.app-date{margin:0}.app-date,.app-stats{color:var(--text-secondary);font-size:.9rem}.app-stats{margin:.5rem 0 0}.delete-app-button{align-items:center;background-color:transparent;border:none;border-radius:4px;bottom:.75rem;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.75rem;transition:all .2s ease;fill:currentColor}.delete-app-button:hover{background-color:var(--bg-secondary);transform:scale(1.15)}.delete-app-button svg{height:20px;width:20px}.no-apps-message{color:var(--text-secondary);font-size:1.1rem;margin-top:4rem;text-align:center}.toast{align-items:center;animation:slideInLeft .3s ease-out;background-color:#303131;border-radius:4px;bottom:24px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;color:#fff;display:flex;flex-grow:1;flex-wrap:wrap;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;left:24px;letter-spacing:.01071em;line-height:1.43;padding:6px 16px;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001}.toast.success{background-color:#4caf50}.toast.error{background-color:#f44336}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.nav-tab{background:none;border:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-stretch:100%;font-weight:500;line-height:1.25;max-width:360px;min-height:48px;min-width:90px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none}.nav-tab,.nav-tab.active{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab.active{border-bottom-color:var(--accent-color);color:var(--accent-color)}.nav-tab:active{background-color:#0077b61f;transform:translateY(1px);transition:all .1s ease}.nav-tab:active:before{animation:slideRight .1s ease-out forwards;background:linear-gradient(90deg,#0077b61a,#0077b633 50%,#0077b61a);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-100%);width:100%}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.nav-tab.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.nav-tab.disabled:hover{background-color:transparent;border-bottom-color:transparent;transform:none}@media (min-width:1200px){.main-content{margin:0 auto;max-width:1200px}}@media (max-width:1200px){.container,.questions-container,.services-container{margin:0 auto;max-width:95%;padding:0 1rem 1rem}.features-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr);max-width:90%}.service-groups{gap:1rem}.service-group-header{min-height:70px;padding:1rem}.filters-row{flex-direction:column;gap:1rem}.filter-group{min-width:100%}.nav-tabs{flex-wrap:wrap;gap:.5rem}.nav-tab{min-width:80px;padding:10px 12px}}@media (max-width:768px){.container,.questions-container,.services-container{margin:0;max-width:100%;padding:0 .5rem}.features-grid{gap:1rem;grid-template-columns:1fr;max-width:100%}.service-group-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.service-actions{align-self:flex-end}.filters-section{padding:1rem}.filter-summary{flex-direction:column;gap:.5rem}.filter-tag{margin-bottom:.25rem}.header{padding:1rem}.nav-tabs{justify-content:center}.nav-tab{font-size:.8rem;min-width:70px;padding:8px 10px}}@media (max-width:480px){.questions-container,.services-container{padding:0 .25rem}.filters-section,.service-group-header{padding:.75rem}.questions-title{align-items:flex-start;flex-direction:column;gap:1rem}.export-pdf-button{justify-content:center;width:100%}}.secure-input-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.secure-input-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.secure-input-label .required{color:#dc2626;font-weight:600}.secure-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.secure-input:focus{border-color:#0077b6;box-shadow:0 0 0 3px #0077b61a}.secure-input:hover:not(:focus){border-color:#9ca3af}.secure-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.secure-input.warning{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.secure-input:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.input-warning{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:4px;color:#92400e}.input-error,.input-warning{align-items:center;animation:slideIn .3s ease-out;display:flex;font-size:.75rem;gap:.5rem;padding:.5rem .75rem}.input-error{background-color:#fef2f2;border:1px solid #dc2626;border-radius:4px;color:#991b1b}.security-alert{align-items:flex-start;animation:slideIn .3s ease-out;background-color:#fef2f2;border:1px solid #dc2626;border-radius:6px;display:flex;gap:.75rem;margin:1rem 0;padding:1rem}.security-alert.warning{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.security-alert.info{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.security-alert.success{background-color:#f0fdf4;border-color:#16a34a;color:#15803d}.security-alert-icon{flex-shrink:0;height:20px;margin-top:.125rem;width:20px}.security-alert-content{flex:1}.security-alert-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.security-alert-message{font-size:.75rem;line-height:1.4}.security-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.security-status.secure{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.security-status.warning{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.security-status.danger{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.security-status.info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.validation-message{align-items:center;animation:fadeIn .2s ease-out;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}.validation-message.success{color:#15803d}.validation-message.error{color:#dc2626}.validation-message.warning{color:#f59e0b}.security-form{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.security-form-header{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.security-form-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.security-form-subtitle{color:#6b7280;font-size:.875rem;line-height:1.4}.security-form-section{margin-bottom:1.5rem}.security-form-section-title{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.security-badge{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.security-badge.secure{background-color:#f0fdf4;border-color:#bbf7d0;color:#15803d}.security-badge.warning{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.security-badge.danger{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.security-progress{background-color:#e5e7eb;border-radius:4px;height:8px;margin:.5rem 0;overflow:hidden;width:100%}.security-progress-bar{background:linear-gradient(90deg,#dc2626,#f59e0b 50%,#16a34a);border-radius:4px;height:100%;transition:width .3s ease}.security-progress-secure{background:linear-gradient(90deg,#16a34a,#22c55e)}.security-progress-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.security-progress-danger{background:linear-gradient(90deg,#dc2626,#ef4444)}.security-tooltip{display:inline-block;position:relative}.security-tooltip .tooltip-text{background-color:#1f2937;border-radius:6px;bottom:125%;color:#fff;font-size:.75rem;left:50%;line-height:1.4;margin-left:-100px;opacity:0;padding:.5rem;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:999999}.security-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.security-tooltip .tooltip-text:after{border:5px solid transparent;border-top-color:#1f2937;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.security-modal{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.security-modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem 1.5rem 1rem}.security-modal-title{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem}.security-modal-content{padding:1.5rem}.security-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.btn-security{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-security.primary{background-color:#0077b6;color:#fff}.btn-security.primary:hover{background-color:#005a8b}.btn-security.secondary{background-color:#6b7280;color:#fff}.btn-security.secondary:hover{background-color:#4b5563}.btn-security.success{background-color:#16a34a;color:#fff}.btn-security.success:hover{background-color:#15803d}.btn-security.warning{background-color:#f59e0b;color:#fff}.btn-security.warning:hover{background-color:#d97706}.btn-security.danger{background-color:#dc2626;color:#fff}.btn-security.danger:hover{background-color:#b91c1c}.btn-security:disabled{cursor:not-allowed;opacity:.6}.security-icon{flex-shrink:0;height:16px;width:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.language-selector{display:inline-block;position:relative}.language-selector-button{align-items:center;background-color:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:space-between;min-width:80px;padding:.5rem .75rem;transition:all .2s ease}.language-selector-button:hover{background-color:#fff3;border-color:#ffffff4d}.language-flag{font-size:1.25rem;line-height:1}.language-code{font-size:.75rem;font-weight:600;letter-spacing:.5px}.language-arrow{height:16px;transition:transform .2s ease;width:16px}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:999999}.language-options{max-height:300px;overflow-y:auto}.language-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.language-option:hover{background-color:#f3f4f6}.language-option.selected{background-color:#eff6ff;color:#1e40af}.language-option .language-flag{flex-shrink:0;font-size:1.5rem}.language-native-name{color:#374151;flex-grow:1;font-weight:500}.language-check{color:#1e40af;flex-shrink:0;height:20px;width:20px}.language-overlay{inset:0;position:fixed;z-index:999998}[dir=rtl] .language-dropdown{left:0;right:auto}[dir=rtl] .language-selector-button{flex-direction:row-reverse}[dir=rtl] .language-option{flex-direction:row-reverse;text-align:right}@media (max-width:768px){.security-form{padding:1rem}.security-modal{margin:1rem;width:95%}.security-modal-actions,.security-modal-content,.security-modal-header{padding:1rem}.security-tooltip .tooltip-text{margin-left:-75px;width:150px}.language-dropdown{min-width:250px;right:-1rem}[dir=rtl] .language-dropdown{left:-1rem;right:auto}}@media (max-width:480px){.security-form,.security-modal-actions,.security-modal-content,.security-modal-header{padding:.75rem}.btn-security{font-size:.8rem;padding:.5rem .75rem}}