@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";#root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100%;width:100%;color-scheme:light dark;color:#140a0ade;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;padding:6rem 0}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:380px;margin:0 auto;transition:all .3s ease}.login-toggle{display:flex;justify-content:space-between;margin-bottom:1.5rem;background:#f8fafc;border-radius:8px;padding:4px;box-shadow:0 2px 8px #0000001a;width:100%}.toggle-btn{padding:12px 0;border:none;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;transition:background .2s ease,color .2s ease;flex:1;font-size:1.1rem;font-weight:600}.toggle-btn.user-login.active,.toggle-btn.admin-login.active{background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.auth-form input{padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .3s ease;background:#f9f9f9;color:#232f3e}.auth-form button{padding:12px 0;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.auth-form button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.admin-form{border-left:4px solid #ef4444}.admin-form h2{color:#dc2626}.admin-form button{background:linear-gradient(to right,#ef4444,#dc2626)}.admin-form button:hover{background:linear-gradient(to right,#dc2626,#b91c1c)}@media(max-width:768px){.auth-form{width:90%;padding:30px 25px}.form-container{max-width:90%}.login-toggle{max-width:280px}.toggle-btn{padding:10px 0;font-size:1rem}.auth-form h2{font-size:1.5rem}.auth-form input{padding:10px 12px}.auth-form button{padding:10px 0;font-size:1rem}}@media(max-width:480px){.auth-form{padding:25px 20px}.login-toggle{max-width:250px}.toggle-btn{padding:8px 0;font-size:.9rem}.auth-form h2{font-size:1.3rem}}.register-container{display:flex;justify-content:center;align-items:center;width:100%;padding:6rem 0}.form-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:380px;perspective:1000px;margin:0 auto;transition:all .3s ease}.form-container:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.auth-form{background:#fffffff2;padding:40px 35px;border-radius:15px;box-shadow:0 8px 32px #0000001a;width:100%;max-width:380px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .5s ease-in-out;transition:transform .3s ease}.auth-form:hover{transform:translateY(-5px)}.auth-form h2{margin:0 0 10px;font-size:1.8rem;font-weight:600;color:#185a9d;text-align:center}.auth-form input{padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:all .3s ease;background:#f9f9f9;color:#232f3e}.auth-form input:focus{border-color:#43cea2;box-shadow:0 0 8px #43cea24d}.auth-form button{padding:12px 0;background:linear-gradient(to right,#43cea2,#185a9d);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.auth-form button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.auth-form button:active{transform:translateY(1px)}.form-switch{text-align:center;font-size:.9rem;margin-top:8px}.form-switch a{color:#185a9d;text-decoration:none;font-weight:600;cursor:pointer;transition:color .3s ease}.form-switch a:hover{color:#43cea2;text-decoration:underline}.register-success{background:#e6f7ee;color:#185a9d;border:1px solid #43cea2;border-radius:6px;padding:10px 16px;margin-bottom:12px;font-size:1rem;text-align:center;font-weight:500;animation:fadeIn .5s ease-in-out}.register-error{background:#ffeaea;color:#b71c1c;border:1px solid #ffbdbd;border-radius:6px;padding:10px 16px;margin-bottom:12px;font-size:1rem;text-align:center;font-weight:500;animation:fadeIn .5s ease-in-out}.password-strength{margin-top:.5rem;font-size:.8rem}.password-strength.weak{color:#dc2626}.password-strength.medium{color:#f59e0b}.password-strength.strong{color:#059669}.terms-checkbox{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem}.terms-checkbox input[type=checkbox]{margin-top:.2rem;width:16px;height:16px;accent-color:#43cea2}.terms-checkbox label{font-size:.9rem;color:#64748b;line-height:1.4}.terms-checkbox a{color:#185a9d;text-decoration:none;font-weight:600}.terms-checkbox a:hover{color:#43cea2;text-decoration:underline}.register-form{border-left:4px solid #43cea2}.register-form h2{color:#185a9d}.register-form button{background:linear-gradient(to right,#43cea2,#185a9d)}.register-form button:hover{background:linear-gradient(to right,#185a9d,#43cea2)}@media(max-width:768px){.auth-form{width:90%;padding:30px 25px}.form-container{max-width:90%}.auth-form h2{font-size:1.5rem}.auth-form input{padding:10px 12px}.auth-form button{padding:10px 0;font-size:1rem}.terms-checkbox{flex-direction:column;align-items:flex-start;gap:.75rem}}@media(max-width:480px){.auth-form{padding:25px 20px}.auth-form h2{font-size:1.3rem}.auth-form input{padding:8px 10px;font-size:.9rem}.auth-form button{padding:8px 0;font-size:.9rem}.form-switch,.terms-checkbox label{font-size:.8rem}}.auth-form{animation:fadeIn .5s ease-out}.auth-form:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background-color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;min-width:300px;max-width:80%;z-index:99999;opacity:0;transition:transform .3s ease,opacity .3s ease}.toast.visible{transform:translate(-50%) translateY(0);opacity:1}.toast.hidden{transform:translate(-50%) translateY(100px);opacity:0}.toast.success{border-left:4px solid #43cea2}.toast.error{border-left:4px solid #ff5252}.toast.info{border-left:4px solid #2196f3}.toast.notice{border-left:4px solid #ff9800}.toast-content{display:flex;align-items:center}.toast-icon{margin-right:12px;font-size:18px;font-weight:700}.toast.success .toast-icon{color:#43cea2}.toast.error .toast-icon{color:#ff5252}.toast.info .toast-icon{color:#2196f3}.toast.notice .toast-icon{color:#ff9800}.toast-message{color:#333;font-weight:500}.share-test-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.share-test-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.share-test-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.share-test-modal .modal-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.share-test-modal .close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.share-test-modal .close-btn:hover{background:#f3f4f6;color:#374151}.share-test-modal .modal-content{padding:1.5rem}.share-test-modal .modal-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.share-test-modal .email-section{margin-bottom:1rem}.share-test-modal .email-section label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.share-test-modal .email-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:44px;padding:.5rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;transition:border-color .2s ease}.share-test-modal .email-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.share-test-modal .email-tag{display:inline-flex;align-items:center;background:#3b82f6;color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500;gap:.5rem;animation:tagSlideIn .2s ease-out}.share-test-modal .email-text{white-space:nowrap}.share-test-modal .remove-email-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1}.share-test-modal .remove-email-btn:hover{background:#fff3;transform:scale(1.1)}.share-test-modal .email-input{flex:1;min-width:200px;border:none;outline:none;font-size:.95rem;background:transparent;padding:.25rem 0;color:#1f2937!important;font-weight:500}.share-test-modal .email-input::placeholder{color:#9ca3af!important;font-weight:400}.share-test-modal .email-input:focus{color:#1f2937!important}.share-test-modal .error-message{color:#dc2626;font-size:.85rem;margin:.5rem 0 0}.share-test-modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb}.share-test-modal .close-modal-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.share-test-modal .close-modal-btn:hover{background:#e5e7eb;border-color:#9ca3af}.share-test-modal .share-test-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.share-test-modal .share-test-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.share-test-modal .share-test-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.user-dashboard-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease-in-out;position:relative}.user-dashboard-container{background:#fffffff7;border-radius:15px;box-shadow:0 8px 32px #00000014;padding:2rem;animation:fadeIn .5s ease-in-out}.user-dashboard-wrapper .dashboard-header{text-align:center;margin-bottom:2rem}.user-dashboard-wrapper .dashboard-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.user-dashboard-wrapper .dashboard-header p{font-size:1.1rem;color:#6b7280;margin:0}.user-dashboard-wrapper .dashboard-tabs{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.user-dashboard-wrapper .tab-button{background:none;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;margin:0 .5rem}.user-dashboard-wrapper .tab-button:hover{color:#374151}.user-dashboard-wrapper .tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.user-dashboard-wrapper .tests-table-container{overflow-x:auto;position:relative;overflow-y:hidden;min-height:200px}.user-dashboard-wrapper .tests-table{width:100%;border-collapse:collapse;margin-top:1rem}.user-dashboard-wrapper .tests-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.user-dashboard-wrapper .tests-table td{padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.user-dashboard-wrapper .test-row:hover{background:#f9fafb}.user-dashboard-wrapper .test-code{font-family:Courier New,monospace;font-size:.9rem;color:#6b7280}.user-dashboard-wrapper .code-tooltip-wrapper{position:relative;display:inline-block}.user-dashboard-wrapper .test-code-display{cursor:pointer;padding:.25rem .5rem;background:#f3f4f6;border-radius:4px;font-weight:500;transition:all .2s ease;display:inline-block;border:1px solid transparent}.user-dashboard-wrapper .test-code-display:hover{background:#e5e7eb;color:#374151;border-color:#3b82f6}.user-dashboard-wrapper .code-tooltip-popup{position:fixed;z-index:99999;background:#1f2937;color:#fff;padding:.75rem 1rem;border-radius:6px;font-family:Courier New,monospace;font-size:.85rem;white-space:nowrap;box-shadow:0 10px 25px #0000004d;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease;max-width:500px;word-break:break-all}.user-dashboard-wrapper .code-tooltip-wrapper:hover .code-tooltip-popup{opacity:1;visibility:visible}.user-dashboard-wrapper .test-date{color:#374151;font-size:.9rem}.user-dashboard-wrapper .test-name{max-width:200px}.user-dashboard-wrapper .test-name-text{font-weight:500;color:#1e293b;font-size:.9rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dashboard-wrapper .test-users{word-wrap:break-word}.user-dashboard-wrapper .users-info{display:flex;flex-direction:column;gap:.5rem}.user-dashboard-wrapper .user-count-badge{font-weight:600;color:#1e293b;font-size:.85rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:12px;display:inline-block;width:fit-content}.user-dashboard-wrapper .user-emails-container{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.user-dashboard-wrapper .user-email-tag{background:#e0f2fe;color:#0c4a6e;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:500;border:1px solid #bae6fd;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;font-family:Courier New,monospace}.user-dashboard-wrapper .more-users-badge{background:#fef3c7;color:#92400e;padding:.2rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid #fde68a;white-space:nowrap}.user-dashboard-wrapper .more-users-badge.clickable{cursor:pointer;transition:all .2s ease;position:relative}.user-dashboard-wrapper .more-users-badge.clickable:hover{background:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #f59e0b4d}.user-dashboard-wrapper .users-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-dashboard-wrapper .users-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.user-dashboard-wrapper .users-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.user-dashboard-wrapper .users-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.user-dashboard-wrapper .users-modal-header .close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.user-dashboard-wrapper .users-modal-header .close-btn:hover{background:#f3f4f6;color:#374151}.user-dashboard-wrapper .users-modal-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.user-dashboard-wrapper .users-list{display:flex;flex-direction:column;gap:1rem}.user-dashboard-wrapper .user-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.user-dashboard-wrapper .user-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.user-dashboard-wrapper .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;flex-shrink:0}.user-dashboard-wrapper .user-details{flex:1;min-width:0}.user-dashboard-wrapper .user-email{font-weight:600;color:#1f2937;font-size:.95rem;margin-bottom:.25rem;font-family:Courier New,monospace;word-break:break-all;line-height:1.4}.user-dashboard-wrapper .test-progress{min-width:150px}.user-dashboard-wrapper .progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.user-dashboard-wrapper .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.user-dashboard-wrapper .progress-text{font-size:.8rem;color:#6b7280}.user-dashboard-wrapper .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.user-dashboard-wrapper .status-badge.in-progress{background:#fef3c7;color:#d97706}.user-dashboard-wrapper .status-badge.submitted{background:#d1fae5;color:#059669}.user-dashboard-wrapper .test-actions{min-width:180px;text-align:right}.user-dashboard-wrapper .action-buttons{display:flex;gap:.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center}.user-dashboard-wrapper .action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:92px!important;width:auto!important;white-space:nowrap}.user-dashboard-wrapper .action-btn svg{width:auto!important;height:auto!important}.user-dashboard-wrapper .continue-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.user-dashboard-wrapper .continue-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.user-dashboard-wrapper .share-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.user-dashboard-wrapper .share-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.user-dashboard-wrapper .view-report-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;width:100%}.user-dashboard-wrapper .view-report-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.user-dashboard-wrapper .completed-status{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;font-size:.8rem;font-weight:600;text-align:center;width:100%}.user-dashboard-wrapper .no-tests-message{text-align:center;padding:3rem;color:#6b7280}.user-dashboard-wrapper .no-tests-message p{font-size:1.1rem;margin:0}.user-dashboard-wrapper .loading-container,.user-dashboard-wrapper .error-container{text-align:center;padding:3rem}.user-dashboard-wrapper .loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.user-dashboard-wrapper .loading-spinner.small{width:20px;height:20px;border-width:2px;margin:0 .5rem 0 0}.user-dashboard-wrapper .content-loading-indicator{display:flex;align-items:center;justify-content:center;padding:1rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:8px;margin-bottom:1rem;color:#3b82f6;font-size:.9rem;font-weight:500}.user-dashboard-wrapper .table-loading-cell{text-align:center;padding:2rem;background:#3b82f605}.user-dashboard-wrapper .table-loading-indicator{display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:.9rem;font-weight:500}.user-dashboard-wrapper .retry-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.user-dashboard-wrapper .retry-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.user-dashboard-wrapper .pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;margin-top:1rem;border-top:1px solid #e5e7eb}.user-dashboard-wrapper .pagination-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.user-dashboard-wrapper .pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.user-dashboard-wrapper .pagination-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.user-dashboard-wrapper .pagination-info{font-size:.9rem;color:#6b7280;font-weight:500}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:fadeIn .3s ease-in-out;border-radius:12px;overflow:hidden}.loading-overlay-content{background:#fffffff2;padding:1.5rem;border-radius:8px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:180px;text-align:center;border:1px solid rgba(0,0,0,.05)}.loading-overlay-content .loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-overlay-content p{margin:0;color:#374151;font-size:.85rem;font-weight:500}.categories-wrapper{min-height:100vh;background:linear-gradient(to right,#e2e2e2,#c9d6ff);color:#333;font-family:Poppins,sans-serif;scroll-behavior:smooth}.categories-wrapper .categories-container{padding:3rem 2rem;max-width:1000px;margin:0 auto}.categories-wrapper .assessment-header{margin-bottom:2rem;text-align:center;animation:fadeIn .6s ease-in}.categories-wrapper .assessment-type{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.25rem;border-radius:20px;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #667eea4d}.categories-wrapper .categories-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.categories-wrapper .category-card{background:#fff;border-radius:16px;padding:1.5rem 2rem;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;justify-content:space-between}.categories-wrapper .category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--category-color, #4f46e5),#667eea);transform:scaleX(0);transition:transform .3s ease}.categories-wrapper .category-card:hover{transform:translate(8px);box-shadow:0 8px 25px #00000026;border-color:#cbd5e1}.categories-wrapper .category-card:hover:before{transform:scaleX(1)}.categories-wrapper .category-card.selected{border-color:var(--category-color, #4f46e5);box-shadow:0 0 0 3px #4f46e51a}.categories-wrapper .category-card.selected:before{transform:scaleX(1)}.categories-wrapper .category-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:2rem}.categories-wrapper .category-left{display:flex;align-items:center;gap:1rem;flex:1}.categories-wrapper .category-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.categories-wrapper .category-icon .icon{width:24px;height:24px}.categories-wrapper .category-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.categories-wrapper .category-name{font-size:1.25rem;font-weight:500;color:#1e293b;line-height:1.3;margin:0}.categories-wrapper .question-count{color:#64748b;font-size:.9rem;font-weight:400;margin-top:.5rem}.categories-wrapper .category-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.categories-wrapper .progress-section{display:flex;align-items:center;gap:1rem}.categories-wrapper .progress-bar{width:100px;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.categories-wrapper .progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.categories-wrapper .submission-status{font-size:.9rem;font-weight:500;white-space:nowrap;min-width:80px;text-align:center}.categories-wrapper .submission-status.submitted{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.categories-wrapper .submission-status.followup{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.categories-wrapper .category-arrow{color:#cbd5e1;transition:all .3s ease;background:#f8fafc;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;flex-shrink:0}.categories-wrapper .category-card:hover .category-arrow{color:var(--category-color, #4f46e5);transform:translate(4px);background:#fff;box-shadow:0 4px 12px #0000001a}.categories-wrapper .category-arrow svg{width:20px;height:20px}.categories-wrapper .loading-container,.categories-wrapper .error-container{text-align:center;padding:4rem 2rem;color:#64748b}.categories-wrapper .loading-spinner{width:60px;height:60px;border:4px solid #e2e8f0;border-top:4px solid #43cea2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-wrapper .retry-btn{background:linear-gradient(to right,#43cea2,#185a9d);border:1px solid #43cea2;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.categories-wrapper .retry-btn:hover{background:linear-gradient(to right,#185a9d,#43cea2);transform:translateY(-2px)}.categories-wrapper .generation-error{display:flex;align-items:center;gap:.5rem;max-width:260px}.categories-wrapper .error-text{color:#b91c1c;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.categories-wrapper .error-text:hover:after{content:attr(data-error);position:absolute;background:#111827;color:#fff;padding:.5rem .75rem;border-radius:6px;box-shadow:0 6px 18px #1018284d;white-space:normal;max-width:320px;z-index:40;left:50%;transform:translate(-50%);top:calc(100% + 8px);font-size:.9rem}@media(max-width:480px){.categories-wrapper .generation-error{max-width:140px}.categories-wrapper .error-text:hover:after{left:8px;transform:none;max-width:calc(100vw - 32px)}}@media(max-width:1024px){.categories-wrapper .categories-grid{gap:1rem}}@media(max-width:768px){.categories-wrapper{padding:0}.categories-wrapper .categories-container{padding:2rem 1rem}.categories-wrapper .assessment-header{margin-bottom:1.5rem}.categories-wrapper .categories-grid{gap:.75rem}.categories-wrapper .category-card{padding:1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.categories-wrapper .category-content{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.categories-wrapper .category-left{width:100%;gap:.75rem}.categories-wrapper .category-name{font-size:1.1rem}.categories-wrapper .category-right{width:100%;justify-content:space-between}.categories-wrapper .category-arrow{align-self:flex-end}}@media(max-width:480px){.categories-wrapper .categories-container{padding:1.5rem .5rem}.categories-wrapper .assessment-type{font-size:.75rem;padding:.4rem 1rem}.categories-wrapper .category-card{padding:1rem 1.25rem;margin:0 .5rem}.categories-wrapper .category-name{font-size:1rem}.categories-wrapper .category-icon{width:32px;height:32px}.categories-wrapper .category-icon .icon{width:20px;height:20px}.categories-wrapper .question-count{font-size:.85rem}.categories-wrapper .progress-bar{width:80px;height:5px}}.categories-wrapper .submission-status.completed{color:#10b981;font-weight:600;font-size:.9rem;text-align:right;min-width:80px}.categories-wrapper .category-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8fafc;border-radius:50%;border:1px solid #e2e8f0;transition:all .3s ease}.categories-wrapper .category-arrow .arrow-icon{width:20px;height:20px;color:#64748b}.categories-wrapper .category-card:hover .category-arrow{background:#f1f5f9;border-color:#cbd5e1;transform:translate(2px)}.categories-wrapper .submit-test-section{margin-top:40px;padding:0 20px;scroll-margin-top:100px}.categories-wrapper .submit-test-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:15px;text-align:center;box-shadow:0 8px 32px #667eea4d}.categories-wrapper .submit-test-card h3{margin:0 0 15px;font-size:1.5rem;font-weight:600}.categories-wrapper .submit-test-card p{margin:0 0 25px;font-size:1rem;opacity:.9;line-height:1.5}.categories-wrapper .submit-test-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.categories-wrapper .submit-test-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.side-navigation{position:fixed;left:0;top:80px;width:280px;height:calc(100vh - 80px);background:#f8fafc;color:#1a202c;box-shadow:2px 0 10px #0000001a;transition:all .3s ease;z-index:999;overflow:visible;max-width:280px;min-width:280px;box-sizing:border-box}.side-navigation.collapsed{width:60px;max-width:60px;min-width:60px}.side-navigation.collapsed .side-nav-content{opacity:0;pointer-events:none;transform:translate(-100%);transition:all .3s ease}.side-navigation .side-nav-toggle{position:absolute;right:-15px;top:20px;width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid white;border-radius:50%;box-shadow:0 4px 15px #0003,0 2px 8px #0000001a,inset 0 1px #fff3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001;font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:auto;visibility:visible;opacity:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.side-navigation .side-nav-toggle:hover{transform:scale(1.15) translateY(-2px);box-shadow:0 6px 20px #00000040,0 4px 12px #00000026,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.side-navigation .side-nav-toggle:active{transform:scale(1.05) translateY(0);box-shadow:0 2px 8px #0003,0 1px 4px #0000001a,inset 0 1px #fff3;transition:all .1s ease}.side-navigation .side-nav-toggle:focus{outline:none;box-shadow:0 4px 15px #0003,0 2px 8px #0000001a,inset 0 1px #fff3,0 0 0 3px #667eea4d}.side-navigation .side-nav-toggle:before,.side-navigation .side-nav-toggle:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:1.5px;background:#fff;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.side-navigation .side-nav-toggle:before{transform:translate(-50%,-50%) translateY(-4px)}.side-navigation .side-nav-toggle:after{transform:translate(-50%,-50%) translateY(4px)}.side-navigation .side-nav-toggle .hamburger-line{position:absolute;top:50%;left:50%;width:12px;height:1.5px;background:#fff;border-radius:1px;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1}.side-navigation:not(.collapsed) .side-nav-toggle:before,.side-navigation:not(.collapsed) .side-nav-toggle:after{width:0;height:0;background:transparent;border-right:6px solid white;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translate(-50%,-50%)}.side-navigation:not(.collapsed) .side-nav-toggle .hamburger-line{opacity:0;transform:translate(-50%,-50%) scale(0)}.side-navigation .side-nav-toggle{animation:toggleButtonAppear .3s ease-out}@media(max-width:768px){.side-navigation .side-nav-toggle{width:40px;height:40px;right:-20px;top:15px}.side-navigation .side-nav-toggle:before,.side-navigation .side-nav-toggle:after,.side-navigation .side-nav-toggle .hamburger-line{width:14px;height:2px}.side-navigation:not(.collapsed) .side-nav-toggle:before,.side-navigation:not(.collapsed) .side-nav-toggle:after{width:0;height:0;border-right:8px solid white;border-top:5px solid transparent;border-bottom:5px solid transparent}}.side-navigation .side-nav-content{padding:20px;transition:opacity .3s ease;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.side-navigation .side-nav-content::-webkit-scrollbar{width:0px;display:none}.side-navigation .side-nav-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.side-navigation .side-nav-header h3{margin:0 0 20px;font-size:1.4rem;font-weight:600;color:#1a202c}.side-navigation .overall-progress{display:flex;flex-direction:column;align-items:center;gap:10px}.side-navigation .overall-progress .progress-circle{position:relative;width:80px;height:80px}.side-navigation .overall-progress .progress-circle .progress-ring{width:100%;height:100%}.side-navigation .overall-progress .progress-circle .progress-ring .progress-ring-bg{fill:none;stroke:#e2e8f0;stroke-width:3}.side-navigation .overall-progress .progress-circle .progress-ring .progress-ring-fill{fill:none;stroke:#10b981;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.side-navigation .overall-progress .progress-circle .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:600;color:#1a202c}.side-navigation .overall-progress p{margin:0;font-size:.9rem;color:#64748b}.side-navigation .categories-nav{margin-bottom:30px}.side-navigation .categories-nav h4{margin:0 0 15px;font-size:1.1rem;font-weight:600;color:#1a202c}.side-navigation .categories-nav .category-list{display:flex;flex-direction:column;gap:12px}.side-navigation .categories-nav .category-list .category-nav-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#f1f5f9;border:1px solid #e2e8f0}.side-navigation .categories-nav .category-list .category-nav-item:hover{background:#e2e8f0;transform:translate(5px);border-color:#cbd5e1}.side-navigation .categories-nav .category-list .category-nav-item.active{background:#dbeafe;border-left:3px solid #3b82f6;border-color:#bfdbfe}.side-navigation .categories-nav .category-list .category-nav-item.completed{background:#f0fdf4;border-color:#bbf7d0}.side-navigation .categories-nav .category-list .category-nav-item.completed:hover{background:#dcfce7;border-color:#86efac}.side-navigation .categories-nav .category-list .category-nav-item .category-nav-content{flex:1;min-width:0}.side-navigation .categories-nav .category-list .category-nav-item .category-nav-content .category-nav-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:6px}.side-navigation .categories-nav .category-list .category-nav-item .category-nav-content .category-nav-name{display:block;font-size:.9rem;font-weight:500;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.side-navigation .categories-nav .category-list .category-nav-item .category-nav-content .category-nav-progress{display:flex;align-items:center;gap:8px}.side-navigation .categories-nav .category-list .category-nav-item .category-nav-content .category-nav-progress .category-progress-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.side-navigation .categories-nav .category-list .category-nav-item .category-nav-content .category-nav-progress .category-progress-bar .category-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.side-navigation .categories-nav .category-list .category-nav-item .category-nav-content .category-nav-progress .category-progress-text{font-size:.75rem;color:#64748b;min-width:30px;text-align:right}.side-navigation .categories-nav .category-list .category-nav-item .completed-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#10b981;border-radius:50%;flex-shrink:0}.side-navigation .categories-nav .category-list .category-nav-item .completed-badge .check-icon{width:12px;height:12px;color:#fff}.side-navigation .categories-nav .category-list .category-nav-item .progress-indicator{display:flex;align-items:center;flex-shrink:0}.side-navigation .categories-nav .category-list .category-nav-item .progress-indicator .progress-text{font-size:.75rem;color:#64748b;font-weight:500;background:#f1f5f9;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0;min-width:auto;text-align:center}.side-navigation .categories-nav .category-list .no-categories{text-align:center;padding:20px;color:#64748b}.side-navigation .categories-nav .category-list .no-categories p{margin:0;font-size:.9rem}.side-navigation .quick-actions{border-top:1px solid #e2e8f0;padding-top:20px}.side-navigation .quick-actions h4{margin:0 0 15px;font-size:1.1rem;font-weight:600;color:#1a202c}.side-navigation .quick-actions .action-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-size:.9rem;cursor:pointer;transition:all .2s ease}.side-navigation .quick-actions .action-btn:hover{background:#e2e8f0;transform:translate(3px);border-color:#cbd5e1}.side-navigation .quick-actions .action-btn svg{width:16px;height:16px;flex-shrink:0}@media(max-width:1024px){.side-navigation{width:250px}.side-navigation.collapsed{width:50px}}@media(max-width:768px){.side-navigation{transform:translate(-100%);width:280px}.side-navigation.collapsed{transform:translate(0);width:60px}.side-navigation.collapsed .side-nav-content{opacity:0}}.side-navigation::-webkit-scrollbar{width:0px;display:none}.side-navigation::-webkit-scrollbar-track{display:none}.side-navigation::-webkit-scrollbar-thumb{display:none}.side-navigation::-webkit-scrollbar-thumb:hover{display:none}.side-navigation{scrollbar-width:none;-ms-overflow-style:none}.side-navigation{scroll-behavior:smooth}.side-navigation .side-nav-content>*{animation:slideInLeft .3s ease forwards}.side-navigation .categories-nav .category-list .category-nav-item{animation:slideInLeft .3s ease forwards}.side-navigation .categories-nav .category-list .category-nav-item:nth-child(1){animation-delay:.1s}.side-navigation .categories-nav .category-list .category-nav-item:nth-child(2){animation-delay:.2s}.side-navigation .categories-nav .category-list .category-nav-item:nth-child(3){animation-delay:.3s}.side-navigation .categories-nav .category-list .category-nav-item:nth-child(4){animation-delay:.4s}.side-navigation .categories-nav .category-list .category-nav-item:nth-child(5){animation-delay:.5s}.side-navigation .categories-nav .category-list .category-nav-item:nth-child(6){animation-delay:.6s}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-standalone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.loading-spinner-standalone{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 0 .5rem;display:block}.loading-message{color:#6b7280;font-size:.9rem;margin:0;text-align:center}.loading-spinner.small{width:20px;height:20px;border-width:2px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.loading-container p{color:#6b7280;font-size:1.1rem;margin:1rem 0 0;text-align:center}@media(prefers-color-scheme:dark){.loading-spinner{border-color:#374151;border-top-color:#60a5fa}.loading-container p{color:#9ca3af}.loading-spinner-standalone{border-color:#374151;border-top-color:#60a5fa}.loading-message{color:#9ca3af}}.test-submitted-wrapper{width:100%;height:inherit;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#e2e2e2,#c9d6ff);padding:2rem;box-sizing:border-box}.test-submitted-container{width:100%;max-width:600px;background:#fffffff7;border-radius:15px;box-shadow:0 8px 32px #00000014;padding:2.5rem;text-align:center;animation:fadeIn .5s ease-in-out}.test-submitted-header{display:flex;justify-content:flex-end;margin-bottom:2rem}.dashboard-user{font-size:1rem;color:#64748b;font-weight:500}.test-submitted-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.submission-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 4px 12px #10b9814d}.submission-icon svg{width:40px;height:40px;color:#fff}.test-submitted-content h2{font-size:2rem;font-weight:700;color:#1e293b;margin:0;margin-bottom:1rem}.submission-message{color:#64748b;font-size:1rem;line-height:1.6;margin:0;max-width:500px}.email-notice{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:1.5rem;margin-top:1rem;display:flex;align-items:center;gap:1rem;max-width:500px}.email-icon{width:40px;height:40px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.email-icon svg{width:20px;height:20px;color:#fff}.email-message{color:#0c4a6e;font-size:1rem;font-weight:500;margin:0;text-align:left}@media(max-width:768px){.test-submitted-wrapper{padding:1rem}.test-submitted-container{padding:2rem 1.5rem}.test-submitted-content h2{font-size:1.5rem}.email-notice{flex-direction:column;text-align:center;gap:.75rem}.email-message{text-align:center}}@media(max-width:480px){.test-submitted-container{padding:1.5rem 1rem}.submission-icon{width:60px;height:60px}.submission-icon svg{width:30px;height:30px}.test-submitted-content h2{font-size:1.25rem}.email-notice{padding:1rem}}.questions-wrapper{width:100%;margin:0 auto;padding:2rem;min-height:100vh;position:relative;isolation:isolate}.questions-wrapper .questions-container{width:60%;margin:0 auto;background:#fffffff7;border-radius:15px;box-shadow:0 8px 32px #00000014;padding:32px 24px 40px;display:flex;flex-direction:column;align-items:flex-start;animation:fadeIn .5s ease-in-out;overflow:hidden;max-width:1200px;animation:pageLoad .6s ease-out;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.questions-wrapper .questions-single-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.questions-wrapper .dimension-name-inline{font-size:1.5rem;font-weight:700;color:#1e293b;letter-spacing:-.5px}.questions-wrapper .header-buttons{display:flex;align-items:center;gap:12px}.questions-wrapper .questions-container>div{width:100%;max-width:100%}.questions-wrapper .questions-header{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:1.5rem}.questions-wrapper .dimension-header{width:100%;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.questions-wrapper .dimension-name-text{font-size:1.25rem;font-weight:600;color:#1e293b;letter-spacing:-.3px}.questions-wrapper .assessment-info{width:100%;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.questions-wrapper .assessment-type-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem 1rem;border-radius:16px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #667eea40}.questions-wrapper .dimension-name-text{font-size:1.1rem;font-weight:600;color:#334155;letter-spacing:-.3px}.questions-wrapper .share-test-btn{padding:12px 24px;background:linear-gradient(145deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #10b98133;display:flex;align-items:center;gap:6px;height:44px}.questions-wrapper .share-test-btn .share-icon{width:18px;height:18px}.questions-wrapper .category-already-submitted{text-align:center;padding:40px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin:20px 0;box-shadow:0 4px 6px #0000000d}.questions-wrapper .category-already-submitted h3{color:#10b981;font-size:1.5rem;margin-bottom:16px;font-weight:600}.questions-wrapper .category-already-submitted p{color:#047857;font-size:1.1rem;margin-bottom:24px;line-height:1.6}.questions-wrapper .category-already-submitted .back-to-categories-btn{margin:0 auto}.questions-wrapper .back-to-categories-btn{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633;display:flex;align-items:center;gap:6px;height:44px}.questions-wrapper .back-to-categories-btn .back-icon{width:18px;height:18px}.questions-wrapper .back-to-categories-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.questions-wrapper .back-to-categories-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.questions-wrapper .save-section{width:100%;display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;animation:slideInDown .3s ease-out}.questions-wrapper .save-section.has-changes{background:#fef3c7;border:1px solid #f59e0b}.questions-wrapper .save-btn{padding:10px 20px;background:linear-gradient(145deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #f59e0b33;display:flex;align-items:center;gap:8px}.questions-wrapper .save-btn:hover{background:linear-gradient(145deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b4d}.questions-wrapper .save-btn:disabled,.questions-wrapper .save-btn.disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.questions-wrapper .save-btn:disabled:hover,.questions-wrapper .save-btn.disabled:hover{transform:none;box-shadow:none;background:#9ca3af}.questions-wrapper .save-note{color:#92400e;font-size:14px;font-weight:500}.questions-wrapper .pagination-btn{background:linear-gradient(145deg,#3b82f6,#2563eb)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:6px!important;font-weight:600!important;font-size:13px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 4px #3b82f633!important}.questions-wrapper .pagination-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #3b82f64d!important}.questions-wrapper .pagination-btn:disabled{background:#9ca3af!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.questions-wrapper .share-test-btn{padding:10px 20px;background:linear-gradient(145deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #10b98133;display:flex;align-items:center;gap:8px}.questions-wrapper .share-test-btn:hover{background:linear-gradient(145deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.questions-wrapper .share-test-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.questions-wrapper .share-test-btn:disabled:hover{transform:none;box-shadow:none}.questions-wrapper .question-box{background:#f6f8fa;border-radius:20px;box-shadow:0 2px 8px #0000000a;padding:10px;margin-bottom:18px;width:90%;display:flex;flex-direction:column;align-items:flex-start;margin-left:auto;margin-right:auto;content-visibility:auto;contain-intrinsic-size:auto 200px;transform:translateZ(0);will-change:transform}.questions-wrapper .question-text{font-size:1.1rem;font-weight:500;color:#232f3e;margin-bottom:4px}.questions-wrapper .question-hint{font-size:.9rem;font-style:italic;color:#8c8c8c;margin-top:2px;margin-bottom:6px;line-height:1.4}.questions-wrapper .radio-options-container{display:flex;flex-direction:column;gap:8px;margin-top:8px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.questions-wrapper .option-label{position:relative;display:flex;align-items:flex-start;margin-bottom:8px;font-size:1rem;cursor:pointer;border-radius:8px;padding:12px 15px;font-weight:500;border:1px solid #e0e0e0;background-color:#fff;transition:background-color .1s linear,border-color .1s linear,box-shadow .1s linear;will-change:background-color,border-color,box-shadow;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.questions-wrapper .option-label.selected{background-color:#e6f7ee;border-color:#43cea2;box-shadow:0 2px 8px #43cea226;transition:background-color .1s linear,border-color .1s linear,box-shadow .1s linear}.questions-wrapper .option-label input[type=radio]{margin-right:10px;margin-top:2px;position:relative;cursor:pointer;opacity:1;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:2px solid #b3b3b3;border-radius:50%;flex-shrink:0;transform:translateZ(0);transition:border-color .1s linear,box-shadow .1s linear}.questions-wrapper .option-label input[type=checkbox]{margin-right:10px;margin-top:2px;position:relative;cursor:pointer;opacity:1;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:2px solid #b3b3b3;border-radius:4px;flex-shrink:0;transform:translateZ(0);transition:border-color .1s linear,box-shadow .1s linear,background-color .1s linear}.questions-wrapper .option-label.selected input[type=radio],.questions-wrapper .option-label input[type=radio]:checked{border-color:#055c11;background-color:#fff;box-shadow:inset 0 0 0 4px #055c11}.questions-wrapper .option-label.selected input[type=checkbox],.questions-wrapper .option-label input[type=checkbox]:checked{border-color:#055c11;background-color:#055c11;position:relative}.questions-wrapper .option-label.selected input[type=checkbox]:after,.questions-wrapper .option-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;line-height:1}.questions-wrapper .option-label:hover{background:#f5f9ff;border-color:#a0d8ef}.questions-wrapper .option-label span{font-weight:500;pointer-events:none;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#232f3e;transition:color .1s linear}.questions-wrapper .option-label .option-content{display:flex;flex-direction:column;gap:2px;pointer-events:none}.questions-wrapper .option-label .option-content span{font-weight:500;color:#232f3e}.questions-wrapper .option-label .option-hint{font-size:.82rem;font-weight:400;font-style:italic;color:#8c8c8c;line-height:1.4;letter-spacing:.01em}.questions-wrapper .question-scale{margin-top:12px;margin-bottom:8px;display:flex;flex-direction:column;align-items:center}.questions-wrapper .star-rating{display:flex;flex-direction:row;gap:8px;justify-content:center;margin:12px 0 8px}.questions-wrapper .star{font-size:2rem;color:#b0bec5;cursor:pointer;transition:color .2s,transform .2s;filter:drop-shadow(0 1px 2px rgba(67,206,162,.08))}.questions-wrapper .star.selected{color:#faf604;transform:scale(1.1)}.questions-wrapper .star:hover,.questions-wrapper .star.hovered{color:#faf604;transform:scale(1.15)}.questions-wrapper .scale-labels{display:flex;justify-content:space-between;width:80%;font-size:.95rem;margin-top:4px;color:#185a9d}.questions-wrapper .text-input-container{margin-top:12px;width:100%}.questions-wrapper .text-input{width:100%;min-height:100px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;line-height:1.5;color:#232f3e;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);resize:vertical;box-shadow:0 2px 4px #0000000d}.questions-wrapper .text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 8px #0000001a;background-color:#fafbff}.questions-wrapper .text-input:hover:not(:focus){border-color:#cbd5e1;box-shadow:0 2px 6px #00000014}.questions-wrapper .text-input::placeholder{color:#94a3b8;font-style:italic}.questions-wrapper .text-input:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed;border-color:#e2e8f0;opacity:.7}.questions-wrapper .text-input:disabled::placeholder{color:#cbd5e1}.questions-wrapper .questions-loading{display:flex;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .3s ease-out}.questions-wrapper .questions-loading:after{content:"";width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.questions-wrapper .questions-error{animation:fadeIn .5s ease-out;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:1rem 0}.questions-wrapper .questions-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.8);max-width:100%;width:100%;box-sizing:border-box;animation:fadeIn .8s ease-out}.questions-wrapper .questions-pagination button{padding:12px 18px;margin:0 3px;border:2px solid #e2e8f0;background:linear-gradient(145deg,#fff,#f8fafc);color:#475569;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d,0 1px 2px #0000001a;min-width:44px;position:relative;overflow:hidden}.questions-wrapper .questions-pagination button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s ease}.questions-wrapper .questions-pagination button:hover:before{left:100%}.questions-wrapper .questions-pagination button:hover{border-color:#3b82f6;color:#3b82f6;background:linear-gradient(145deg,#f0f9ff,#e0f2fe);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626,0 4px 10px #3b82f61a}.questions-wrapper .questions-pagination button:active{transform:translateY(0);transition:transform .1s}.questions-wrapper .questions-pagination button.active-page{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;font-weight:600;box-shadow:0 8px 25px #3b82f64d,0 4px 12px #3b82f633;position:relative}.questions-wrapper .questions-pagination button.active-page:after{content:"";position:absolute;inset:-2px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);border-radius:14px;z-index:-1;opacity:.3;animation:pulse 2s infinite}.questions-wrapper .questions-pagination button.active-page:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 12px 35px #3b82f666,0 6px 15px #3b82f64d}.questions-wrapper .questions-pagination .pagination-left button,.questions-wrapper .questions-pagination .pagination-right button{padding:12px 20px;font-weight:600;min-width:90px;background:linear-gradient(145deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;color:#1e40af;border-radius:12px;box-shadow:0 2px 4px #3b82f61a,0 1px 2px #3b82f60d;position:relative;overflow:hidden}.questions-wrapper .questions-pagination .pagination-left button:before,.questions-wrapper .questions-pagination .pagination-right button:before{display:none}.questions-wrapper .questions-pagination .pagination-left button:hover,.questions-wrapper .questions-pagination .pagination-right button:hover{background:linear-gradient(145deg,#3b82f6,#2563eb);border-color:#1d4ed8;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d,0 4px 12px #3b82f633}.questions-wrapper .questions-pagination .submit-btn{padding:12px 24px;font-weight:700;min-width:100px;background:linear-gradient(145deg,#fecaca,#fca5a5);border:2px solid #ef4444;color:#dc2626;border-radius:12px;box-shadow:0 4px 8px #ef444433,0 2px 4px #ef44441a;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.questions-wrapper .questions-pagination .submit-btn:before{display:none}.questions-wrapper .questions-pagination .submit-btn:hover{background:linear-gradient(145deg,#ef4444,#dc2626);border-color:#b91c1c;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d,0 4px 12px #ef444433}.questions-wrapper .questions-pagination button:disabled{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.questions-wrapper .questions-pagination button:disabled:hover{transform:none;box-shadow:none}.questions-wrapper .questions-pagination .page-numbers{display:flex;gap:4px;align-items:center;flex:1;justify-content:center;padding:.5rem;margin:-.5rem 0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;max-width:100%;position:relative;scroll-behavior:smooth}.questions-wrapper .questions-pagination .page-numbers::-webkit-scrollbar{height:6px}.questions-wrapper .questions-pagination .page-numbers::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.questions-wrapper .questions-pagination .page-numbers::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.questions-wrapper .questions-pagination .page-numbers::-webkit-scrollbar-thumb:hover{background:#94a3b8}.questions-wrapper .questions-pagination .page-numbers button{flex-shrink:0;min-width:44px}@media(max-width:768px){.questions-wrapper .questions-container{width:90%;padding:20px 15px}.questions-wrapper .questions-single-header{flex-direction:column;align-items:flex-start;gap:1rem}.questions-wrapper .dimension-name-inline{font-size:1.25rem}.questions-wrapper .header-buttons{width:100%;justify-content:space-between}.questions-wrapper .question-box{width:95%;padding:8px}.questions-wrapper .questions-pagination{flex-direction:column;gap:1rem;padding:1rem}.questions-wrapper .questions-pagination .page-numbers{order:2;gap:2px;padding:.25rem .5rem;margin:-.25rem 0}.questions-wrapper .questions-pagination button{padding:8px 12px;font-size:12px;min-width:36px}.questions-wrapper .questions-pagination .pagination-left button,.questions-wrapper .questions-pagination .pagination-right button{min-width:70px}.questions-wrapper .questions-pagination .submit-btn{min-width:80px;padding:10px 20px;font-size:12px}.questions-wrapper .questions-pagination .page-numbers::-webkit-scrollbar{height:4px}.questions-wrapper .star{font-size:1.5rem}.questions-wrapper .question-text{font-size:1rem}.questions-wrapper .text-input{min-height:80px;padding:10px 12px;font-size:.9rem}}@media(max-width:480px){.questions-wrapper .questions-container{padding:15px 10px}.questions-wrapper .questions-single-header{gap:.75rem}.questions-wrapper .dimension-name-inline{font-size:1.1rem}.questions-wrapper .header-buttons{flex-direction:column;width:100%;gap:8px}.questions-wrapper .admin-back-btn,.questions-wrapper .share-test-btn{width:100%;justify-content:center}.questions-wrapper .question-box{width:98%;margin-bottom:15px}.questions-wrapper .option-label{padding:10px 12px;font-size:.9rem}.questions-wrapper .star{font-size:1.3rem}.questions-wrapper .question-text{font-size:.95rem}.questions-wrapper .text-input{min-height:70px;padding:8px 10px;font-size:.85rem}}.questions-wrapper .submitting-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.questions-wrapper .submitting-content{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:90%}.questions-wrapper .submitting-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.questions-wrapper .submitting-content p{margin:.5rem 0;color:#374151;font-size:1.1rem}.questions-wrapper .submitting-note{font-size:.9rem!important;color:#6b7280!important;font-style:italic}.questions-wrapper .questions-disabled{pointer-events:none;opacity:.6}.questions-wrapper .questions-disabled button,.questions-wrapper .questions-disabled input,.questions-wrapper .questions-disabled select,.questions-wrapper .questions-disabled textarea{cursor:not-allowed}.questions-wrapper button:disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}.questions-wrapper .submit-btn:disabled,.questions-wrapper .submit-btn.disabled{background:#9ca3af!important;cursor:not-allowed!important;opacity:.6!important}.questions-wrapper .submit-btn.disabled:hover{background:#9ca3af!important;transform:none!important;box-shadow:none!important}.questions-saving-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:15px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.saving-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(59,130,246,.2)}.saving-spinner .spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.saving-spinner p{margin:0;color:#374151;font-size:14px;font-weight:500;text-align:center}.preview-test-wrapper{min-height:100vh;background:linear-gradient(to right,#e2e2e2,#c9d6ff);color:#333;font-family:Poppins,sans-serif;padding:3rem 2rem}.preview-test-container{max-width:1000px;margin:0 auto}.preview-header{background:#fff;border-radius:20px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;animation:slideInDown .5s ease-out}.preview-test-wrapper .back-btn{padding:.875rem 1.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;border:2px solid transparent;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden;line-height:1.2;margin-bottom:1.5rem}.preview-test-wrapper .back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.preview-test-wrapper .back-btn:hover:before{left:100%}.preview-test-wrapper .back-btn:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d;border-color:#3b82f6}.preview-test-wrapper .back-icon{display:inline-block;width:.8rem;height:.8rem;position:relative}.preview-test-wrapper .back-icon:before{content:"";position:absolute;top:50%;left:0;width:.6rem;height:.6rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}.preview-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-subtitle{font-size:1.1rem;color:#64748b;margin-bottom:1.5rem}.test-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.875rem;color:#64748b;font-weight:500}.summary-value{font-size:1.75rem;font-weight:700;color:#4f46e5}.dimensions-section{margin-bottom:2rem;animation:fadeIn .6s ease-out}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;color:#1e293b}.title-icon{font-size:1.75rem}.dimensions-grid{display:flex;flex-direction:column;gap:1rem}.dimension-card{background:#fff;border-radius:16px;padding:1.5rem 2rem;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014;animation:slideInUp .5s ease-out}.dimension-card.clickable{cursor:pointer}.dimension-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;transform:scaleX(0);transition:transform .3s ease}.dimension-card.regular:before{background:linear-gradient(90deg,#4f46e5,#667eea)}.dimension-card.followup:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.dimension-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#cbd5e1}.dimension-card:hover:before{transform:scaleX(1)}.dimension-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.dimension-left{display:flex;align-items:center;gap:1rem;flex:1}.dimension-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.dimension-icon .icon{width:24px;height:24px}.dimension-info{display:flex;flex-direction:column;gap:.25rem}.dimension-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;line-height:1.4}.question-count{font-size:.875rem;color:#64748b;font-weight:500}.dimension-right{display:flex;align-items:center;gap:1rem}.dimension-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.regular-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.followup-badge{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.dimension-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .3s ease}.dimension-card.clickable:hover .dimension-arrow{color:#4f46e5;transform:translate(4px)}.arrow-icon{width:20px;height:20px}.error-container{background:#fff;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 4px 20px #00000014}.error-container p{font-size:1rem;color:#64748b;margin-bottom:1.5rem}.empty-container{background:#fff;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 4px 20px #00000014}.empty-container p{font-size:1.125rem;color:#64748b;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.preview-test-wrapper{padding:2rem 1rem}.preview-header{padding:2rem}.preview-header h1{font-size:2rem}.preview-subtitle{font-size:1rem}.test-summary{grid-template-columns:repeat(2,1fr);gap:.75rem}.summary-value{font-size:1.5rem}.dimension-card{padding:1.25rem 1.5rem}.dimension-content{flex-direction:column;align-items:flex-start;gap:1rem}.dimension-right{width:100%;justify-content:flex-start}.section-title{font-size:1.25rem}.dimension-name{font-size:1rem}}@media(max-width:480px){.preview-header h1{font-size:1.75rem}.test-summary{grid-template-columns:1fr}.dimension-card:hover{transform:translateY(-2px)}}.preview-sub-test-wrapper{min-height:100vh;background:linear-gradient(to right,#e2e2e2,#c9d6ff);color:#333;font-family:Poppins,sans-serif;padding:2rem}.preview-sub-test-container{max-width:900px;margin:0 auto}.preview-sub-test-header{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;animation:slideInDown .5s ease-out}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.back-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.back-icon{width:16px;height:16px}.preview-sub-test-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-subtitle{font-size:1rem;color:#64748b;margin-bottom:1.5rem}.sub-test-info{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #e2e8f0}.info-item{display:flex;align-items:center;gap:.5rem}.info-label{font-size:.875rem;color:#64748b;font-weight:500}.info-value{font-size:1.25rem;font-weight:700;color:#4f46e5}.info-badge{padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-badge.submitted{background:#dcfce7;color:#166534}.info-badge.in-progress{background:#fef3c7;color:#92400e}.info-badge.followup-badge{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.questions-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.question-wrapper{animation:fadeInUp .5s ease-out}.question-number{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.question-card-outer{position:relative}.question-card{background:#fff;border-radius:16px;padding:2rem 3.75rem 2rem 2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.insight-btn-group{position:absolute;top:1.25rem;right:1.25rem;z-index:10}.insight-btn{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #d9770640;padding:0}.insight-btn:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#b45309;transform:scale(1.1);box-shadow:0 4px 14px #d9770666}.insight-icon{width:18px;height:18px}.insight-tooltip{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:#fff;border-radius:14px;padding:1rem 1.125rem;box-shadow:0 12px 40px #00000026,0 2px 8px #00000014;border:1px solid #e2e8f0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.insight-tooltip:before{content:"";position:absolute;top:-7px;right:10px;width:14px;height:14px;background:#fff;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;transform:rotate(45deg);border-radius:2px}.insight-btn-group:hover .insight-tooltip{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.insight-tooltip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.625rem;border-bottom:1px solid #f1f5f9}.insight-tooltip-icon{width:16px;height:16px;color:#d97706;flex-shrink:0}.insight-tooltip-title{font-size:.8125rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.insight-score-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.insight-score-label{font-size:.8125rem;font-weight:600;color:#64748b;flex-shrink:0}.insight-stars{display:flex;align-items:center;gap:1px}.insight-star{font-size:1.0625rem;color:#d1d5db;line-height:1;transition:color .15s ease}.insight-star.filled{color:#f59e0b}.insight-score-value{font-size:.9375rem;font-weight:700;color:#1e293b;margin-left:auto}.insight-score-max{font-size:.75rem;font-weight:500;color:#94a3b8}.insight-justification{font-size:.8125rem;color:#475569;line-height:1.55;margin:0;font-style:italic}.question-header{margin-bottom:1rem}.question-type-badge{display:inline-block;padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.option-badge{background:#dbeafe;color:#1e40af}.multiselect-badge{background:#dcfce7;color:#166534}.yesno-badge{background:#fce7f3;color:#9f1239}.scale-badge{background:#fef3c7;color:#92400e}.text-badge{background:#e0e7ff;color:#3730a3}.question-text{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 6px;line-height:1.4}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;transition:all .3s ease}.option-item.selected{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 3px #4f46e51a}.option-radio{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;margin-top:2px}.option-checkbox{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;margin-top:2px}.option-item.selected .option-radio{border-color:#4f46e5;background:#4f46e5}.option-item.selected .option-checkbox{border-color:#16a34a;background:#16a34a}.radio-dot{width:8px;height:8px;border-radius:50%;background:#fff}.checkbox-check{font-size:14px;font-weight:700;color:#fff;line-height:1}.option-text{font-size:1rem;color:#334155;font-weight:500}.question-hint{margin-top:2px;margin-bottom:6px;font-size:.9rem;font-style:italic;color:#94a3b8;line-height:1.4}.option-item.selected .option-text{color:#1e293b;font-weight:600}.option-text-wrapper{display:flex;flex-direction:column;gap:2px}.option-hint{font-size:.82rem;font-weight:400;font-style:italic;color:#94a3b8;line-height:1.4;letter-spacing:.01em}.option-item.selected .option-hint{color:#6366f1;opacity:.7}.scale-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.scale-item{flex:1;display:flex;justify-content:center}.scale-circle{width:48px;height:48px;border-radius:50%;border:2px solid #cbd5e1;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:#64748b;transition:all .3s ease}.scale-item.selected .scale-circle{border-color:#4f46e5;background:#4f46e5;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #4f46e54d}.scale-labels{display:flex;justify-content:space-between;font-size:.875rem;color:#64748b;font-weight:500;margin-top:.5rem}.text-answer-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;min-height:100px}.text-answer-box p{font-size:1rem;color:#334155;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border-radius:16px;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000014;margin-top:2rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.pagination-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.pagination-icon{width:16px;height:16px}.pagination-info{font-size:.875rem;color:#64748b;font-weight:600}.page-numbers{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:nowrap;overflow-x:auto;padding:.25rem .5rem;max-width:100%}.page-numbers::-webkit-scrollbar{height:6px}.page-numbers::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.page-numbers::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.page-numbers button{flex-shrink:0;min-width:40px;padding:8px 12px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;color:#374151}.page-numbers button:hover{background:#f8fafc}.page-numbers .active-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.page-numbers .active-page:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px #667eea40}.error-container,.empty-container{background:#fff;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 4px 20px #00000014}.error-icon{font-size:4rem;margin-bottom:1rem}.error-container h2{font-size:1.75rem;font-weight:700;color:#ef4444;margin:0 0 1rem}.error-container p,.empty-container p{font-size:1rem;color:#64748b;margin-bottom:1.5rem}.retry-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.preview-sub-test-wrapper{padding:1.5rem 1rem}.preview-sub-test-header{padding:1.5rem}.preview-sub-test-header h1{font-size:1.5rem}.sub-test-info{flex-direction:column;align-items:flex-start;gap:1rem}.question-card{padding:1.5rem}.question-text{font-size:1rem}.scale-container{gap:.5rem}.scale-circle{width:40px;height:40px;font-size:1rem}.pagination-container{flex-direction:column;padding:1.25rem}.pagination-btn{width:100%;justify-content:center}}@media(max-width:480px){.preview-sub-test-header h1{font-size:1.25rem}.scale-circle{width:36px;height:36px;font-size:.875rem}.option-item{padding:.875rem 1rem}.text-answer-box{padding:1rem}}html,body{width:100%;height:100%;margin:0;padding:0}body{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(to right,#e2e2e2,#c9d6ff);color:#333}.app-container{height:100%;width:100%;box-sizing:border-box;background:linear-gradient(to right,#e2e2e2,#c9d6ff)}.content-container{margin-top:80px;min-height:calc(100vh - 80px)}.main-content{width:100%;min-height:calc(100vh - 80px)}.logo-placeholder{width:45px;height:45px;background:linear-gradient(to right,#43cea2,#185a9d);color:#fff;font-weight:700;font-size:1.6rem;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:16px;box-shadow:0 4px 8px #0000001a}.project-title{font-size:1.5rem;font-weight:600;letter-spacing:1px}.main-content{flex:1;width:100%;box-sizing:border-box;position:relative;padding-top:80px}.content-container{width:100%;margin:0 auto;box-sizing:border-box}.login-message{background:#ffeaea;color:#b71c1c;border:1px solid #ffbdbd;border-radius:6px;padding:10px 16px;margin-bottom:12px;font-size:1rem;text-align:center;font-weight:500;animation:fadeIn .5s ease-in-out}.start-test-btn{padding:16px 40px;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(to right,#43cea2,#185a9d);border:none;border-radius:8px;box-shadow:0 4px 15px #00000014;cursor:pointer;transition:background .2s,transform .2s}.start-test-btn:hover{background:linear-gradient(to right,#185a9d,#43cea2);transform:translateY(-2px)}@keyframes buttonPulse{0%{transform:scale(1);box-shadow:0 2px 8px #0000001a}50%{transform:scale(1.05);box-shadow:0 4px 12px #0003}to{transform:scale(1);box-shadow:0 2px 8px #0000001a}}@keyframes pageTransition{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pageLoad{0%{opacity:0;transform:translateY(30px)}50%{opacity:.5;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes questionSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}.main-content>*{animation:pageTransition .3s ease-out}.header-bar{width:100%;height:80px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:0;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.header-content{margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem}.logo-container{display:flex;align-items:center}.header-logo{height:40px;width:auto}.project-title{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em;transition:all .3s ease}.project-title:hover{transform:translateY(-1px);filter:brightness(1.1)}.project-title-small{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.6rem;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.header-center{flex:1;display:flex;justify-content:center}.header-right{display:flex;align-items:center;gap:1rem}.login-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.login-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.login-icon{width:18px;height:18px}.header-nav-container{display:flex;align-items:center;margin-left:auto;margin-right:2rem}.header-nav{display:flex;align-items:center;gap:1rem}.nav-link{display:flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:#3b82f6;background:#3b82f61a}.nav-link svg{width:16px;height:16px}.profile-dropdown{position:relative;display:inline-block}.profile-trigger{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.profile-trigger:hover{background:#3b82f61a}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-name{font-size:.9rem;font-weight:500;color:#1a202c}.dropdown-arrow{width:16px;height:16px;color:#64748b;transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:280px;z-index:1000;overflow:hidden}.dropdown-header{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.dropdown-user-info{display:flex;align-items:center;gap:1rem}.dropdown-avatar{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.dropdown-user-details{display:flex;flex-direction:column;gap:.25rem}.dropdown-user-name{font-size:1rem;font-weight:600;color:#1a202c}.dropdown-user-email{font-size:.85rem;color:#64748b}.dropdown-divider{height:1px;background:#e2e8f0;margin:0}.dropdown-actions{padding:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;border:none;background:none;color:#475569;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#f8fafc;color:#1e293b}.dropdown-item svg{width:18px;height:18px;flex-shrink:0}.settings-item{color:#3b82f6}.settings-item:hover{background:#3b82f61a;color:#2563eb}.edit-profile-item{color:#3b82f6}.edit-profile-item:hover{background:#3b82f61a;color:#2563eb}.dropdown-logout-container{padding:1rem}.dropdown-logout-container .logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #ef444433}.dropdown-logout-container .logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.dropdown-logout-container .logout-icon{width:18px;height:18px}@media(max-width:1024px){.header-content{padding:0 1.5rem}.header-nav-container{margin-right:1rem}.nav-link{padding:.5rem .75rem}}@media(max-width:768px){.header-content{padding:0 1rem}.project-title{font-size:1.6rem}.project-title-small{font-size:1.3rem}.header-nav-container{margin-right:.5rem}.nav-link span{display:none}.nav-link{padding:.5rem}.user-name{display:none}.profile-dropdown-menu{min-width:250px}}@media(max-width:480px){.header-content{padding:0 .75rem}.header-logo{height:32px}.project-title{font-size:1.4rem}.project-title-small{font-size:1.1rem}.login-btn{padding:.5rem 1rem;font-size:.8rem}.profile-dropdown-menu{min-width:220px;right:-10px}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;max-width:100%;margin:1rem auto}.error-container.small{padding:1rem}.error-container.large{padding:3rem}.error-content{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.error-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#dc3545;border-radius:50%;color:#fff}.error-container.small .error-icon{width:36px;height:36px}.error-container.large .error-icon{width:64px;height:64px}.error-icon svg{width:24px;height:24px}.error-container.small .error-icon svg{width:18px;height:18px}.error-container.large .error-icon svg{width:32px;height:32px}.error-text{max-width:500px}.error-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#2c3e50;line-height:1.3}.error-container.small .error-title{font-size:1.25rem}.error-container.large .error-title{font-size:2rem}.error-message{margin:0;font-size:1rem;color:#6c757d;line-height:1.5;word-wrap:break-word}.error-container.small .error-message{font-size:.875rem}.error-container.large .error-message{font-size:1.125rem}.error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.error-retry-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:120px}.error-retry-btn:hover{background:#0056b3}.error-retry-btn:focus{outline:2px solid #007bff;outline-offset:2px}@media(prefers-color-scheme:dark){.error-container{background:#2c3e50;border-color:#495057;color:#e9ecef}.error-title{color:#f8f9fa}.error-message{color:#adb5bd}.error-icon{background:#dc3545}}@media(max-width:768px){.error-container{margin:.5rem;padding:1.5rem}.error-container.large{padding:2rem}.error-content{gap:.75rem;margin-bottom:1rem}.error-title{font-size:1.25rem}.error-message{font-size:.875rem}.error-actions{flex-direction:column;align-items:center}.error-retry-btn{width:100%;max-width:200px}}@media(max-width:480px){.error-container{padding:1rem;margin:.25rem}.error-icon{width:40px;height:40px}.error-icon svg{width:20px;height:20px}.error-title{font-size:1.125rem}.error-message{font-size:.8rem}}.error-container.inline{display:inline-flex;flex-direction:row;align-items:center;padding:.75rem 1rem;margin:.5rem 0;text-align:left;max-width:none}.error-container.inline .error-content{flex-direction:row;gap:.75rem;margin-bottom:0}.error-container.inline .error-icon{width:24px;height:24px;flex-shrink:0}.error-container.inline .error-icon svg{width:16px;height:16px}.error-container.inline .error-text{flex:1}.error-container.inline .error-title{font-size:1rem;margin-bottom:.25rem}.error-container.inline .error-message{font-size:.875rem}.admin-side-navigation{position:fixed;left:0;top:80px;width:280px;height:calc(100vh - 80px);background:#f8fafc;color:#1a202c;box-shadow:2px 0 10px #0000001a;transition:all .3s ease;z-index:999;overflow:visible;max-width:280px;min-width:280px;box-sizing:border-box}.admin-side-navigation.collapsed{width:60px;max-width:60px;min-width:60px}.admin-side-navigation.collapsed .admin-side-nav-content{opacity:0;pointer-events:none;transform:translate(-100%);transition:all .3s ease}.admin-side-navigation .admin-side-nav-toggle{position:absolute;right:-15px;top:20px;width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid white;border-radius:50%;box-shadow:0 4px 15px #0003,0 2px 8px #0000001a,inset 0 1px #fff3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001;font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:auto;visibility:visible;opacity:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.admin-side-navigation .admin-side-nav-toggle:hover{transform:scale(1.15) translateY(-2px);box-shadow:0 6px 20px #00000040,0 4px 12px #00000026,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.admin-side-navigation .admin-side-nav-toggle:active{transform:scale(1.05) translateY(0);box-shadow:0 2px 8px #0003,0 1px 4px #0000001a,inset 0 1px #fff3;transition:all .1s ease}.admin-side-navigation .admin-side-nav-toggle:focus{outline:none;box-shadow:0 4px 15px #0003,0 2px 8px #0000001a,inset 0 1px #fff3,0 0 0 3px #667eea4d}.admin-side-navigation .admin-side-nav-toggle:before,.admin-side-navigation .admin-side-nav-toggle:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:1.5px;background:#fff;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.admin-side-navigation .admin-side-nav-toggle:before{transform:translate(-50%,-50%) translateY(-4px)}.admin-side-navigation .admin-side-nav-toggle:after{transform:translate(-50%,-50%) translateY(4px)}.admin-side-navigation .admin-side-nav-toggle .hamburger-line{position:absolute;top:50%;left:50%;width:12px;height:1.5px;background:#fff;border-radius:1px;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1}.admin-side-navigation:not(.collapsed) .admin-side-nav-toggle:before,.admin-side-navigation:not(.collapsed) .admin-side-nav-toggle:after{width:0;height:0;background:transparent;border-right:6px solid white;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translate(-50%,-50%)}.admin-side-navigation:not(.collapsed) .admin-side-nav-toggle .hamburger-line{opacity:0;transform:translate(-50%,-50%) scale(0)}@keyframes toggleButtonAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.admin-side-navigation .admin-side-nav-toggle{animation:toggleButtonAppear .3s ease-out}@media(max-width:768px){.admin-side-navigation .admin-side-nav-toggle{width:40px;height:40px;right:-20px;top:15px}.admin-side-navigation .admin-side-nav-toggle:before,.admin-side-navigation .admin-side-nav-toggle:after,.admin-side-navigation .admin-side-nav-toggle .hamburger-line{width:14px;height:2px}.admin-side-navigation:not(.collapsed) .admin-side-nav-toggle:before,.admin-side-navigation:not(.collapsed) .admin-side-nav-toggle:after{width:0;height:0;border-right:8px solid white;border-top:5px solid transparent;border-bottom:5px solid transparent}}.admin-side-navigation .admin-side-nav-content{padding:20px;transition:opacity .3s ease;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.admin-side-navigation .admin-side-nav-content::-webkit-scrollbar{width:0px;display:none}.admin-side-navigation .admin-side-nav-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.admin-side-navigation .admin-side-nav-header h3{margin:0 0 20px;font-size:1.4rem;font-weight:600;color:#1a202c}.admin-side-navigation .admin-nav-items{margin-bottom:30px}.admin-side-navigation .admin-nav-items h4{margin:0 0 15px;font-size:1.1rem;font-weight:600;color:#1a202c}.admin-side-navigation .admin-nav-items .dimension-list{display:flex;flex-direction:column;gap:12px}.admin-side-navigation .admin-nav-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#f1f5f9;border:1px solid #e2e8f0}.admin-side-navigation .admin-nav-item:hover{background:#e2e8f0;transform:translate(5px);border-color:#cbd5e1}.admin-side-navigation .admin-nav-item.active{background:#dbeafe;border-left:3px solid #3b82f6;border-color:#bfdbfe}.admin-side-navigation .admin-nav-content{flex:1;min-width:0}.admin-side-navigation .admin-nav-header{display:flex;align-items:center;justify-content:space-between;width:100%}.admin-side-navigation .admin-nav-name{display:block;font-size:.9rem;font-weight:500;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.admin-side-navigation .dimension-color-indicator{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #e2e8f0;flex-shrink:0}.admin-side-navigation .admin-nav-items .no-dimensions{text-align:center;padding:20px;color:#64748b}.admin-side-navigation .admin-nav-items .no-dimensions p{margin:0;font-size:.9rem}.admin-side-navigation .admin-quick-actions{border-top:1px solid #e2e8f0;padding-top:20px}.admin-side-navigation .admin-quick-actions h4{margin:0 0 15px;font-size:1.1rem;font-weight:600;color:#1a202c}.admin-side-navigation .admin-action-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-size:.9rem;cursor:pointer;transition:all .2s ease}.admin-side-navigation .admin-action-btn:hover{background:#e2e8f0;transform:translate(3px);border-color:#cbd5e1}.admin-side-navigation .admin-action-btn svg{width:16px;height:16px;flex-shrink:0}@media(max-width:1024px){.admin-side-navigation{width:250px}.admin-side-navigation.collapsed{width:50px}}@media(max-width:768px){.admin-side-navigation{transform:translate(-100%);width:280px}.admin-side-navigation.collapsed{transform:translate(0);width:60px}.admin-side-navigation.collapsed .admin-side-nav-content{opacity:0}}.admin-side-navigation::-webkit-scrollbar{width:0px;display:none}.admin-side-navigation::-webkit-scrollbar-track{display:none}.admin-side-navigation::-webkit-scrollbar-thumb{display:none}.admin-side-navigation::-webkit-scrollbar-thumb:hover{display:none}.admin-side-navigation{scrollbar-width:none;-ms-overflow-style:none}.admin-side-navigation{scroll-behavior:smooth}.admin-side-navigation .admin-side-nav-content>*{animation:slideInLeft .3s ease forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.admin-side-navigation .admin-nav-item{animation:slideInLeft .3s ease forwards}.admin-side-navigation .admin-nav-item:nth-child(1){animation-delay:.1s}.admin-side-navigation .admin-nav-item:nth-child(2){animation-delay:.2s}.admin-side-navigation .admin-nav-item:nth-child(3){animation-delay:.3s}.admin-side-navigation .admin-nav-item:nth-child(4){animation-delay:.4s}.admin-side-navigation .admin-nav-item:nth-child(5){animation-delay:.5s}.admin-side-navigation .admin-nav-item:nth-child(6){animation-delay:.6s}.admin-breadcrumb{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1.5rem;margin-left:280px;margin-bottom:0;position:relative;z-index:10}.admin-breadcrumb.sidebar-collapsed{margin-left:60px}.breadcrumb-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:.5rem;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-link{background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease;text-decoration:none}.breadcrumb-link:hover{background:#eff6ff;color:#1d4ed8}.breadcrumb-current{color:#374151;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.breadcrumb-separator{color:#9ca3af;font-size:.875rem;font-weight:400}@media(max-width:768px){.admin-breadcrumb{margin-left:60px;padding:.5rem 1rem}.breadcrumb-link,.breadcrumb-current{font-size:.8rem}}@media(max-width:480px){.admin-breadcrumb{margin-left:0;padding:.5rem .75rem}.breadcrumb-list{flex-wrap:wrap}}.confirm-dialog-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-in-out}.confirm-dialog{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:450px;padding:0;animation:slideIn .3s ease-out;border:1px solid rgba(0,0,0,.1)}.confirm-dialog-content{padding:32px 28px 24px}.confirm-dialog-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 16px;line-height:1.4}.confirm-dialog-message{font-size:15px;color:#4a5568;line-height:1.6;margin:0}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;background-color:#f8f9fa;border-top:1px solid rgba(0,0,0,.08);border-radius:0 0 12px 12px}.confirm-dialog-button{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.confirm-dialog-button.cancel{background-color:#e2e8f0;color:#4a5568}.confirm-dialog-button.cancel:hover{background-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.confirm-dialog-button.confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.confirm-dialog-button.confirm:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.confirm-dialog-button:active{transform:translateY(0)}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.confirm-dialog{width:95%;max-width:400px}.confirm-dialog-content{padding:24px 20px 20px}.confirm-dialog-title{font-size:18px}.confirm-dialog-message{font-size:14px}.confirm-dialog-actions{padding:16px 20px}.confirm-dialog-button{padding:9px 20px;font-size:13px}}.test-link-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.test-link-modal .modal-content{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.test-link-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.test-link-modal .modal-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.test-link-modal .close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease;color:#6b7280}.test-link-modal .close-btn:hover{background:#f3f4f6;color:#374151}.test-link-modal .close-btn svg{width:20px;height:20px}.test-link-modal .modal-body{margin-bottom:2rem}.test-link-modal .description-section{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.test-link-modal .description-text{margin:0;color:#374151;font-size:.9rem;line-height:1.5}.test-link-modal .test-name-section{margin-bottom:1.5rem}.test-link-modal .test-name-label{display:block;margin-bottom:.75rem;font-weight:600;color:#374151;font-size:.9rem}.test-link-modal .test-name-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.9rem;transition:all .2s ease}.test-link-modal .test-name-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.test-link-modal .test-name-input:hover{border-color:#9ca3af}.test-link-modal .test-name-input::placeholder{color:#9ca3af}.test-link-modal .assessment-type-section{margin-bottom:1.5rem}.test-link-modal .assessment-type-label{display:block;margin-bottom:.75rem;font-weight:600;color:#374151;font-size:.9rem}.test-link-modal .assessment-type-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.9rem;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.test-link-modal .assessment-type-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.test-link-modal .assessment-type-select:hover{border-color:#9ca3af}.test-link-modal .assessment-type-select option[title]:not([title=""]):hover:after{content:attr(title)}.test-link-modal .assessment-type-loading{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-radius:6px;color:#6b7280;font-size:.9rem}.test-link-modal .assessment-type-loading .loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.test-link-modal .assessment-type-error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem}.test-link-modal .template-section{margin-bottom:1.5rem}.test-link-modal .template-label{display:block;margin-bottom:.75rem;font-weight:600;color:#374151;font-size:.9rem}.test-link-modal .template-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.9rem;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.test-link-modal .template-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.test-link-modal .template-select:hover{border-color:#9ca3af}.test-link-modal .template-select:disabled{background:#f3f4f6;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;color:#9ca3af;cursor:not-allowed}.test-link-modal .additional-settings-section{margin-bottom:1.5rem}.test-link-modal .additional-settings-toggle{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;cursor:pointer;border-bottom:1px solid #e2e8f0;transition:border-color .2s ease}.test-link-modal .additional-settings-toggle:hover{border-bottom-color:#3b82f6}.test-link-modal .toggle-text{font-weight:600;color:#374151;font-size:.9rem}.test-link-modal .toggle-arrow{width:16px;height:16px;color:#64748b;transition:transform .3s ease}.test-link-modal .toggle-arrow.rotated{transform:rotate(180deg)}.test-link-modal .additional-settings-toggle:hover .toggle-arrow{color:#374151}.test-link-modal .additional-settings-body{margin-top:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e6eef9;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.test-link-modal .additional-label{font-weight:600;color:#374151;font-size:.9rem}.test-link-modal .additional-input{width:160px;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.9rem;transition:all .15s ease;-moz-appearance:textfield;appearance:textfield}.test-link-modal .additional-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f60f}.test-link-modal .additional-help{margin:0;color:#6b7280;font-size:.85rem}.test-link-modal .modal-content{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.test-link-modal .modal-content::-webkit-scrollbar{width:8px}.test-link-modal .modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.test-link-modal .modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.test-link-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.test-link-modal input[type=number]::-webkit-outer-spin-button,.test-link-modal input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.test-link-modal input[type=number]{-moz-appearance:textfield}.test-link-modal .template-disabled{padding:.75rem 1rem;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;font-size:.9rem;font-style:italic}.test-link-modal .template-loading{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-radius:6px;color:#6b7280;font-size:.9rem}.test-link-modal .template-loading .loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.test-link-modal .template-error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem}.test-link-modal .email-section{margin-bottom:1.5rem}.test-link-modal .email-label{display:block;margin-bottom:.75rem;font-weight:600;color:#374151;font-size:.9rem}.test-link-modal .email-input-container{display:flex;gap:.5rem;align-items:center}.test-link-modal .email-tags-container{flex:1;min-height:44px;border:1px solid #d1d5db;border-radius:6px;background:#fff;padding:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;transition:border-color .2s ease}.test-link-modal .email-tags-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.test-link-modal .email-tag{background:#3b82f6;color:#fff;padding:.25rem .5rem;border-radius:4px;display:flex;align-items:center;gap:.25rem;font-size:.8rem}.test-link-modal .email-text{font-weight:500}.test-link-modal .remove-email-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.test-link-modal .remove-email-btn:hover{background:#fff3}.test-link-modal .email-input{flex:1;min-width:200px;border:none;outline:none;font-size:.9rem;background:transparent;color:#374151;padding:.5rem 0}.test-link-modal .email-input::placeholder{color:#9ca3af}.test-link-modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.test-link-modal .close-modal-btn{padding:.75rem 1.5rem;background:#6b7280;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.test-link-modal .close-modal-btn:hover{background:#4b5563;transform:translateY(-1px)}.test-link-modal .generate-test-btn{padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.test-link-modal .generate-test-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.test-link-modal .generate-test-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.send-report-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.send-report-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:600px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.send-report-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.send-report-modal .modal-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.send-report-modal .close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.send-report-modal .close-btn:hover{background-color:#f3f4f6;color:#374151}.send-report-modal .close-btn svg{width:20px;height:20px}.send-report-modal .modal-body{padding:0 24px;max-height:60vh;overflow-y:auto}.send-report-modal .description-section{margin-bottom:24px}.send-report-modal .description-text{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.send-report-modal .email-section{margin-bottom:24px}.send-report-modal .email-label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.send-report-modal .email-input-container{border:2px solid #d1d5db;border-radius:8px;padding:8px;background-color:#fff;transition:border-color .2s ease;min-height:48px}.send-report-modal .email-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.send-report-modal .email-tags-container{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:32px}.send-report-modal .email-tag{display:inline-flex;align-items:center;background-color:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:6px;font-size:13px;font-weight:500;gap:6px;animation:tagSlideIn .2s ease-out}@keyframes tagSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.send-report-modal .email-text{white-space:nowrap}.send-report-modal .remove-email-btn{background:none;border:none;cursor:pointer;color:#1e40af;font-size:16px;font-weight:700;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.send-report-modal .remove-email-btn:hover{background-color:#93c5fd;color:#1e3a8a}.send-report-modal .email-input{border:none;outline:none;background:transparent;font-size:14px;color:#374151;padding:8px 4px;flex:1;min-width:200px}.send-report-modal .email-input::placeholder{color:#9ca3af}.send-report-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.send-report-modal .cancel-btn{background:none;border:1px solid #d1d5db;color:#374151;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.send-report-modal .cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.send-report-modal .send-report-btn{background-color:#3b82f6;border:none;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.send-report-modal .send-report-btn:hover:not(:disabled){background-color:#2563eb}.send-report-modal .send-report-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.send-report-modal .send-report-btn svg{width:16px;height:16px}@media(max-width:640px){.send-report-modal .modal-content{width:95%;margin:20px}.send-report-modal .modal-header,.send-report-modal .modal-body,.send-report-modal .modal-footer{padding-left:16px;padding-right:16px}.send-report-modal .modal-footer{flex-direction:column}.send-report-modal .cancel-btn,.send-report-modal .send-report-btn{width:100%;justify-content:center}.send-report-modal .email-input{min-width:150px}}.send-report-modal .send-report-btn:disabled{position:relative}.send-report-modal .send-report-btn:disabled:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.admin-dashboard{width:100%;max-width:1200px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease-in-out}.admin-dashboard .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-dashboard .summary-card{background:#fffffff7;border-radius:15px;padding:2rem;box-shadow:0 8px 32px #00000014;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);min-height:140px;display:flex;align-items:center}.admin-dashboard .summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.admin-dashboard .card-content{text-align:center;width:100%}.admin-dashboard .card-value{font-size:2.5rem;font-weight:700;color:#3b82f6;margin:0 0 .5rem;line-height:1;min-height:3rem;display:flex;align-items:center;justify-content:center}.admin-dashboard .card-label{font-size:1rem;color:#6b7280;margin:0;font-weight:500}.admin-dashboard .tests-table-section{background:#fffffff7;border-radius:15px;box-shadow:0 8px 32px #00000014;animation:fadeIn .5s ease-in-out}.admin-dashboard .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;position:relative}.admin-dashboard .table-title h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.admin-dashboard .table-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-dashboard .primary-actions{display:flex;gap:1rem;align-items:center}.admin-dashboard .secondary-actions{display:flex;gap:.5rem;align-items:center}.admin-dashboard .filter-container,.admin-dashboard .filter-btn{position:relative}.admin-dashboard .primary-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 2px 4px #3b82f633;display:flex;align-items:center;gap:.5rem}.admin-dashboard .primary-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.admin-dashboard .primary-btn svg{width:16px;height:16px}.admin-dashboard .filter-btn,.admin-dashboard .refresh-btn,.admin-dashboard .more-actions-btn{padding:.75rem;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.admin-dashboard .filter-btn:hover,.admin-dashboard .refresh-btn:hover,.admin-dashboard .more-actions-btn:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.admin-dashboard .filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.admin-dashboard .filter-btn.active:hover{background:#2563eb;border-color:#2563eb}.admin-dashboard .filter-btn svg,.admin-dashboard .refresh-btn svg,.admin-dashboard .more-actions-btn svg{width:16px;height:16px}.admin-dashboard .dropdown-menu-container{position:relative;display:inline-block}.admin-dashboard .dropdown-menu-container .dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.admin-dashboard .dropdown-menu-container:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.admin-dashboard .dropdown-menu-container .dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:#475569;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.admin-dashboard .dropdown-menu-container .dropdown-item:hover{background:#f8fafc;color:#1e293b}.admin-dashboard .dropdown-menu-container .dropdown-item svg{width:16px;height:16px;flex-shrink:0}.admin-dashboard .filter-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;min-width:320px;max-width:400px;animation:slideDown .3s ease-out}.admin-dashboard .filter-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.admin-dashboard .filter-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.admin-dashboard .close-filter-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:#64748b;transition:all .2s ease}.admin-dashboard .close-filter-btn:hover{background:#f1f5f9;color:#475569}.admin-dashboard .close-filter-btn svg{width:18px;height:18px}.admin-dashboard .filter-content{padding:1.5rem}.admin-dashboard .filter-section{margin-bottom:1.5rem}.admin-dashboard .filter-section:last-child{margin-bottom:0}.admin-dashboard .filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.admin-dashboard .filter-section-header label{font-size:.875rem;font-weight:600;color:#374151}.admin-dashboard .reset-section-btn{background:none;border:none;color:#3b82f6;font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.admin-dashboard .reset-section-btn:hover{background:#f3f4f6;color:#2563eb}.admin-dashboard .filter-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.admin-dashboard .filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-dashboard .search-input-container{position:relative}.admin-dashboard .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af;pointer-events:none}.admin-dashboard .filter-search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease}.admin-dashboard .filter-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-dashboard .filter-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}.admin-dashboard .reset-all-btn{background:#fff;color:#3b82f6;border:1px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.admin-dashboard .reset-all-btn:hover{background:#f8fafc;border-color:#d1d5db}.admin-dashboard .apply-filters-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.admin-dashboard .apply-filters-btn:hover{background:#2563eb}.admin-dashboard .table-container{overflow-x:auto;overflow-y:visible}.admin-dashboard .tests-table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-dashboard .tests-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:.85rem;vertical-align:middle}.admin-dashboard .tests-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;position:relative;font-size:.85rem}.admin-dashboard .tests-table tr:hover{background:#f8fafc}.admin-dashboard .tests-table th:nth-child(1),.admin-dashboard .tests-table td:nth-child(1){width:9%}.admin-dashboard .tests-table th:nth-child(2),.admin-dashboard .tests-table td:nth-child(2){width:11%}.admin-dashboard .tests-table th:nth-child(3),.admin-dashboard .tests-table td:nth-child(3){width:18%}.admin-dashboard .tests-table th:nth-child(4),.admin-dashboard .tests-table td:nth-child(4){width:12%}.admin-dashboard .tests-table th:nth-child(5),.admin-dashboard .tests-table td:nth-child(5){width:20%}.admin-dashboard .tests-table th:nth-child(6),.admin-dashboard .tests-table td:nth-child(6){width:24%}.admin-dashboard .tests-table th:nth-child(7),.admin-dashboard .tests-table td:nth-child(7){width:6%;text-align:center}.admin-dashboard .action-dropdown{position:relative;display:inline-block}.admin-dashboard .action-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-dashboard .action-btn:hover{background:#f1f5f9}.admin-dashboard .action-btn svg{width:16px;height:16px;color:#64748b}.admin-dashboard .dropdown-menu{position:fixed;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease}.admin-dashboard .action-dropdown:hover .dropdown-menu,.admin-dashboard .dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.admin-dashboard .dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:#475569;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.admin-dashboard .dropdown-item:hover{background:#f8fafc;color:#1e293b}.admin-dashboard .dropdown-item svg{width:16px;height:16px;flex-shrink:0}.admin-dashboard .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;text-align:center;min-width:100px}.admin-dashboard .status-badge.completed{background:#dcfce7;color:#166534}.admin-dashboard .status-badge.in_progress{background:#fef3c7;color:#92400e}.admin-dashboard .status-badge.submitted{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.admin-dashboard .status-container{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.admin-dashboard .report-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:#fffc;border-radius:12px;border:1px solid rgba(0,0,0,.1);font-size:.75rem;color:#4b5563;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-dashboard .status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.admin-dashboard .status-dot.submission_pending,.admin-dashboard .status-dot.in_progress{background:#f59e0b}.admin-dashboard .status-dot.generated{background:#3b82f6}.admin-dashboard .status-dot.sent{background:#10b981}.admin-dashboard .status-dot.generation_failed{background:#ef4444}.admin-dashboard .status-text{font-weight:500;font-size:.7rem;color:#374151}.admin-dashboard .test-id{font-weight:600;color:#1e293b;font-family:Courier New,monospace;font-size:.85rem}.admin-dashboard .test-name{max-width:none;overflow:hidden}.admin-dashboard .test-name-text{font-weight:500;color:#1e293b;font-size:.85rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard .assessment-type-cell{min-width:150px}.admin-dashboard .assessment-type-info{display:flex;flex-direction:column;gap:.25rem}.admin-dashboard .assessment-type-name{font-weight:600;color:#1e293b;font-size:.85rem}.admin-dashboard .template-name{font-size:.7rem;color:#64748b;font-style:italic}.admin-dashboard .date-generated{color:#64748b;font-size:.85rem}.admin-dashboard .users-cell{max-width:0;overflow:hidden}.admin-dashboard .users-info{display:flex;flex-direction:column;gap:.5rem}.admin-dashboard .user-count-badge{font-weight:600;color:#1e293b;font-size:.85rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:12px;display:inline-block;width:fit-content}.admin-dashboard .user-emails-container{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.admin-dashboard .user-email-tag{background:#e0f2fe;color:#0c4a6e;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:500;border:1px solid #bae6fd;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;font-family:Courier New,monospace}.admin-dashboard .more-users-badge{background:#fef3c7;color:#92400e;padding:.2rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid #fde68a;white-space:nowrap}.admin-dashboard .more-users-badge.clickable{cursor:pointer;transition:all .2s ease;position:relative}.admin-dashboard .more-users-badge.clickable:hover{background:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #f59e0b4d}.admin-dashboard .users-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-dashboard .users-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.admin-dashboard .users-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.admin-dashboard .users-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.admin-dashboard .users-modal-header .close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-dashboard .users-modal-header .close-btn:hover{background:#f3f4f6;color:#374151}.admin-dashboard .users-modal-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.admin-dashboard .users-list{display:flex;flex-direction:column;gap:1rem}.admin-dashboard .user-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.admin-dashboard .user-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.admin-dashboard .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;flex-shrink:0}.admin-dashboard .user-details{flex:1;min-width:0}.admin-dashboard .user-email{font-weight:600;color:#1f2937;font-size:.95rem;margin-bottom:.25rem;font-family:Courier New,monospace;word-break:break-all;line-height:1.4}.admin-dashboard .user-name{color:#6b7280;font-size:.9rem;font-style:italic}.admin-dashboard .no-data{text-align:center;padding:3rem 1.5rem;color:#64748b}.admin-dashboard .admin-dashboard-loading,.admin-dashboard .admin-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fffffff7;border-radius:15px;box-shadow:0 8px 32px #00000014}.admin-dashboard .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.admin-dashboard .loading-spinner.small{width:24px;height:24px;border-width:3px;margin:0;border-color:#e5e7eb;border-top-color:#3b82f6}.admin-dashboard .table-loading-cell{text-align:center;padding:2rem}.admin-dashboard .table-loading-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#6b7280;font-size:.875rem}.admin-dashboard .refresh-btn svg.rotating{animation:spin 1s linear infinite}.admin-dashboard .refresh-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.admin-dashboard{padding:1.5rem}.admin-dashboard .summary-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.admin-dashboard .table-header,.admin-dashboard .table-actions{flex-direction:column;gap:1rem;align-items:stretch}.admin-dashboard .primary-actions,.admin-dashboard .secondary-actions{justify-content:center}}@media(max-width:768px){.admin-dashboard{padding:1rem}.admin-dashboard .summary-cards{grid-template-columns:1fr;gap:1rem}.admin-dashboard .tests-table{font-size:.8rem}.admin-dashboard .tests-table th,.admin-dashboard .tests-table td{padding:.75rem 1rem}.admin-dashboard .user-emails{display:none}}@media(max-width:480px){.admin-dashboard{padding:.75rem}.admin-dashboard .table-header{flex-direction:column;gap:1rem}.admin-dashboard .table-actions{flex-direction:column;gap:.5rem}.admin-dashboard .primary-btn{width:100%;justify-content:center}.admin-dashboard .secondary-actions{justify-content:space-between}}.admin-dashboard .dropdown-item.copy-url-item{color:#8b5cf6}.admin-dashboard .dropdown-item.copy-url-item:hover{background:#faf5ff;color:#7c3aed}.admin-dashboard .dropdown-item.copy-url-item:disabled{color:#9ca3af;cursor:not-allowed}.admin-dashboard .dropdown-item.copy-url-item:disabled:hover{background:none;color:#9ca3af}.admin-dashboard .dropdown-item.delete-item{color:#ef4444}.admin-dashboard .dropdown-item.delete-item:hover{background:#fef2f2;color:#dc2626}.admin-dashboard .dropdown-item.delete-item:disabled{color:#9ca3af;cursor:not-allowed}.admin-dashboard .dropdown-item.delete-item:disabled:hover{background:none;color:#9ca3af}.admin-dashboard .dropdown-item.send-report-item{color:#10b981}.admin-dashboard .dropdown-item.send-report-item:hover{background:#ecfdf5;color:#059669}.admin-dashboard .dropdown-item.send-report-item:disabled{color:#9ca3af;cursor:not-allowed}.admin-dashboard .dropdown-item.send-report-item:disabled:hover{background:none;color:#9ca3af}.admin-dashboard .dropdown-item.generate-again-item{color:#f97316}.admin-dashboard .dropdown-item.generate-again-item:hover{background:#ffedd5;color:#ea580c}.admin-dashboard .dropdown-item.generate-again-item:disabled{color:#9ca3af;cursor:not-allowed}.admin-dashboard .dropdown-item.generate-again-item:disabled:hover{background:none;color:#9ca3af}.admin-dashboard .dropdown-item.regenerate-report-item{color:#f97316}.admin-dashboard .dropdown-item.regenerate-report-item:hover{background:#ffedd5;color:#ea580c}.admin-dashboard .dropdown-item.regenerate-report-item:disabled{color:#9ca3af;cursor:not-allowed}.admin-dashboard .dropdown-item.regenerate-report-item:disabled:hover{background:none;color:#9ca3af}.admin-dashboard .dropdown-item.download-item{color:#3b82f6}.admin-dashboard .dropdown-item.download-item:hover{background:#eff6ff;color:#2563eb}.admin-dashboard .dropdown-item.download-item:disabled{color:#9ca3af;cursor:not-allowed}.admin-dashboard .dropdown-item.download-item:disabled:hover{background:none;color:#9ca3af}.admin-dashboard .dropdown-item.preview-item{color:#f59e0b}.admin-dashboard .dropdown-item.preview-item:hover{background:#fef3c7;color:#d97706}.tests-wrapper{width:100%;max-width:1200px;margin:2rem auto;padding:2rem;background:#fffffff7;border-radius:15px;box-shadow:0 8px 32px #00000014;animation:fadeIn .5s ease-in-out}.tests-wrapper .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;position:relative}.tests-wrapper .table-title h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.tests-wrapper .table-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.tests-wrapper .search-container{flex:0 0 auto;max-width:300px}.tests-wrapper .search-input-wrapper{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;min-width:250px}.tests-wrapper .search-input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1;min-width:0}.tests-wrapper .search-input::placeholder{color:#94a3b8}.tests-wrapper .search-btn,.tests-wrapper .clear-search-btn{border:none;background:#e2e8f0;color:#334155;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;flex-shrink:0}.tests-wrapper .search-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0}.tests-wrapper .search-btn svg{width:18px;height:18px}.tests-wrapper .search-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 6px #2563eb59;transform:translateY(-1px)}.tests-wrapper .clear-search-btn{background:#fee2e2;color:#b91c1c}.tests-wrapper .clear-search-btn:hover{background:#fecaca}.tests-wrapper .primary-actions{display:flex;gap:.75rem;align-items:center}.tests-wrapper .secondary-actions{display:flex;gap:.5rem;align-items:center}.tests-wrapper .filter-container,.tests-wrapper .filter-btn{position:relative}.tests-wrapper .primary-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 2px 4px #3b82f633;display:flex;align-items:center;gap:.5rem}.tests-wrapper .primary-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.tests-wrapper .primary-btn svg{width:16px;height:16px}.tests-wrapper .filter-btn,.tests-wrapper .refresh-btn{padding:.75rem;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.tests-wrapper .filter-btn:hover,.tests-wrapper .refresh-btn:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tests-wrapper .filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.tests-wrapper .filter-btn.active:hover{background:#2563eb;border-color:#2563eb}.tests-wrapper .filter-btn svg,.tests-wrapper .refresh-btn svg{width:16px;height:16px}.tests-wrapper .filter-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;min-width:320px;max-width:400px;animation:slideDown .3s ease-out;color:#374151}.tests-wrapper .filter-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.tests-wrapper .filter-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.tests-wrapper .close-filter-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:#64748b;transition:all .2s ease}.tests-wrapper .close-filter-btn:hover{background:#f1f5f9;color:#475569}.tests-wrapper .close-filter-btn svg{width:18px;height:18px}.tests-wrapper .filter-content{padding:1.5rem}.tests-wrapper .filter-section{margin-bottom:1.5rem}.tests-wrapper .filter-section:last-child{margin-bottom:0}.tests-wrapper .filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tests-wrapper .filter-section-header label{font-size:.875rem;font-weight:600;color:#374151}.tests-wrapper .reset-section-btn{background:none;border:none;color:#3b82f6;font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.tests-wrapper .reset-section-btn:hover{background:#f3f4f6;color:#2563eb}.tests-wrapper .filter-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;color:#374151;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.tests-wrapper .filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tests-wrapper .filter-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.tests-wrapper .filter-select option{color:#374151;background:#fff;padding:.5rem}.tests-wrapper .filter-hint{display:block;margin-top:.5rem;font-size:.75rem;color:#6b7280;font-style:italic}.tests-wrapper .search-input-container{position:relative}.tests-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af;pointer-events:none}.tests-wrapper .filter-search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;color:#374151;transition:all .2s ease}.tests-wrapper .filter-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tests-wrapper .filter-search-input::placeholder{color:#9ca3af}.tests-wrapper .filter-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}.tests-wrapper .reset-all-btn{background:#fff;color:#3b82f6;border:1px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.tests-wrapper .reset-all-btn:hover{background:#f8fafc;border-color:#d1d5db}.tests-wrapper .apply-filters-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.tests-wrapper .apply-filters-btn:hover{background:#2563eb}.tests-wrapper .table-container{overflow-x:auto;overflow-y:visible}.tests-wrapper .tests-table{width:100%;border-collapse:collapse;table-layout:fixed}.tests-wrapper .tests-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:.85rem;vertical-align:middle}.tests-wrapper .tests-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;position:relative;font-size:.85rem}.tests-wrapper .tests-table tr:hover{background:#f8fafc}.tests-wrapper .tests-table th:nth-child(1),.tests-wrapper .tests-table td:nth-child(1){width:9%}.tests-wrapper .tests-table th:nth-child(2),.tests-wrapper .tests-table td:nth-child(2){width:11%}.tests-wrapper .tests-table th:nth-child(3),.tests-wrapper .tests-table td:nth-child(3){width:18%}.tests-wrapper .tests-table th:nth-child(4),.tests-wrapper .tests-table td:nth-child(4){width:12%}.tests-wrapper .tests-table th:nth-child(5),.tests-wrapper .tests-table td:nth-child(5){width:20%}.tests-wrapper .tests-table th:nth-child(6),.tests-wrapper .tests-table td:nth-child(6){width:24%}.tests-wrapper .tests-table th:nth-child(7),.tests-wrapper .tests-table td:nth-child(7){width:6%;text-align:center}.tests-wrapper .action-dropdown{position:relative;display:inline-block}.tests-wrapper .action-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tests-wrapper .action-btn:hover{background:#f1f5f9}.tests-wrapper .action-btn svg{width:16px;height:16px;color:#64748b}.tests-wrapper .dropdown-menu{position:fixed;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.tests-wrapper .action-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.tests-wrapper .dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:#475569;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.tests-wrapper .dropdown-item:hover{background:#f8fafc;color:#1e293b}.tests-wrapper .dropdown-item svg{width:16px;height:16px;flex-shrink:0}.tests-wrapper .status-container{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.tests-wrapper .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;text-align:center;min-width:100px}.tests-wrapper .status-badge.completed{background:#dcfce7;color:#166534}.tests-wrapper .status-badge.in_progress{background:#fef3c7;color:#92400e}.tests-wrapper .status-badge.submitted{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.tests-wrapper .report-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:#fffc;border-radius:12px;border:1px solid rgba(0,0,0,.1);font-size:.75rem;color:#4b5563;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tests-wrapper .status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.tests-wrapper .status-dot.submission_pending,.tests-wrapper .status-dot.in_progress{background:#f59e0b}.tests-wrapper .status-dot.generated{background:#3b82f6}.tests-wrapper .status-dot.sent{background:#10b981}.tests-wrapper .status-dot.generation_failed{background:#ef4444}.tests-wrapper .status-text{font-weight:500;font-size:.7rem;color:#374151}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tests-wrapper .test-id{font-weight:600;color:#1e293b;font-family:Courier New,monospace;font-size:.85rem}.tests-wrapper .test-name{max-width:none;overflow:hidden}.tests-wrapper .test-name-text{font-weight:500;color:#1e293b;font-size:.85rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tests-wrapper .assessment-type-cell{min-width:150px}.tests-wrapper .assessment-type-info{display:flex;flex-direction:column;gap:.25rem}.tests-wrapper .assessment-type-name{font-weight:600;color:#1e293b;font-size:.85rem}.tests-wrapper .template-name{font-size:.7rem;color:#64748b;font-style:italic}.tests-wrapper .date-generated{color:#64748b;font-size:.85rem}.tests-wrapper .users-cell{max-width:0;overflow:hidden}.tests-wrapper .users-info{display:flex;flex-direction:column;gap:.5rem}.tests-wrapper .user-count-badge{font-weight:600;color:#1e293b;font-size:.85rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:12px;display:inline-block;width:fit-content}.tests-wrapper .user-emails-container{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.tests-wrapper .user-email-tag{background:#e0f2fe;color:#0c4a6e;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:500;border:1px solid #bae6fd;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;font-family:Courier New,monospace}.tests-wrapper .more-users-badge{background:#fef3c7;color:#92400e;padding:.2rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid #fde68a;white-space:nowrap}.tests-wrapper .more-users-badge.clickable{cursor:pointer;transition:all .2s ease;position:relative}.tests-wrapper .more-users-badge.clickable:hover{background:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #f59e0b4d}.tests-wrapper .users-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tests-wrapper .users-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tests-wrapper .users-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tests-wrapper .users-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.tests-wrapper .users-modal-header .close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tests-wrapper .users-modal-header .close-btn:hover{background:#f3f4f6;color:#374151}.tests-wrapper .users-modal-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.tests-wrapper .users-list{display:flex;flex-direction:column;gap:1rem}.tests-wrapper .user-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.tests-wrapper .user-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.tests-wrapper .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;flex-shrink:0}.tests-wrapper .user-details{flex:1;min-width:0}.tests-wrapper .user-email{font-weight:600;color:#1f2937;font-size:.95rem;margin-bottom:.25rem;font-family:Courier New,monospace;word-break:break-all;line-height:1.4}.tests-wrapper .user-name{color:#6b7280;font-size:.9rem;font-style:italic}.tests-wrapper .no-data{text-align:center;padding:3rem 1.5rem;color:#64748b}.tests-wrapper .loading-container,.tests-wrapper .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.tests-wrapper .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.tests-wrapper .retry-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .3s ease}.tests-wrapper .retry-btn:hover{background:#2563eb}.tests-wrapper .table-tabs-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;background:#fff;padding:0 1.5rem}.tests-wrapper .table-tabs{display:flex;border-bottom:none}.tests-wrapper .tab-btn{padding:1rem 1.5rem;background:none;border:none;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:.5rem}.tests-wrapper .tab-btn:hover{color:#185a9d;background:#185a9d0d}.tests-wrapper .tab-btn.active{color:#185a9d}.tests-wrapper .tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#43cea2}.tests-wrapper .badge{background:#ef4444;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px;font-weight:600}@media(max-width:1024px){.tests-wrapper{margin:1.5rem;padding:1.5rem}.tests-wrapper .table-header{flex-direction:column;gap:1rem;align-items:stretch}}@media(max-width:768px){.tests-wrapper{margin:1rem;padding:1rem}.tests-wrapper .tests-table{font-size:.8rem}.tests-wrapper .tests-table th,.tests-wrapper .tests-table td{padding:.75rem 1rem}.tests-wrapper .user-emails{display:none}.tests-wrapper .table-header{flex-direction:column;align-items:flex-start}.tests-wrapper .table-actions{width:100%;flex-wrap:wrap}.tests-wrapper .search-container{order:3;width:100%;max-width:100%;margin-top:.5rem}.tests-wrapper .search-input-wrapper{min-width:100%}.tests-wrapper .primary-actions{order:1}.tests-wrapper .secondary-actions{order:2}}@media(max-width:480px){.tests-wrapper{margin:.75rem;padding:.75rem}.tests-wrapper .table-header{flex-direction:column;gap:1rem}.tests-wrapper .table-actions{flex-direction:column;gap:.5rem;width:100%;align-items:stretch}.tests-wrapper .search-container{width:100%;max-width:100%;order:3}.tests-wrapper .search-input-wrapper{width:100%;min-width:100%}.tests-wrapper .primary-actions,.tests-wrapper .secondary-actions{width:100%;justify-content:space-between}.tests-wrapper .primary-actions{order:1}.tests-wrapper .secondary-actions{order:2}}.tests-wrapper .dropdown-item.send-report-item{color:#10b981}.tests-wrapper .dropdown-item.send-report-item:hover{background:#ecfdf5;color:#059669}.tests-wrapper .dropdown-item.send-report-item:disabled{color:#9ca3af;cursor:not-allowed}.tests-wrapper .dropdown-item.send-report-item:disabled:hover{background:none;color:#9ca3af}.tests-wrapper .dropdown-item.generate-again-item{color:#f97316}.tests-wrapper .dropdown-item.generate-again-item:hover{background:#ffedd5;color:#ea580c}.tests-wrapper .dropdown-item.generate-again-item:disabled{color:#9ca3af;cursor:not-allowed}.tests-wrapper .dropdown-item.generate-again-item:disabled:hover{background:none;color:#9ca3af}.tests-wrapper .dropdown-item.regenerate-report-item{color:#f97316}.tests-wrapper .dropdown-item.regenerate-report-item:hover{background:#ffedd5;color:#ea580c}.tests-wrapper .dropdown-item.regenerate-report-item:disabled{color:#9ca3af;cursor:not-allowed}.tests-wrapper .dropdown-item.regenerate-report-item:disabled:hover{background:none;color:#9ca3af}.tests-wrapper .dropdown-item.copy-url-item{color:#8b5cf6}.tests-wrapper .dropdown-item.copy-url-item:hover{background:#faf5ff;color:#7c3aed}.tests-wrapper .dropdown-item.copy-url-item:disabled{color:#9ca3af;cursor:not-allowed}.tests-wrapper .dropdown-item.copy-url-item:disabled:hover{background:none;color:#9ca3af}.tests-wrapper .dropdown-item.delete-item{color:#ef4444}.tests-wrapper .dropdown-item.delete-item:hover{background:#fef2f2;color:#dc2626}.tests-wrapper .dropdown-item.delete-item:disabled{color:#9ca3af;cursor:not-allowed}.tests-wrapper .dropdown-item.delete-item:disabled:hover{background:none;color:#9ca3af}.tests-wrapper .dropdown-item.download-item{color:#3b82f6}.tests-wrapper .dropdown-item.download-item:hover{background:#eff6ff;color:#2563eb}.tests-wrapper .dropdown-item.download-item:disabled{color:#9ca3af;cursor:not-allowed}.tests-wrapper .dropdown-item.download-item:disabled:hover{background:none;color:#9ca3af}.tests-wrapper .dropdown-item.preview-item{color:#f59e0b}.tests-wrapper .dropdown-item.preview-item:hover{background:#fef3c7;color:#d97706}.tests-wrapper .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;margin-top:1rem;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000000f}.tests-wrapper .pagination-info{color:#64748b;font-size:.9rem;font-weight:500}.tests-wrapper .pagination-controls{display:flex;align-items:center;gap:.5rem}.tests-wrapper .pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tests-wrapper .pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tests-wrapper .pagination-btn:disabled{background:#f1f5f9;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.tests-wrapper .pagination-btn svg{width:16px;height:16px}.tests-wrapper .page-numbers{display:flex;align-items:center;gap:.25rem}.tests-wrapper .page-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tests-wrapper .page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tests-wrapper .page-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f633}.tests-wrapper .page-btn.active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.tests-wrapper .page-btn.ellipsis{background:transparent;border:none;cursor:default;width:auto;padding:0 .5rem}.tests-wrapper .page-btn.ellipsis:hover{background:transparent;transform:none;box-shadow:none}.tests-wrapper .page-btn:disabled{background:#f1f5f9;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.tests-wrapper .pagination-container{flex-direction:column;gap:1rem;padding:1rem}.tests-wrapper .pagination-controls{flex-wrap:wrap;justify-content:center}.tests-wrapper .page-numbers{order:2}.tests-wrapper .pagination-btn{order:1}}.tests-wrapper .table-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin:1rem 0}.tests-wrapper .table-loading-container .loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.tests-wrapper .table-loading-container p{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.tests-wrapper .table-loading-cell{text-align:center;padding:2rem}.tests-wrapper .table-loading-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#6b7280;font-size:.875rem}.tests-wrapper .loading-spinner.small{width:20px;height:20px;border-width:2px;margin:0;border-color:#e5e7eb;border-top-color:#3b82f6}.tests-wrapper .filters-reserved-space{height:32px;margin:.5rem 0;display:flex;align-items:center;transition:all .2s ease-out}.tests-wrapper .active-filters-container{width:100%;height:100%;display:flex;align-items:center;animation:slideDown .3s ease-out}.tests-wrapper .active-filters-content{width:100%;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem .75rem;font-size:.75rem}.tests-wrapper .filters-header{display:flex;align-items:center;gap:.75rem}.tests-wrapper .filters-label{color:#6b7280;font-weight:500;font-size:.75rem}.tests-wrapper .clear-all-btn{background:none;border:none;color:#dc2626;font-size:.6875rem;font-weight:500;cursor:pointer;padding:.125rem .25rem;border-radius:3px;transition:background-color .2s ease}.tests-wrapper .clear-all-btn:hover{background:#fee2e2}.tests-wrapper .filter-chips{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tests-wrapper .filter-chip{display:flex;align-items:center;gap:.25rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.125rem .375rem;font-size:.6875rem;transition:all .2s ease}.tests-wrapper .filter-chip:hover{border-color:#9ca3af;background:#f9fafb}.tests-wrapper .chip-text{color:#374151;font-weight:500}.tests-wrapper .chip-remove{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;line-height:1;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s ease}.tests-wrapper .chip-remove:hover{background:#e5e7eb;color:#374151}.tests-wrapper .filters-placeholder{width:100%;display:flex;align-items:center;justify-content:center;opacity:.3;transition:opacity .3s ease-out}.tests-wrapper .filters-placeholder .placeholder-text{font-size:.6875rem;color:#9ca3af;font-weight:400}@media(max-width:768px){.tests-wrapper .filters-reserved-space{height:28px;margin:.375rem 0}.tests-wrapper .active-filters-content{padding:.375rem .5rem;font-size:.6875rem}.tests-wrapper .filters-header{gap:.5rem}.tests-wrapper .filter-chips{gap:.375rem}.tests-wrapper .filter-chip{font-size:.625rem;padding:.125rem .25rem}.tests-wrapper .filters-placeholder .placeholder-text{font-size:.625rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tests-wrapper .active-filters-container{padding:.75rem 1rem;margin:.75rem 0}.tests-wrapper .active-filters-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tests-wrapper .clear-all-filters-btn{align-self:flex-end}.tests-wrapper .active-filters-chips{gap:.375rem}.tests-wrapper .filter-chip{font-size:.6875rem;padding:.25rem .5rem}}.users-container{width:100%;max-width:1200px;margin:0 auto;padding:2.5rem;animation:fadeIn .5s ease-in-out}.users-container .users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.users-container .users-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.users-container .refresh-btn,.users-container .create-admin-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.users-container .users-actions{display:flex;align-items:center;gap:.75rem}.users-container .users-search{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px}.users-container .users-search .search-input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;min-width:240px}.users-container .users-search .search-btn,.users-container .users-search .clear-btn{border:none;background:#e2e8f0;color:#334155;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.users-container .users-search .search-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0}.users-container .users-search .search-btn svg{width:18px;height:18px}.users-container .users-search .clear-btn:hover{background:#cbd5e1}.users-container .users-search .search-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 6px #2563eb59;transform:translateY(-1px)}.users-container .users-search .clear-btn{background:#fee2e2;color:#b91c1c}.users-container .users-search .clear-btn:hover{background:#fecaca}.users-container .revoke-admin-btn{padding:8px 14px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.users-container .revoke-admin-placeholder{visibility:hidden;padding:8px 14px;border-radius:8px;font-weight:600;font-size:13px;display:inline-block}.users-container .revoke-admin-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.users-container .revoke-admin-btn:disabled{opacity:.6;cursor:not-allowed}.users-table .actions-col{text-align:center;width:150px}.users-table .user-actions-cell{text-align:center;display:flex;justify-content:center;align-items:center;min-height:40px}.users-container .create-admin-btn svg{width:18px;height:18px}.users-container .refresh-btn:hover,.users-container .create-admin-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.users-container .refresh-btn:disabled,.users-container .create-admin-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.users-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.users-container .loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.users-container .loading-container p{color:#6b7280;font-size:1.1rem;margin:0}.users-container .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:1rem;margin-bottom:1rem;font-weight:500}.users-container .users-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;margin-top:1.25rem;padding-bottom:1rem}.users-container .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;margin-top:1rem;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000000f}.users-container .pagination-info{color:#64748b;font-size:.9rem;font-weight:500}.users-container .pagination-controls{display:flex;align-items:center;gap:.5rem}.users-container .pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.users-container .pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.users-container .pagination-btn:disabled{background:#f1f5f9;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.users-container .pagination-btn svg{width:16px;height:16px}.users-container .page-numbers{display:flex;align-items:center;gap:.25rem}.users-container .page-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.users-container .page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.users-container .page-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f633}.users-container .page-btn.active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.users-container .page-btn.ellipsis{background:transparent;border:none;cursor:default;width:auto;padding:0 .5rem}.users-container .page-btn.ellipsis:hover{background:transparent;transform:none;box-shadow:none}.users-container .no-users{padding:3rem 2rem;text-align:center;color:#6b7280;font-size:1.1rem}.users-container .users-table-container{border-radius:12px}.users-container .users-table{width:100%;border-collapse:collapse;background:#fff;table-layout:auto}.users-container .users-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.users-container .users-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.users-container .users-table td{padding:1rem}.users-container .users-table th:nth-child(1){width:10%}.users-container .users-table th:nth-child(2){width:25%}.users-container .users-table th:nth-child(3){width:auto}.users-container .users-table tbody tr{transition:background-color .2s ease}.users-container .users-table tbody tr:hover{background-color:#f9fafb}.users-container .users-table th.actions-col,.users-container .users-table td.user-actions-cell{width:150px}.users-container .users-table th.actions-col{text-align:center!important}.users-container .users-table td.user-actions-cell{text-align:center;display:flex;justify-content:center;align-items:center}.users-container .users-table th:nth-child(1),.users-container .users-table td:nth-child(1){text-align:center}.users-container .user-row{animation:fadeIn .3s ease-in-out}.users-container .user-name{font-weight:600;color:#1f2937;font-size:1rem}.users-container .user-email{color:#374151;font-size:.95rem;font-family:Courier New,monospace;white-space:normal;word-break:break-all;overflow:visible}.users-container .user-tests{text-align:center}.users-container .test-count{font-weight:600;padding:.25rem .75rem;border-radius:20px;display:inline-block;font-size:.9rem}.users-container .test-count.total{color:#1e40af;background:#dbeafe}.users-container .test-count.in-progress{color:#d97706;background:#fed7aa}.users-container .user-actions{text-align:center}.users-container .action-dropdown{position:relative;display:inline-block}.users-container .action-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease;color:#6b7280}.users-container .action-btn:hover{background:#f3f4f6;color:#374151}.users-container .action-btn svg{width:20px;height:20px}.users-container .dropdown-menu{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;min-width:160px;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;max-height:200px;overflow:visible}.users-container .dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.users-container .dropdown-menu.dropdown-above{transform:translateY(10px)}.users-container .dropdown-menu.dropdown-above.show{transform:translateY(0)}.users-container .dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:.9rem;color:#374151;transition:background-color .2s ease;text-align:left}.users-container .dropdown-item:hover{background:#f9fafb}.users-container .dropdown-item.delete-item{color:#dc2626}.users-container .dropdown-item.delete-item:hover{background:#fef2f2}.users-container .dropdown-item:disabled{opacity:.5;cursor:not-allowed}.users-container .dropdown-item svg{width:16px;height:16px}@media(max-width:768px){.users-container{padding:1rem}.users-container .users-header{flex-direction:column;gap:1rem;align-items:flex-start}.users-container .users-actions{width:100%;justify-content:space-between}.users-container .users-search .search-input{min-width:0;width:100%}.users-container .users-header h1{font-size:1.5rem}.users-container .users-table th,.users-container .users-table td{padding:.75rem .5rem;font-size:.85rem}.users-container .user-name{font-size:.9rem}.users-container .user-email{font-size:.8rem}.users-container .test-count{font-size:.8rem;padding:.2rem .5rem}.users-container .action-btn svg{width:18px;height:18px}.users-container .dropdown-menu{min-width:140px}.users-container .dropdown-item{padding:8px 12px;font-size:.8rem}}@media(max-width:480px){.users-container{padding:.5rem}.users-container .users-header h1{font-size:1.25rem}.users-container .refresh-btn{padding:8px 16px;font-size:.85rem}.users-container .users-table th,.users-container .users-table td{padding:.5rem .25rem;font-size:.8rem}.users-container .user-name{font-size:.85rem}.users-container .user-email{font-size:.75rem}.users-container .test-count{font-size:.75rem;padding:.15rem .4rem}.users-container .action-btn svg{width:16px;height:16px}.users-container .dropdown-menu{min-width:120px}.users-container .dropdown-item{padding:6px 10px;font-size:.75rem}.delete-animation{padding:1.5rem 2rem;margin:1rem}.delete-animation .spinner{width:32px;height:32px;border-width:3px}.delete-animation p{font-size:1rem}.refresh-indicator{padding:.75rem;gap:.5rem}.refresh-indicator .loading-spinner.small{width:18px;height:18px;border-width:2px}.refresh-indicator span{font-size:.85rem}}.refresh-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:linear-gradient(145deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;margin-bottom:1rem;animation:slideDown .3s ease-out}.refresh-indicator .loading-spinner.small{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.refresh-indicator span{color:#475569;font-size:.9rem;font-weight:500}.table-loading-cell{text-align:center;padding:2rem!important;background:#f8fafc;border:none!important}.table-loading-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#64748b}.table-loading-indicator .loading-spinner.small{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.table-loading-indicator span{font-size:.9rem;font-weight:500}.delete-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-in-out}.delete-animation{background:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:slideIn .3s ease-out}.delete-animation .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #ef4444;border-radius:50%;animation:spin 1s linear infinite}.delete-animation p{margin:0;color:#374151;font-size:1.1rem;font-weight:600;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.table-loading-cell{padding:1.5rem!important}.table-loading-indicator{gap:.5rem}.table-loading-indicator .loading-spinner.small{width:18px;height:18px;border-width:2px}.table-loading-indicator span{font-size:.85rem}}.users-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.users-container .modal-content{background:#fff;border-radius:12px;padding:0;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a;animation:slideIn .3s ease-out}.users-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.users-container .modal-header h2{margin:0;color:#1e293b;font-size:1.5rem;font-weight:700}.users-container .modal-close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.users-container .modal-close-btn:hover{background:#f3f4f6;color:#1e293b}.users-container .create-admin-form{padding:1.5rem}.users-container .form-group{margin-bottom:1.5rem}.users-container .form-group label{display:block;color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.users-container .form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.users-container .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.users-container .form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.users-container .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.users-container .cancel-btn,.users-container .create-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.users-container .cancel-btn{background:#f3f4f6;color:#374151}.users-container .cancel-btn:hover{background:#e5e7eb}.users-container .create-btn{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.users-container .create-btn:hover:not(:disabled){background:linear-gradient(145deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.users-container .cancel-btn:disabled,.users-container .create-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-question-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-question-modal .modal-overlay{position:absolute;inset:0}.add-question-modal .modal-content{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;position:relative;z-index:10000;pointer-events:auto}.add-question-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.add-question-modal .modal-header h2{margin:0;color:#1a202c;font-size:1.5rem;font-weight:600}.add-question-modal .close-btn{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.add-question-modal .close-btn:hover{background:#f7fafc;color:#2d3748}.add-question-modal .close-btn:disabled{opacity:.5;cursor:not-allowed}.add-question-modal .modal-form{display:flex;flex-direction:column;gap:1.5rem}.add-question-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.add-question-modal .form-group label{font-weight:500;color:#2d3748;font-size:.9rem}.add-question-modal .form-select,.add-question-modal .form-textarea,.add-question-modal .form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;color:#1a202c!important;font-family:inherit}.add-question-modal .form-select:focus,.add-question-modal .form-textarea:focus,.add-question-modal .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;color:#1a202c!important}.add-question-modal .form-select:disabled,.add-question-modal .form-textarea:disabled,.add-question-modal .form-input:disabled{background:#f7fafc;color:#718096!important;cursor:not-allowed}.add-question-modal .form-textarea{resize:vertical;min-height:80px}.add-question-modal .form-textarea::placeholder,.add-question-modal .form-input::placeholder{color:#9ca3af!important;opacity:1}.add-question-modal .hint-input{font-size:.9rem;color:#6b7280!important;font-style:italic;background:#fafafa!important}.add-question-modal .hint-input::placeholder{color:#b0b0b0!important;font-style:italic}.add-question-modal .options-container{display:flex;flex-direction:column;gap:.75rem}.add-question-modal .option-input-group{display:flex;gap:.5rem;align-items:flex-start}.add-question-modal .option-input-group .option-fields{display:flex;flex-direction:column;gap:.375rem;flex:1}.add-question-modal .option-input-group .form-input{flex:1;color:#1a202c!important}.add-question-modal .option-input-group .hint-input{font-size:.82rem!important;padding:.5rem .75rem!important;color:#6b7280!important;font-style:italic;background:#fafafa!important}.add-question-modal .option-input-group .hint-input::placeholder{color:#b0b0b0!important;font-style:italic}.add-question-modal .remove-option-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;min-height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;margin-top:4px;transition:all .2s ease}.add-question-modal .remove-option-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.add-question-modal .remove-option-btn:disabled{background:#9ca3af;cursor:not-allowed}.add-question-modal .add-option-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;align-self:flex-start}.add-question-modal .add-option-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.add-question-modal .add-option-btn:disabled{background:#9ca3af;cursor:not-allowed}.add-question-modal .yes-no-display{display:flex;gap:1rem;justify-content:center;padding:1rem;background:#f8fafc;border-radius:8px}.add-question-modal .yes-no-option{display:flex;flex-direction:column;align-items:center;gap:.5rem}.add-question-modal .yes-no-circle{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.add-question-modal .yes-no-text{font-weight:500;color:#2d3748}.add-question-modal .scale-preview{padding:1rem;background:#f8fafc;border-radius:8px}.add-question-modal .scale-numbers{display:flex;justify-content:space-between;margin-bottom:.5rem}.add-question-modal .scale-number{font-weight:600;color:#3b82f6;font-size:1.1rem}.add-question-modal .scale-description{display:flex;justify-content:space-between;font-size:.8rem;color:#6b7280}.add-question-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.add-question-modal .cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:.9rem;transition:all .2s ease}.add-question-modal .cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.add-question-modal .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.add-question-modal .submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.add-question-modal .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.add-question-modal .submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.add-question-modal .modal-content{width:95%;padding:1.5rem;max-height:95vh}.add-question-modal .modal-actions{flex-direction:column}.add-question-modal .option-input-group{flex-direction:column;align-items:stretch}.add-question-modal .remove-option-btn{align-self:flex-end}}.admin-questions-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease-out}.admin-questions-container{background:#fffffff7;border-radius:15px;box-shadow:0 8px 32px #00000014;padding:2rem;animation:fadeIn .5s ease-in-out}.admin-questions-wrapper .questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;gap:1.5rem}.admin-questions-wrapper .questions-header h1{margin:0;color:#1a202c;font-size:1.8rem;font-weight:600;line-height:1.3}.admin-questions-wrapper .questions-stats{display:flex;gap:1rem;font-size:.9rem;color:#6b7280;flex-shrink:0}.admin-questions-wrapper .questions-stats span{background:#f3f4f6;padding:.5rem 1rem;border-radius:8px;font-weight:500;white-space:nowrap}.admin-questions-wrapper .dimension-info{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.admin-questions-wrapper .dimension-color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.admin-questions-wrapper .dimension-description{font-size:.9rem;color:#6b7280;font-style:italic}.admin-questions-wrapper .add-question-section{margin-bottom:2rem;display:flex;justify-content:flex-start}.admin-questions-wrapper .add-question-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b98133;display:flex;align-items:center;gap:.5rem}.admin-questions-wrapper .add-question-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.admin-questions-wrapper .add-question-btn:active{transform:translateY(0)}.admin-questions-wrapper .questions-content-wrapper{position:relative;margin-bottom:2rem}.admin-questions-wrapper .questions-content{display:flex;flex-direction:column;gap:1.5rem}.admin-questions-wrapper .questions-loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}.admin-questions-wrapper .spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.admin-questions-wrapper .question-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.admin-questions-wrapper .question-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.admin-questions-wrapper .question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.admin-questions-wrapper .question-number{font-weight:600;color:#3b82f6;font-size:.9rem;flex-shrink:0}.admin-questions-wrapper .question-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex:1}.admin-questions-wrapper .view-badges,.admin-questions-wrapper .edit-badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.admin-questions-wrapper .question-dimension{background:#dbeafe;color:#2563eb;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;white-space:nowrap;border:1px solid #bfdbfe;box-shadow:0 1px 3px #2563eb1a;transition:all .2s ease}.admin-questions-wrapper .question-dimension:hover{background:#bfdbfe;border-color:#93c5fd;box-shadow:0 2px 6px #2563eb26}.admin-questions-wrapper .dimension-select{padding:.25rem .75rem!important;border:1px solid #d1d5db!important;border-radius:20px!important;font-size:.8rem!important;font-weight:500!important;background:#fff!important;color:#1a202c!important;box-sizing:border-box!important;min-width:150px!important;cursor:pointer!important;text-transform:uppercase!important}.admin-questions-wrapper .dimension-select:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.admin-questions-wrapper .dimension-select:hover{border-color:#3b82f6!important}.admin-questions-wrapper .dimension-select option{padding:.5rem!important;background:#fff!important;color:#1a202c!important}.admin-questions-wrapper .question-type-badge{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.admin-questions-wrapper .type-select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;color:#1a202c}.admin-questions-wrapper .question-text{font-size:1rem;color:#1a202c;margin-bottom:1rem;line-height:1.5}.admin-questions-wrapper .edit-question-text{width:100%!important;min-height:80px!important;padding:.75rem!important;border:1px solid #d1d5db!important;border-radius:8px!important;font-size:1rem!important;resize:vertical!important;font-family:inherit!important;background:#fff!important;color:#1a202c!important;box-sizing:border-box!important}.admin-questions-wrapper .edit-question-fields{display:flex;flex-direction:column;gap:.5rem}.admin-questions-wrapper .edit-question-hint{width:100%!important;padding:.6rem .75rem!important;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:.9rem!important;font-style:italic;color:#6b7280!important;background:#fafafa!important;box-sizing:border-box!important}.admin-questions-wrapper .edit-question-hint::placeholder{color:#b0b0b0!important;font-style:italic}.admin-questions-wrapper .edit-question-text:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;background:#fff!important;color:#1a202c!important}.admin-questions-wrapper .edit-question-text::placeholder{color:#9ca3af!important;opacity:1!important}.admin-questions-wrapper .question-hint{margin-top:2px;margin-bottom:6px;font-size:.85rem;font-style:italic;color:#9ca3af;line-height:1.4}.admin-questions-wrapper .options-section{margin-bottom:1rem}.admin-questions-wrapper .options-label{font-weight:600;color:#374151;margin-bottom:.75rem;font-size:.9rem}.admin-questions-wrapper .options-list{display:flex;flex-direction:column;gap:.5rem}.admin-questions-wrapper .option-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.admin-questions-wrapper .option-letter{background:#3b82f6;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0;margin-top:2px}.admin-questions-wrapper .option-text-wrapper{display:flex;flex-direction:column;gap:2px}.admin-questions-wrapper .option-text{color:#374151;font-size:.9rem}.admin-questions-wrapper .option-hint{font-size:.8rem;font-style:italic;color:#9ca3af;line-height:1.4}.admin-questions-wrapper .edit-options{display:flex;flex-direction:column;gap:.75rem}.admin-questions-wrapper .option-input-group{display:flex;gap:.5rem;align-items:flex-start}.admin-questions-wrapper .option-fields{display:flex;flex-direction:column;gap:.375rem;flex:1}.admin-questions-wrapper .option-fields .hint-input{font-size:.82rem!important;padding:.5rem .75rem!important;color:#6b7280!important;font-style:italic;background:#fafafa!important}.admin-questions-wrapper .option-input{flex:1!important;padding:.75rem!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:.9rem!important;background:#fff!important;color:#1a202c!important;box-sizing:border-box!important}.admin-questions-wrapper .option-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;background:#fff!important;color:#1a202c!important}.admin-questions-wrapper .option-input::placeholder{color:#9ca3af!important;opacity:1!important}.admin-questions-wrapper .remove-option-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;min-height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease;margin-top:4px}.admin-questions-wrapper .remove-option-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.admin-questions-wrapper .remove-option-btn:disabled{background:#9ca3af;cursor:not-allowed}.admin-questions-wrapper .add-option-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;align-self:flex-start}.admin-questions-wrapper .add-option-btn:hover{background:#059669;transform:translateY(-1px)}.admin-questions-wrapper .yes-no-section{margin-bottom:1rem}.admin-questions-wrapper .yes-no-label{font-weight:600;color:#374151;margin-bottom:.75rem;font-size:.9rem}.admin-questions-wrapper .yes-no-display{display:flex;gap:1rem;justify-content:center;padding:1rem;background:#f8fafc;border-radius:8px}.admin-questions-wrapper .yes-no-option{display:flex;flex-direction:column;align-items:center;gap:.5rem}.admin-questions-wrapper .yes-no-circle{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.admin-questions-wrapper .yes-no-text{font-weight:500;color:#2d3748}.admin-questions-wrapper .edit-yes-no{padding:1rem;background:#f8fafc;border-radius:8px}.admin-questions-wrapper .yes-no-options{display:flex;gap:1rem;justify-content:center}.admin-questions-wrapper .yes-no-label-text{font-weight:500;color:#2d3748;padding:.5rem 1rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.admin-questions-wrapper .scale-section{margin-bottom:1rem}.admin-questions-wrapper .scale-label{font-weight:600;color:#374151;margin-bottom:.75rem;font-size:.9rem}.admin-questions-wrapper .scale-preview{padding:1rem;background:#f8fafc;border-radius:8px}.admin-questions-wrapper .scale-numbers{display:flex;justify-content:space-between;margin-bottom:.5rem}.admin-questions-wrapper .scale-number{font-weight:600;color:#3b82f6;font-size:1.1rem}.admin-questions-wrapper .scale-description{display:flex;justify-content:space-between;font-size:.8rem;color:#6b7280}.admin-questions-wrapper .scale-min-label{color:#ef4444}.admin-questions-wrapper .scale-max-label{color:#10b981}.admin-questions-wrapper .question-actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.admin-questions-wrapper .view-actions{display:flex;gap:.75rem}.admin-questions-wrapper .edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.admin-questions-wrapper .edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.admin-questions-wrapper .delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.admin-questions-wrapper .delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.admin-questions-wrapper .delete-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.admin-questions-wrapper .edit-actions{display:flex;gap:.75rem}.admin-questions-wrapper .save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.admin-questions-wrapper .save-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.admin-questions-wrapper .cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.admin-questions-wrapper .cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.admin-questions-wrapper .pagination-section{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.admin-questions-wrapper .pagination-btn{padding:.75rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.admin-questions-wrapper .pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.admin-questions-wrapper .pagination-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.admin-questions-wrapper .pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.admin-questions-wrapper .page-numbers{display:flex;gap:.5rem;align-items:center}.admin-questions-wrapper .page-ellipsis{color:#6b7280;padding:0 .5rem}.admin-questions-wrapper .loading-spinner{display:flex;justify-content:center;align-items:center;padding:3rem;font-size:1.1rem;color:#6b7280}.admin-questions-wrapper .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;color:#dc2626;margin:1rem 0;text-align:center}@media(max-width:768px){.admin-questions-wrapper{padding:1rem}.admin-questions-wrapper .questions-header{flex-direction:column;gap:1rem;align-items:flex-start}.admin-questions-wrapper .questions-stats{flex-direction:column;gap:.5rem}.admin-questions-wrapper .question-header{flex-direction:column;gap:.75rem;align-items:flex-start}.admin-questions-wrapper .question-badges{align-items:flex-start;width:100%}.admin-questions-wrapper .view-badges,.admin-questions-wrapper .edit-badges{justify-content:flex-start;width:100%}.admin-questions-wrapper .edit-badges{flex-direction:column;align-items:stretch;gap:.75rem}.admin-questions-wrapper .dimension-select{min-width:auto!important;width:100%!important}.admin-questions-wrapper .option-input-group{flex-direction:column;align-items:stretch}.admin-questions-wrapper .remove-option-btn{align-self:flex-end}.admin-questions-wrapper .pagination-section{flex-direction:column;gap:.75rem}.admin-questions-wrapper .page-numbers{order:2}}.admin-dimensions-wrapper{min-height:100vh;background-color:#f8fafc;padding:0}.admin-dimensions-wrapper .admin-dimensions-container{max-width:1200px;margin:0 auto;padding:24px}.admin-dimensions-wrapper .dimensions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.admin-dimensions-wrapper .dimensions-header h1{margin:0;font-size:2rem;font-weight:600;color:#1e293b}.admin-dimensions-wrapper .dimensions-stats{display:flex;gap:16px;align-items:center}.admin-dimensions-wrapper .refresh-btn{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.admin-dimensions-wrapper .refresh-btn:hover:not(:disabled){background:#e2e8f0;color:#475569}.admin-dimensions-wrapper .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.admin-dimensions-wrapper .dimensions-stats span{background:#f1f5f9;color:#64748b;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500}.admin-dimensions-wrapper .add-dimension-section{margin-bottom:24px}.admin-dimensions-wrapper .add-dimension-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 3px #0000001a}.admin-dimensions-wrapper .add-dimension-btn:hover{background:#2563eb;box-shadow:0 4px 6px -1px #3b82f64d;transform:translateY(-1px)}.admin-dimensions-wrapper .add-dimension-btn:active{transform:translateY(0)}.admin-dimensions-wrapper .dimensions-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.admin-dimensions-wrapper .no-dimensions{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.admin-dimensions-wrapper .no-dimensions-icon{width:80px;height:80px;margin:0 auto 20px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b}.admin-dimensions-wrapper .no-dimensions-icon svg{width:40px;height:40px}.admin-dimensions-wrapper .no-dimensions h3{margin:0 0 10px;font-size:1.5rem;color:#1e293b}.admin-dimensions-wrapper .no-dimensions p{margin:0 0 30px;color:#64748b;font-size:1rem}.admin-dimensions-wrapper .add-first-dimension-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-dimensions-wrapper .add-first-dimension-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.admin-dimensions-wrapper .dimension-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:1px solid #e2e8f0;position:relative}.admin-dimensions-wrapper .dimension-card.generating{border-color:#3b82f6;background:#f0f9ff}.admin-dimensions-wrapper .dimension-card.failed{border-color:#ef4444;background:#fef2f2}.admin-dimensions-wrapper .dimension-card.cancelled{border-color:#f59e0b;background:#fffbeb}.admin-dimensions-wrapper .dimension-card:hover{box-shadow:0 4px 12px #00000026}.admin-dimensions-wrapper .clickable-card{cursor:pointer;transition:all .2s ease}.admin-dimensions-wrapper .clickable-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;border-color:#cbd5e1}.admin-dimensions-wrapper .clickable-card:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.admin-dimensions-wrapper .question-count-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;padding:8px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid #cbd5e1;margin-bottom:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.admin-dimensions-wrapper .question-count-badge:before{content:"📊";font-size:.9rem}.admin-dimensions-wrapper .question-count-badge:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.admin-dimensions-wrapper .loading-spinner{animation:spin 1s linear infinite;font-size:.875rem}.admin-dimensions-wrapper .dimension-title{padding:8px 12px;border-radius:6px;margin-top:8px;transition:background-color .2s ease}.admin-dimensions-wrapper .clickable-card:hover .dimension-title{background-color:#f8fafc}.admin-dimensions-wrapper .dimension-title h3{margin:0 0 6px;font-size:1.2rem;font-weight:600;color:#1e293b;line-height:1.4;word-wrap:break-word}.admin-dimensions-wrapper .dimension-title-display{display:flex;align-items:center;gap:8px;width:100%}.admin-dimensions-wrapper .dimension-title-display h3{margin:0;flex:1}.admin-dimensions-wrapper .edit-icon-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#3b82f6}.admin-dimensions-wrapper .dimension-card:hover .edit-icon-btn{opacity:1}.admin-dimensions-wrapper .edit-icon-btn:hover{background:#eff6ff;transform:scale(1.1);color:#2563eb}.admin-dimensions-wrapper .dimension-name-input{flex:1;font-size:1.2rem;font-weight:600;color:#1e293b;border:2px solid #3b82f6;border-radius:6px;padding:8px 12px;background:#fff;outline:none;transition:all .2s ease}.admin-dimensions-wrapper .dimension-name-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.admin-dimensions-wrapper .dimension-name-input:disabled{opacity:.6;cursor:not-allowed}.admin-dimensions-wrapper .edit-actions{display:flex;gap:6px;align-items:center}.admin-dimensions-wrapper .save-edit-btn,.admin-dimensions-wrapper .cancel-edit-btn{border:none;border-radius:6px;padding:8px 12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.admin-dimensions-wrapper .save-edit-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.admin-dimensions-wrapper .save-edit-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dimensions-wrapper .cancel-edit-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.admin-dimensions-wrapper .cancel-edit-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dimensions-wrapper .saving-indicator{color:#64748b;font-size:.875rem;font-weight:500;font-style:italic}.admin-dimensions-wrapper .dimension-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.admin-dimensions-wrapper .dimension-info{flex:1}.admin-dimensions-wrapper .dimension-title{display:flex;align-items:center;gap:12px}.admin-dimensions-wrapper .dimension-color-indicator{width:20px;height:20px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #e2e8f0}.admin-dimensions-wrapper .dimension-title h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.admin-dimensions-wrapper .edit-dimension-form{display:flex;flex-direction:column;gap:16px;width:100%;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-radius:12px;border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f61a;position:relative}.admin-dimensions-wrapper .edit-form-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.admin-dimensions-wrapper .edit-label{font-size:.875rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px}.admin-dimensions-wrapper .edit-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.admin-dimensions-wrapper .edit-dimension-name{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:1.1rem;font-weight:600;color:#1e293b;background:#fff;transition:border-color .2s ease}.admin-dimensions-wrapper .edit-dimension-name:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-dimensions-wrapper .edit-dimension-color{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer}.admin-dimensions-wrapper .dimension-actions{display:flex;gap:8px;align-items:center}.admin-dimensions-wrapper .action-btn{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #0000001f;border:1px solid rgba(0,0,0,.05);visibility:visible!important;opacity:1!important;flex-shrink:0}.admin-dimensions-wrapper .action-btn svg{width:18px!important;height:18px!important;visibility:visible!important;opacity:1!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;display:block!important;min-width:18px!important;min-height:18px!important}.admin-dimensions-wrapper .action-btn.edit-btn{color:#0369a1!important;background:#e0f2fe!important;border:1px solid #bae6fd!important;visibility:visible!important;opacity:1!important;display:flex!important}.admin-dimensions-wrapper .action-btn.edit-btn:hover{background:#bae6fd!important;color:#0284c7!important;transform:translateY(-1px);box-shadow:0 4px 8px #0284c733}.admin-dimensions-wrapper .action-btn.delete-btn{color:#dc2626!important;background:#fee2e2!important;border:1px solid #fecaca!important;visibility:visible!important;opacity:1!important;display:flex!important}.admin-dimensions-wrapper .action-btn.delete-btn:hover:not(:disabled){background:#fecaca!important;color:#b91c1c!important;transform:translateY(-1px);box-shadow:0 4px 8px #b91c1c33}.admin-dimensions-wrapper .action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.admin-dimensions-wrapper .edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.admin-dimensions-wrapper .dimension-title-edit{display:flex;align-items:center;gap:8px;width:100%}.admin-dimensions-wrapper .dimension-name-input{flex:1;padding:8px 12px;border:2px solid #3b82f6;border-radius:6px;font-size:1rem;color:#1e293b;font-weight:600;transition:all .2s ease;background:#fff}.admin-dimensions-wrapper .dimension-name-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.admin-dimensions-wrapper .dimension-name-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.admin-dimensions-wrapper .edit-actions-inline{display:flex;gap:6px;align-items:center}.admin-dimensions-wrapper .save-edit-btn,.admin-dimensions-wrapper .cancel-edit-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.admin-dimensions-wrapper .save-edit-btn{background:#10b981;color:#fff}.admin-dimensions-wrapper .save-edit-btn:hover:not(:disabled){background:#059669;transform:scale(1.05);box-shadow:0 2px 8px #10b9814d}.admin-dimensions-wrapper .save-edit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.admin-dimensions-wrapper .cancel-edit-btn{background:#ef4444;color:#fff}.admin-dimensions-wrapper .cancel-edit-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.05);box-shadow:0 2px 8px #ef44444d}.admin-dimensions-wrapper .cancel-edit-btn:disabled{background:#fca5a5;cursor:not-allowed;transform:none}.admin-dimensions-wrapper .view-actions{display:flex;gap:8px}.admin-dimensions-wrapper .edit-btn,.admin-dimensions-wrapper .save-btn,.admin-dimensions-wrapper .cancel-btn,.admin-dimensions-wrapper .delete-btn{padding:8px 12px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.admin-dimensions-wrapper .edit-btn{background:#f1f5f9;color:#475569}.admin-dimensions-wrapper .edit-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.admin-dimensions-wrapper .save-btn{background:#10b981;color:#fff}.admin-dimensions-wrapper .save-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.admin-dimensions-wrapper .save-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.admin-dimensions-wrapper .cancel-btn{background:#f1f5f9;color:#64748b}.admin-dimensions-wrapper .cancel-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.admin-dimensions-wrapper .delete-btn{background:#ef4444;color:#fff}.admin-dimensions-wrapper .delete-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.admin-dimensions-wrapper .delete-btn:disabled{background:#fca5a5;cursor:not-allowed;transform:none;box-shadow:none}.admin-dimensions-wrapper .dimension-content{margin-bottom:16px}.admin-dimensions-wrapper .dimension-description{margin:0;color:#64748b;line-height:1.6;font-size:.95rem}.admin-dimensions-wrapper .edit-dimension-description{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:6px;font-size:.95rem;color:#1e293b;resize:vertical;min-height:80px;transition:border-color .3s ease}.admin-dimensions-wrapper .edit-dimension-description:focus{outline:none;border-color:#3b82f6}.admin-dimensions-wrapper .dimension-footer{border-top:1px solid #f1f5f9;padding-top:12px}.admin-dimensions-wrapper .dimension-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#94a3b8}.admin-dimensions-wrapper .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-dimensions-wrapper .modal-content{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.admin-dimensions-wrapper .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.admin-dimensions-wrapper .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.admin-dimensions-wrapper .close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:#64748b;transition:color .2s ease}.admin-dimensions-wrapper .close-btn:hover{color:#1e293b}.admin-dimensions-wrapper .close-btn svg{width:20px;height:20px}.admin-dimensions-wrapper .modal-body{padding:24px}.add-dimension-form-container,.add-dimension-form{display:flex;flex-direction:column;gap:20px}.form-tabs{display:flex;border-bottom:1px solid #e2e8f0;margin-bottom:20px;gap:8px}.tab-btn{flex:1;padding:12px 16px;border:none;background:transparent;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.tab-btn:hover{color:#3b82f6;background:#f8fafc}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f8fafc}.tab-btn:disabled{color:#9ca3af;cursor:not-allowed;background:transparent}.tab-btn:disabled:hover{color:#9ca3af;background:transparent}.tab-btn.disabled{color:#9ca3af;cursor:not-allowed;opacity:.6}.tab-btn.disabled:hover{color:#9ca3af;background:transparent;border-bottom-color:transparent}.admin-dimensions-wrapper .form-group{display:flex;flex-direction:column;gap:8px}.admin-dimensions-wrapper .form-group label{font-weight:500;color:#374151;font-size:.9rem}.admin-dimensions-wrapper .form-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s ease;background:#fff;color:#1e293b;width:100%;box-sizing:border-box;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.admin-dimensions-wrapper .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-dimensions-wrapper .form-group input::selection{background-color:#3b82f6;color:#fff}.admin-dimensions-wrapper .form-group input::-moz-selection{background-color:#3b82f6;color:#fff}.admin-dimensions-wrapper .form-group input[type=text]{color:#1e293b!important;background-color:#fff!important}.admin-dimensions-wrapper .form-group input[type=text]:focus{color:#1e293b!important;background-color:#fff!important}.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s ease;background:#fff;color:#1e293b;width:100%;box-sizing:border-box;font-family:inherit;cursor:pointer}.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.no-available-dimensions{padding:20px;text-align:center;background:#f9fafb;border-radius:6px;color:#6b7280}.no-available-dimensions p{margin:0;font-size:.9rem}.edit-dimension-input{background:#fff;border:2px solid #3b82f6;border-radius:6px;padding:8px 12px;font-size:1.1rem;font-weight:600;color:#1e293b;width:100%;box-sizing:border-box;font-family:inherit;transition:border-color .2s ease}.edit-dimension-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.loading-container{padding:20px;text-align:center}.feature-not-available{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.feature-not-available-icon{width:60px;height:60px;margin:0 auto 20px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444}.feature-not-available h3{margin:0 0 12px;font-size:1.2rem;font-weight:600;color:#374151}.feature-not-available p{margin:0;color:#6b7280;font-size:.9rem;line-height:1.5}.admin-dimensions-wrapper .color-input-group{display:flex;gap:12px;align-items:center}.admin-dimensions-wrapper .color-input-group input[type=color]{width:50px;height:50px;border:none;border-radius:6px;cursor:pointer;padding:0}.admin-dimensions-wrapper .color-input-group input[type=text]{flex:1}.admin-dimensions-wrapper .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.admin-dimensions-wrapper .form-actions .cancel-btn,.admin-dimensions-wrapper .form-actions .submit-btn{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.admin-dimensions-wrapper .form-actions .cancel-btn{background:#f1f5f9;color:#64748b}.admin-dimensions-wrapper .form-actions .cancel-btn:hover{background:#e2e8f0}.admin-dimensions-wrapper .form-actions .submit-btn{background:#3b82f6;color:#fff}.admin-dimensions-wrapper .form-actions .submit-btn:hover{background:#2563eb}.admin-dimensions-wrapper .error-message{background:#fef2f2;color:#dc2626;padding:16px;border-radius:8px;border:1px solid #fecaca;text-align:center;font-weight:500}@media(max-width:768px){.admin-dimensions-wrapper .admin-dimensions-container{padding:20px}.admin-dimensions-wrapper .dimensions-header h1{font-size:2rem}.admin-dimensions-wrapper .dimensions-content{grid-template-columns:1fr;gap:20px}.admin-dimensions-wrapper .dimension-card{padding:20px}.admin-dimensions-wrapper .dimension-header{flex-direction:column;align-items:stretch;gap:15px}.admin-dimensions-wrapper .view-actions{flex-direction:row;justify-content:space-between}.admin-dimensions-wrapper .edit-dimension-form{padding:20px}.admin-dimensions-wrapper .modal-content{margin:10px;max-width:none}.admin-dimensions-wrapper .form-actions{flex-direction:column}.admin-dimensions-wrapper .modal-header{padding:20px 25px}}.dimensions-select-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dimensions-select-header label{font-weight:500;color:#374151;font-size:.9rem}.dimensions-select-actions{display:flex;align-items:center;gap:12px}.selected-count{font-size:.875rem;color:#64748b;font-weight:500}.clear-all-btn{background:transparent;color:#ef4444;border:none;padding:4px 8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:4px}.clear-all-btn:hover:not(:disabled){background:#fef2f2;color:#dc2626}.clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.dimensions-checkbox-list{max-height:400px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:8px}.dimensions-checkbox-list::-webkit-scrollbar{width:8px}.dimensions-checkbox-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dimensions-checkbox-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dimensions-checkbox-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dimension-checkbox-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;margin-bottom:4px}.dimension-checkbox-item:hover{background:#f8fafc}.dimension-checkbox-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.dimension-checkbox-label{flex:1;font-size:.95rem;color:#1e293b;font-weight:400;line-height:1.4;-webkit-user-select:none;user-select:none}.dimension-checkbox-item.selected .dimension-checkbox-label{font-weight:500;color:#1e40af}.dimension-checkbox-item:last-child{margin-bottom:0}.edit-dimension-modal{max-width:500px;width:90%}.edit-dimension-modal .form-group{margin-bottom:0}.edit-dimension-modal .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#1e293b;font-size:.95rem}.edit-dimension-modal .form-group input{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .2s ease;box-sizing:border-box}.edit-dimension-modal .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-dimension-modal .form-group input:disabled{background:#f8fafc;cursor:not-allowed}.edit-dimension-modal .modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0;margin-top:24px}.edit-dimension-modal .btn-secondary,.edit-dimension-modal .btn-primary{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.edit-dimension-modal .btn-secondary{background:#f1f5f9;color:#64748b}.edit-dimension-modal .btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#475569}.edit-dimension-modal .btn-primary{background:#3b82f6;color:#fff}.edit-dimension-modal .btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.edit-dimension-modal .btn-primary:disabled,.edit-dimension-modal .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.admin-dimensions-wrapper .dimension-status-banner{padding:12px 16px;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-dimensions-wrapper .dimension-status-banner.generating{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.admin-dimensions-wrapper .dimension-status-banner.failed{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.admin-dimensions-wrapper .dimension-status-banner.cancelled{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.admin-dimensions-wrapper .dimension-status-banner .status-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.admin-dimensions-wrapper .dimension-status-banner svg{width:18px;height:18px;flex-shrink:0}.admin-dimensions-wrapper .dimension-status-banner .error-message-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.admin-dimensions-wrapper .dimension-status-banner .spinner-small{width:16px;height:16px;border:2px solid #93c5fd;border-top-color:#1e40af;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.admin-dimensions-wrapper .cancel-generation-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-dimensions-wrapper .cancel-generation-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d}.admin-dimensions-wrapper .cancel-generation-btn:disabled{opacity:.6;cursor:not-allowed}.dimension-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.dimension-modal-container{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.dimension-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.dimension-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.dimension-modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .2s ease;padding:.5rem}.dimension-modal-close-btn svg{width:1.25rem;height:1.25rem}.dimension-modal-close-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.dimension-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.dimension-tab-navigation{display:flex;gap:.5rem;padding:0 1.5rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb}.dimension-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.dimension-tab-btn svg{width:1rem;height:1rem}.dimension-tab-btn:hover:not(:disabled){color:#374151;background:#f9fafb}.dimension-tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.dimension-tab-btn:disabled{opacity:.5;cursor:not-allowed}.dimension-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0 1.5rem 1.5rem;gap:1rem;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.dimension-modal-body::-webkit-scrollbar{width:8px}.dimension-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.dimension-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dimension-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dimension-create-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.dimension-create-label{font-size:.875rem;font-weight:600;color:#374151}.dimension-create-row{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.dimension-create-item{display:flex;gap:.75rem;align-items:center}.dimension-remove-btn{background:transparent;color:#ef4444;border:none;padding:.5rem .75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:.5rem}.dimension-remove-btn:hover:not(:disabled){background:#fef2f2;color:#dc2626}.dimension-remove-btn:disabled{opacity:.6;cursor:not-allowed}.dimension-create-input{flex:1;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem;font-size:.9375rem;background:#fff;color:#1f2937}.dimension-create-input:disabled{background:#f3f4f6}.dimension-create-input::placeholder{color:#94a3b8;opacity:1}.dimension-create-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.dimension-create-btn{padding:.5rem .9rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.dimension-create-btn:hover:not(:disabled){background:#2563eb}.dimension-create-btn:disabled{opacity:.6;cursor:not-allowed}.dimension-create-error{margin-top:.5rem;color:#dc2626;font-size:.875rem}.dimension-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dimension-selection-label{font-size:.875rem;font-weight:600;color:#374151;margin:0}.dimension-selection-actions{display:flex;align-items:center;gap:1rem}.dimension-selected-count{font-size:.875rem;color:#6b7280;font-weight:500}.dimension-select-all-btn{background:transparent;color:#ef4444;border:none;padding:.375rem .75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:.375rem}.dimension-select-all-btn:hover:not(:disabled){background:#fef2f2;color:#dc2626}.dimension-select-all-btn:disabled{opacity:.5;cursor:not-allowed}.dimension-checkbox-list{flex:1;overflow-y:auto;background:#fff;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:200px;max-height:400px}.dimension-checkbox-list::-webkit-scrollbar{width:6px}.dimension-checkbox-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.dimension-checkbox-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dimension-checkbox-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dimension-checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0;background:#fff}.dimension-checkbox-item:hover:not(.selected){background:#f8fafc;border-color:#cbd5e1}.dimension-checkbox-item.selected{background:#eff6ff;border-color:#3b82f6}.dimension-checkbox-item.selected .dimension-checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.dimension-checkbox-label{flex:1;color:#1f2937;font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.dimension-checkbox-item.selected .dimension-checkbox-label{color:#1f2937;font-weight:500}.dimension-loading-state{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2.5rem 1.25rem}.dimension-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2.5rem 1.25rem;text-align:center}.dimension-empty-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;margin-bottom:1rem}.dimension-empty-icon svg{width:2rem;height:2rem}.dimension-empty-state p{margin:0;color:#6b7280;font-size:.9375rem}.dimension-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.dimension-modal-cancel-btn,.dimension-modal-confirm-btn{padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:100px;justify-content:center}.dimension-modal-cancel-btn{background:#fff;color:#374151;border:1px solid #d1d5db}.dimension-modal-cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.dimension-modal-confirm-btn{background:#3b82f6;color:#fff}.dimension-modal-confirm-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px -1px #3b82f64d}.dimension-modal-cancel-btn:disabled,.dimension-modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.dimension-modal-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.dimension-llm-form{display:flex;flex-direction:column;gap:1.5rem}.dimension-llm-form .form-group{display:flex;flex-direction:column;gap:.5rem}.dimension-llm-form label{font-size:.875rem;font-weight:600;color:#374151}.dimension-llm-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s ease}.dimension-llm-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dimension-llm-textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.dimension-llm-constraints{display:flex;flex-direction:column;gap:.75rem}.constraints-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.constraints-grid .field{display:flex;flex-direction:column;gap:.375rem}.constraints-grid label{font-size:.8125rem;font-weight:500;color:#6b7280}.compact-number-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;-moz-appearance:textfield}.compact-number-input::-webkit-outer-spin-button,.compact-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.compact-number-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.compact-number-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.compact-number-input.error{border-color:#ef4444}.field-note{font-size:.75rem;color:#6b7280;line-height:1.5}.error-message{font-size:.75rem;color:#ef4444;margin-top:.25rem}.dimensions-list{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.dimension-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s ease}.dimension-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.dimension-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dimension-item-number{font-size:.875rem;font-weight:600;color:#374151}.dimension-item-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.375rem;cursor:pointer;color:#ef4444;transition:all .2s ease;padding:.25rem}.dimension-item-remove svg{width:1rem;height:1rem}.dimension-item-remove:hover:not(:disabled){background:#fee2e2}.dimension-item-remove:disabled{opacity:.5;cursor:not-allowed}.dimension-item-fields{display:flex;flex-direction:column;gap:.75rem}.dimension-item-fields .field{display:flex;flex-direction:column;gap:.375rem}.dimension-item-fields label{font-size:.8125rem;font-weight:500;color:#6b7280}.dimension-item-input,.dimension-item-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;background:#fff;transition:all .2s ease}.dimension-item-input:focus,.dimension-item-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dimension-item-input:disabled,.dimension-item-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dimension-item-textarea{resize:vertical;min-height:60px}.dimension-item-constraints{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.dimensions-actions{margin-top:.75rem;display:flex;justify-content:flex-start}.add-dimension-item-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px dashed #d1d5db;border-radius:.375rem;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-dimension-item-btn svg{width:1rem;height:1rem}.add-dimension-item-btn:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6}.add-dimension-item-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.dimension-modal-overlay{padding:.625rem}.dimension-modal-container{max-height:95vh;border-radius:.75rem}.dimension-modal-header{padding:1.25rem 1.25rem 0;margin-bottom:1.25rem}.dimension-modal-header h2{font-size:1.125rem}.dimension-modal-body{padding:0 1.25rem 1.25rem}.dimension-selection-header{flex-direction:column;align-items:flex-start;gap:.5rem}.dimension-selection-actions{width:100%;justify-content:space-between}.dimension-modal-footer{padding:1rem 1.25rem;flex-direction:column}.dimension-modal-cancel-btn,.dimension-modal-confirm-btn{width:100%}.dimension-checkbox-list{max-height:300px}.dimension-create-row{flex-direction:column}.dimension-create-btn,.dimension-create-input{width:100%}.constraints-grid{grid-template-columns:1fr;gap:.75rem}.dimension-tab-navigation{padding:0 1.25rem}.dimension-tab-btn{padding:.625rem .75rem;font-size:.8125rem}.dimension-tab-btn svg{width:.875rem;height:.875rem}.dimension-item-constraints{grid-template-columns:1fr}.dimensions-actions{width:100%}.add-dimension-item-btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-template-modal{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:820px;height:80vh;min-height:600px;max-height:800px;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f3f4f6;color:#374151}.close-btn svg{width:1.25rem;height:1.25rem}.template-form{padding:1.5rem 1.5rem 0;flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.form-content{flex:1;overflow-y:auto;padding:0 .5rem 0 0;margin-bottom:96px}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:#fff;color:#374151}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group select option{color:#374151;background:#fff;padding:.5rem}.parent-template-dimensions{margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.parent-template-dimensions h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.parent-dimensions-list{display:flex;flex-wrap:wrap;gap:.5rem}.parent-dimension-item{background:#dbeafe;color:#1e40af;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid #bfdbfe;display:flex;align-items:center;gap:.5rem}.parent-dimension-name{line-height:1.2}.auto-selected-badge{background:#10b981;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.parent-template-loading{margin-top:.75rem;padding:.5rem;color:#6b7280;font-size:.875rem;font-style:italic;text-align:center;background:#f9fafb;border-radius:.375rem;border:1px dashed #d1d5db}.form-group input.error,.form-group select.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message{color:#dc2626;font-size:.875rem;margin-top:.25rem;display:block}.field-note{color:#6b7280;font-size:.75rem;margin-top:.25rem;font-style:italic}.dimensions-selection{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;max-height:320px;flex-shrink:0}.dimensions-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.selected-count{color:#374151;font-size:.875rem;font-weight:500}.clear-selection-btn{background:none;border:none;color:#dc2626;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease}.clear-selection-btn:hover{background:#fef2f2}.clear-selection-btn:disabled{opacity:.5;cursor:not-allowed}.dimensions-grid{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:120px}.dimension-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0;background:#fff}.dimension-option:hover{background:#f8fafc;border-color:#cbd5e1}.dimension-option.selected{background:#eff6ff;border-color:#3b82f6}.dimension-checkbox{width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:.375rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.dimension-option.selected .dimension-checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.dimension-checkbox svg{width:.875rem;height:.875rem}.dimension-info{flex:1;min-width:0}.dimension-name{display:block;color:#1f2937;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.dimension-description{display:block;color:#6b7280;font-size:.75rem;line-height:1.4}.loading-dimensions,.error-dimensions,.empty-dimensions{padding:2rem;text-align:center;color:#6b7280;font-size:.875rem;height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;border:1px solid #e5e7eb;border-radius:.75rem;flex-shrink:0}.error-dimensions{color:#dc2626}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb;background:#fff;position:absolute;bottom:0;left:0;right:0;z-index:10;min-height:80px;box-shadow:0 -4px 6px -1px #0000000d,0 -2px 4px -1px #00000008}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.cancel-btn{background:#fff;color:#374151;border-color:#d1d5db}.cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.submit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 15px -3px #3b82f633}.submit-btn:active{transform:translateY(0)}.cancel-btn:disabled,.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:640px){.modal-overlay{padding:.5rem}.create-template-modal{height:90vh;min-height:500px;max-height:700px}.modal-header{padding:1rem 1rem 0}.template-form{padding:0 1rem}.tab-navigation{margin:0 1rem}.tab-btn{padding:.75rem .5rem;font-size:.75rem}.tab-btn svg{width:.875rem;height:.875rem}.file-upload-area{padding:1.5rem;min-height:150px}.file-upload-content h3{font-size:1rem}.file-upload-content p{font-size:.75rem}.file-selected{padding:.75rem}.file-info{gap:.5rem}.file-icon{width:2rem;height:2rem}.file-icon svg{width:1rem;height:1rem}.file-name{font-size:.75rem}.file-size{font-size:.625rem}.upload-info{padding:.75rem}.upload-info h4{font-size:.75rem}.upload-info ul{font-size:.625rem}.dimensions-selection,.loading-dimensions,.error-dimensions,.empty-dimensions{height:250px}.dimensions-header{flex-direction:column;align-items:flex-start;gap:.5rem}.form-actions{flex-direction:column;padding:1rem}.cancel-btn,.submit-btn{width:100%}}.tab-navigation{display:flex;border-bottom:1px solid #e5e7eb;margin:0 1.5rem;background:#f9fafb;border-radius:.5rem .5rem 0 0;overflow:hidden}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:none;border:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.tab-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.tab-btn.active{background:#fff;color:#3b82f6;border-bottom:2px solid #3b82f6}.tab-btn:disabled{opacity:.5;cursor:not-allowed}.tab-btn svg{width:1rem;height:1rem}.file-upload-area{border:2px dashed #d1d5db;border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.file-upload-area:hover{border-color:#3b82f6;background:#f8fafc}.file-upload-area.drag-active{border-color:#3b82f6;background:#eff6ff;transform:scale(1.02)}.file-upload-area.error{border-color:#dc2626;background:#fef2f2}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.file-upload-icon{width:3rem;height:3rem;color:#6b7280;display:flex;align-items:center;justify-content:center}.file-upload-area:hover .file-upload-icon,.file-upload-area.drag-active .file-upload-icon{color:#3b82f6}.file-upload-icon svg{width:2rem;height:2rem}.file-upload-content h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.file-upload-content p{color:#6b7280;font-size:.875rem;margin:0}.file-types{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.file-types span{color:#9ca3af;font-size:.75rem}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-selected{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f8fafc}.file-info{display:flex;align-items:center;gap:.75rem;flex:1}.file-icon{width:2.5rem;height:2.5rem;color:#3b82f6;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:.5rem}.file-icon svg{width:1.25rem;height:1.25rem}.file-details{flex:1;min-width:0}.file-name{color:#1f2937;font-size:.875rem;font-weight:500;margin-bottom:.25rem;word-break:break-all}.file-size{color:#6b7280;font-size:.75rem}.remove-file-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-file-btn:hover:not(:disabled){background:#fef2f2}.remove-file-btn:disabled{opacity:.5;cursor:not-allowed}.remove-file-btn svg{width:1rem;height:1rem}.upload-info{margin-top:1rem;margin-bottom:2rem;padding:1.5rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem}.upload-info h4{color:#0c4a6e;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.upload-info ul{color:#075985;font-size:.75rem;margin:0;padding-left:1rem}.upload-info li{margin-bottom:.5rem;padding-right:.5rem}.dimensions-grid::-webkit-scrollbar{width:6px}.dimensions-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dimensions-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dimensions-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-content::-webkit-scrollbar{width:6px}.form-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mode-toggle{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:.5rem}.mode-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:.375rem}.mode-toggle-btn:hover:not(:disabled){color:#374151}.mode-toggle-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.mode-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.mode-toggle-btn svg{width:1rem;height:1rem}.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;font-family:inherit;transition:all .2s ease;background:#fff;color:#374151;resize:vertical;min-height:120px}.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea::placeholder{color:#9ca3af}.form-group textarea::-webkit-scrollbar{width:6px}.form-group textarea::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-group textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-group textarea::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dimensions-list{display:flex;flex-direction:column;gap:1rem}.dimension-row{border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;padding:1rem}.dimension-row.has-error{border-color:#fecaca;box-shadow:0 0 0 3px #dc26260f}.dimension-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dimension-row-title{color:#1f2937;font-weight:600;font-size:.95rem}.dimension-row-grid{display:grid;grid-template-columns:1.2fr 2fr .8fr .8fr;gap:.75rem 1rem;align-items:start}.dimension-row-grid .field label{display:block;color:#374151;font-size:.8rem;font-weight:600;margin-bottom:.4rem}.dimension-row-grid .field input[type=text],.dimension-row-grid .field input[type=number]{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem}.dimension-row-grid .field input[type=number]::-webkit-outer-spin-button,.dimension-row-grid .field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dimension-row-grid .field input[type=number]{appearance:textfield;-moz-appearance:textfield}.dimensions-actions{display:flex;justify-content:flex-start;margin-top:.75rem}.dimensions-actions .clear-selection-btn{color:#3b82f6}.dimensions-actions .clear-selection-btn:hover:not(:disabled){background:#eff6ff;color:#1d4ed8}@media(max-width:900px){.dimension-row-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.form-content{padding-bottom:10rem}.dimension-row-grid{grid-template-columns:1fr}}.constraints-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-top:.75rem}.constraints-grid .field label{display:block;color:#374151;font-size:.8rem;font-weight:600;margin-bottom:.4rem;min-height:2.25rem}@media(min-width:768px){.constraints-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.compact-number-input{max-width:140px}.create-template-modal input[type=number]::-webkit-outer-spin-button,.create-template-modal input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.create-template-modal input[type=number]{appearance:textfield;-moz-appearance:textfield}.admin-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.admin-back-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;border-color:transparent}.admin-back-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.admin-back-btn svg{width:20px;height:20px;stroke-width:2.5}.admin-back-btn span{font-weight:600;letter-spacing:.01em}.admin-header-title{display:flex;align-items:center;gap:1rem}.admin-header-title h1{margin:0;font-size:2rem;font-weight:600}.admin-templates .admin-templates-wrapper{padding:2rem;background:#f8fafc;min-height:100vh}.admin-templates .admin-templates-container{max-width:1200px;margin:0 auto}.admin-templates .templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.admin-templates .templates-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.admin-templates .assessment-type-subtitle{color:#64748b;font-size:.9rem;margin:.5rem 0 0;line-height:1.5}.admin-templates .templates-stats{display:flex;gap:1.5rem;font-size:.875rem;color:#64748b}.admin-templates .templates-stats span{background:#f1f5f9;padding:.5rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0}.admin-templates .create-template-section{margin-bottom:2rem}.admin-templates .create-template-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #3b82f61a}.admin-templates .create-template-btn:hover{transform:translateY(-1px);box-shadow:0 8px 15px -3px #3b82f633}.admin-templates .create-template-btn:active{transform:translateY(0)}.admin-templates .templates-content-wrapper{position:relative;background:transparent;overflow:hidden}.admin-templates .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.admin-templates .no-templates{text-align:center;padding:4rem 2rem;color:#64748b}.admin-templates .no-templates-icon{margin-bottom:1.5rem}.admin-templates .no-templates-icon svg{width:4rem;height:4rem;color:#cbd5e1}.admin-templates .no-templates h3{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.admin-templates .no-templates p{font-size:1rem;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.admin-templates .create-first-template-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.875rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #10b9811a}.admin-templates .create-first-template-btn:hover{transform:translateY(-1px);box-shadow:0 8px 15px -3px #10b98133}.admin-templates .template-block{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000f;cursor:pointer;position:relative;min-height:260px;display:flex;flex-direction:column}.admin-templates .template-block:hover{border-color:#3b82f6;box-shadow:0 8px 25px -5px #3b82f626;transform:translateY(-2px)}.admin-templates .add-template-block{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;min-height:260px}.admin-templates .add-template-block:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px)}.admin-templates .add-template-content{text-align:center;color:#64748b}.admin-templates .add-template-icon{margin-bottom:1rem}.admin-templates .add-template-icon svg{width:3rem;height:3rem;color:#94a3b8;transition:all .2s ease}.admin-templates .add-template-block:hover .add-template-icon svg{color:#3b82f6;transform:scale(1.1)}.admin-templates .add-template-content h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.admin-templates .add-template-content p{font-size:.875rem;margin:0}.admin-templates .template-block-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9;gap:.75rem}.admin-templates .template-block-title{flex:1;min-width:0;margin-right:1rem}.admin-templates .template-block-title h3{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 .5rem;line-height:1.3;word-break:break-word;letter-spacing:-.025em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.admin-templates .template-type-badge{background:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;display:inline-block}.admin-templates .template-type-badge.child-badge{background:#fef3c7;color:#92400e}.admin-templates .template-type-badge.master-badge{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.admin-templates .template-block-actions{display:flex!important;gap:.375rem;opacity:1!important;transition:opacity .2s ease;flex-shrink:0;visibility:visible!important;min-width:5rem;min-height:2.5rem;align-items:center;justify-content:flex-end}.admin-templates .template-block:hover .template-block-actions{opacity:1;visibility:visible}.admin-templates .action-btn{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #0000001f;border:1px solid rgba(0,0,0,.05);visibility:visible!important;opacity:1!important;flex-shrink:0}.admin-templates .action-btn svg{width:18px!important;height:18px!important;visibility:visible!important;opacity:1!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;display:block!important;min-width:18px!important;min-height:18px!important}.admin-templates .action-btn.clone-btn svg{width:1.5rem;height:1.5rem}.admin-templates .action-btn.edit-btn{color:#0369a1!important;background:#e0f2fe!important;border:1px solid #bae6fd!important;visibility:visible!important;opacity:1!important;display:flex!important}.admin-templates .action-btn.edit-btn:hover{background:#bae6fd;color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 8px #0284c733}.admin-templates .action-btn.clone-btn{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.admin-templates .action-btn.clone-btn:hover{background:#bbf7d0;color:#15803d}.admin-templates .action-btn.delete-btn{color:#dc2626!important;background:#fee2e2!important;border:1px solid #fecaca!important;visibility:visible!important;opacity:1!important;display:flex!important}.admin-templates .action-btn.delete-btn:hover{background:#fecaca;color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #b91c1c33}.admin-templates .action-btn.master-btn{color:#1e40af!important;background:#dbeafe!important;border:1px solid #93c5fd!important;visibility:visible!important;opacity:1!important;display:flex!important}.admin-templates .action-btn.master-btn:hover{background:#bfdbfe;color:#1e3a8a;transform:translateY(-1px);box-shadow:0 4px 8px #1e40af33}.admin-templates .action-btn.master-btn svg{fill:currentColor!important;stroke:none!important}.admin-templates .action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-templates .template-block-content{flex:1;display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.admin-templates .template-dimensions-preview{flex:1;min-height:60px}.admin-templates .dimensions-tags{display:flex;flex-wrap:wrap;gap:.5rem}.admin-templates .dimension-tag{background:#dbeafe;color:#1e40af;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid #bfdbfe;line-height:1.2}.admin-templates .more-dimensions{background:#f3f4f6;color:#6b7280;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid #d1d5db;line-height:1.2;cursor:pointer;transition:all .2s ease}.admin-templates .more-dimensions:hover{background:#e5e7eb;color:#374151}.admin-templates .no-dimensions{color:#9ca3af;font-style:italic;font-size:.875rem;text-align:center;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px dashed #d1d5db}.admin-templates .template-block-footer{margin-top:auto;padding-top:1rem;border-top:1px solid #f1f5f9}.admin-templates .footer-info{display:flex;justify-content:space-between;align-items:center}.admin-templates .template-date{font-size:.75rem;color:#9ca3af;font-weight:500}.admin-templates .dimensions-count-small{font-size:.75rem;color:#9ca3af;font-weight:500;background:#f8fafc;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e2e8f0}.admin-templates .dimensions-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-templates .dimensions-modal{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:500px;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.admin-templates .dimensions-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.admin-templates .dimensions-modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.admin-templates .dimensions-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-templates .dimensions-modal-close:hover{background:#f3f4f6;color:#374151}.admin-templates .dimensions-modal-close svg{width:1.25rem;height:1.25rem}.admin-templates .dimensions-modal-content{padding:0 1.5rem 1.5rem;max-height:60vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.admin-templates .dimensions-modal-content::-webkit-scrollbar{display:none}.admin-templates .dimensions-modal-list{display:flex;flex-direction:column;gap:.75rem}.admin-templates .dimensions-modal-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0;transition:all .2s ease}.admin-templates .dimensions-modal-item:hover{background:#f1f5f9;border-color:#cbd5e1}.admin-templates .dimensions-modal-icon{width:2rem;height:2rem;background:#3b82f6;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.admin-templates .dimensions-modal-name{color:#1f2937;font-size:.875rem;font-weight:500;flex:1}.admin-templates .no-templates-state{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:#64748b}.admin-templates .no-templates-state .no-templates-icon{margin-bottom:1rem}.admin-templates .no-templates-state .no-templates-icon svg{width:3rem;height:3rem;color:#cbd5e1}.admin-templates .no-templates-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.admin-templates .no-templates-state p{font-size:.875rem;margin:0}.admin-templates .templates-loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.admin-templates .spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.admin-templates .pagination-section{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem}.admin-templates .pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.admin-templates .pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.admin-templates .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-templates .pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.admin-templates .page-numbers{display:flex;gap:.25rem;align-items:center}.admin-templates .page-ellipsis{padding:.5rem;color:#9ca3af;font-size:.875rem}.admin-templates .error-message{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:.5rem;border:1px solid #fecaca;text-align:center;font-weight:500}@media(max-width:768px){.admin-templates .admin-templates-wrapper{padding:1rem}.admin-templates .templates-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-templates .templates-stats{flex-direction:column;gap:.5rem;width:100%}.admin-templates .templates-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.admin-templates .template-block{min-height:240px;padding:1rem}.admin-templates .add-template-block{min-height:240px}.admin-templates .template-block-header{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-templates .template-block-title{max-width:100%;margin-right:.5rem}.admin-templates .template-block-title h3{white-space:normal;overflow:visible;text-overflow:unset;font-size:1rem}.admin-templates .template-block-actions{opacity:1;align-self:flex-end;gap:.5rem}.admin-templates .footer-info{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-templates .pagination-section{flex-wrap:wrap}}@media(max-width:480px){.admin-templates .templates-grid{padding:.5rem}.admin-templates .template-block{padding:.875rem;min-height:220px}.admin-templates .add-template-block{min-height:220px}.admin-templates .action-btn{width:2rem;height:2rem}.admin-templates .action-btn svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}.admin-templates .add-template-icon svg{width:2.5rem;height:2.5rem}.admin-templates .add-template-content h3{font-size:1.125rem}.admin-templates .template-block-title h3{font-size:1rem}}.admin-templates .template-block.processing{position:relative;overflow:hidden}.admin-templates .template-processing-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.admin-templates .template-block.processing .template-block-header{position:relative;z-index:15}.admin-templates .template-block.processing .template-block-actions{position:relative;z-index:20;pointer-events:auto}.admin-templates .processing-spinner{width:2.5rem;height:2.5rem;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.admin-templates .processing-text{color:#3b82f6;font-size:.875rem;font-weight:600;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.admin-templates .template-type-badge.processing-badge{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;animation:pulse 2s ease-in-out infinite}.admin-templates .template-block.failed{border-color:#fca5a5;background:linear-gradient(135deg,#fff,#fef2f2)}.admin-templates .template-block.failed:hover{border-color:#ef4444;box-shadow:0 8px 25px -5px #ef444426}.admin-templates .template-type-badge.error-badge{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;cursor:help}.admin-templates .template-error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;padding:.75rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem;color:#991b1b;font-size:.875rem;line-height:1.5;cursor:help;position:relative}.admin-templates .template-error-message svg{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.admin-templates .template-error-message .error-message-text{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em}.admin-templates .template-error-message:hover:after{content:attr(title);position:absolute;top:100%;left:0;right:0;background:#1e293b;color:#fff;padding:.75rem;border-radius:.5rem;font-size:.75rem;line-height:1.5;margin-top:.5rem;z-index:1000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;white-space:normal;word-break:break-word;max-width:100%}.admin-templates .template-error-message:hover:before{content:"";position:absolute;top:100%;left:1rem;border:6px solid transparent;border-bottom-color:#1e293b;margin-top:-6px;z-index:1001}.admin-templates .template-block.processing .action-btn.delete-btn,.admin-templates .template-block.failed .action-btn.delete-btn{opacity:1!important;cursor:pointer!important;pointer-events:auto!important;z-index:25;position:relative}.admin-templates .template-block.processing .action-btn:not(.delete-btn){opacity:.4;cursor:not-allowed;pointer-events:none}.admin-templates .template-block.processing .template-block-actions{opacity:1!important;visibility:visible!important}.admin-templates .template-type-badge.error-badge:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;white-space:nowrap;margin-bottom:.5rem;z-index:1000;box-shadow:0 4px 6px -1px #0000001a}.settings-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease-in-out}.settings-container{background:#fffffff7;border-radius:15px;box-shadow:0 8px 32px #00000014;overflow:hidden;animation:fadeIn .5s ease-in-out}.settings-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.settings-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.settings-header p{font-size:1.1rem;margin:0;opacity:.9}.settings-content{padding:2rem}.settings-section{margin-bottom:3rem}.settings-section:last-child{margin-bottom:0}.settings-section h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#f8fafc;border-radius:12px;margin-bottom:1rem;border:1px solid #e2e8f0;transition:all .3s ease}.setting-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.setting-item.setting-disabled{opacity:.6;background:#f8fafc;border-color:#e2e8f0}.setting-item.setting-disabled:hover{transform:none;box-shadow:none;background:#f8fafc;border-color:#e2e8f0}.setting-item:last-child{margin-bottom:0}.setting-info{flex:1;margin-right:2rem}.setting-label{display:block;font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.setting-description{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}.setting-description.disabled,.setting-label.disabled{color:#94a3b8}.setting-dependency{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;font-size:.85rem;color:#92400e}.setting-dependency svg{width:16px;height:16px;flex-shrink:0}.setting-control{flex-shrink:0;display:flex;align-items:center}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch.disabled .toggle-slider{background-color:#cbd5e1;cursor:not-allowed}.toggle-switch.disabled input:checked+.toggle-slider{background-color:#94a3b8}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #3b82f6}.setting-input{width:120px;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:500;color:#1e293b;background:#fff;transition:all .3s ease}.setting-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.setting-input:hover{border-color:#cbd5e1}.setting-select{width:140px;padding:.75rem 2.5rem .75rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:500;color:#1e293b;background:#fff;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.setting-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.setting-select:hover{border-color:#cbd5e1}.settings-actions-top{padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.actions-container{display:flex;gap:1rem;align-items:center}.unsaved-changes-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.9rem;font-weight:500}.unsaved-changes-indicator svg{width:16px;height:16px;flex-shrink:0}.settings-actions{display:flex;gap:1rem;justify-content:center;padding:2rem;background:#f8fafc;border-top:1px solid #e2e8f0}.save-settings-btn{padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.save-settings-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.save-settings-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.reset-settings-btn{padding:1rem 2rem;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.reset-settings-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#374151;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.reset-settings-btn:disabled{background:#f1f5f9;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fffffff7;border-radius:15px;box-shadow:0 8px 32px #00000014}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:#6b7280;font-size:1.1rem;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.settings-wrapper{padding:1rem}.settings-header{padding:1.5rem}.settings-header h1{font-size:2rem}.settings-content{padding:1.5rem}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info{margin-right:0}.setting-control{align-self:flex-end}.settings-actions{flex-direction:column;gap:.75rem}.save-settings-btn,.reset-settings-btn{width:100%}}@media(max-width:480px){.settings-wrapper{padding:.5rem}.settings-header{padding:1rem}.settings-header h1{font-size:1.75rem}.settings-content,.setting-item{padding:1rem}.setting-label{font-size:1rem}.setting-description{font-size:.85rem}}.create-assessment-type-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-assessment-type-modal .modal-overlay{position:absolute;inset:0}.create-assessment-type-modal .modal-content{background:#fff;padding:0;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:600px;width:90%;max-height:90vh;animation:slideUp .3s ease-out;position:relative;z-index:10000;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden}.create-assessment-type-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.create-assessment-type-modal .fallback-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.create-assessment-type-modal .fallback-notice p{margin:0;color:#856404;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.create-assessment-type-modal .modal-header h2{margin:0;color:#1a202c;font-size:1.5rem;font-weight:600}.create-assessment-type-modal .close-btn{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.create-assessment-type-modal .close-btn:hover{background:#f7fafc;color:#2d3748}.create-assessment-type-modal .close-btn:disabled{opacity:.5;cursor:not-allowed}.create-assessment-type-modal .modal-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;overflow-y:auto;flex:1 1 auto;margin-bottom:0;min-height:0}.create-assessment-type-modal .modal-form::-webkit-scrollbar{width:8px}.create-assessment-type-modal .modal-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.create-assessment-type-modal .modal-form::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.create-assessment-type-modal .modal-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.create-assessment-type-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.create-assessment-type-modal .form-group label{font-weight:500;color:#2d3748;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.create-assessment-type-modal .required{color:#e53e3e;font-size:1rem}.create-assessment-type-modal .form-group input,.create-assessment-type-modal .form-group textarea{padding:.75rem;border:1px solid #cbd5e0;border-radius:8px;font-size:.95rem;transition:all .2s ease;font-family:inherit;background:#fff}.create-assessment-type-modal .form-group input:focus,.create-assessment-type-modal .form-group textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.create-assessment-type-modal .form-group input.error,.create-assessment-type-modal .form-group textarea.error{border-color:#fc8181}.create-assessment-type-modal .form-group input.error:focus,.create-assessment-type-modal .form-group textarea.error:focus{box-shadow:0 0 0 3px #fc81811a}.create-assessment-type-modal .form-group input:disabled,.create-assessment-type-modal .form-group textarea:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.create-assessment-type-modal .form-group textarea{resize:vertical;min-height:80px}.create-assessment-type-modal .error-message{color:#e53e3e;font-size:.85rem;margin-top:-.25rem}.create-assessment-type-modal .field-hint{color:#718096;font-size:.85rem;font-style:italic;margin-top:-.25rem}.create-assessment-type-modal .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#fff;flex-shrink:0;position:sticky;bottom:0;z-index:10;margin-top:auto}.create-assessment-type-modal .cancel-btn,.create-assessment-type-modal .submit-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:.5rem}.create-assessment-type-modal .cancel-btn{background:#fff;color:#4a5568;border:1px solid #cbd5e0}.create-assessment-type-modal .cancel-btn:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}.create-assessment-type-modal .submit-btn{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 4px 12px #4299e14d}.create-assessment-type-modal .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2c5282);box-shadow:0 6px 16px #4299e166;transform:translateY(-1px)}.create-assessment-type-modal .submit-btn:active:not(:disabled){transform:translateY(0)}.create-assessment-type-modal .cancel-btn:disabled,.create-assessment-type-modal .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.create-assessment-type-modal .spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.create-assessment-type-modal .modal-content{width:95%;padding:1.5rem;max-height:95vh}.create-assessment-type-modal .modal-header h2{font-size:1.25rem}.create-assessment-type-modal .form-actions{flex-direction:column-reverse}.create-assessment-type-modal .cancel-btn,.create-assessment-type-modal .submit-btn{width:100%;justify-content:center}}.create-assessment-type-modal .modal-content::-webkit-scrollbar{display:none}.admin-assessment-types{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}.admin-assessment-types-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:2rem}.admin-assessment-types-container{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%;overflow:hidden}.assessment-types-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.assessment-types-header h1{margin:0 0 1rem;color:#1f2937;font-size:2rem;font-weight:700}.assessment-types-stats{display:flex;gap:2rem;color:#6b7280;font-size:.95rem}.assessment-types-stats span{display:flex;align-items:center;gap:.5rem}.assessment-types-content-wrapper{flex:1;position:relative;overflow-y:auto;overflow-x:hidden}.assessment-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:1rem 0}.assessment-type-block{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.assessment-type-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.assessment-type-block:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f626;transform:translateY(-4px)}.assessment-type-block:hover:before{transform:scaleX(1)}.assessment-type-block.create-new-card{border:2px dashed #cbd5e0;background:linear-gradient(135deg,#f7fafc,#edf2f7);justify-content:center;align-items:center;min-height:200px}.assessment-type-block.create-new-card:before{display:none}.assessment-type-block.create-new-card:hover{border-color:#4299e1;background:linear-gradient(135deg,#ebf8ff,#bee3f8);box-shadow:0 8px 20px #4299e133}.create-new-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.create-new-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #cbd5e0;border-radius:50%;color:#4299e1;transition:all .3s ease}.assessment-type-block.create-new-card:hover .create-new-icon{background:#4299e1;color:#fff;border-color:#4299e1;transform:rotate(90deg)}.create-new-icon svg{width:32px;height:32px}.create-new-content h3{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.create-new-content p{margin:0;color:#718096;font-size:.9rem;line-height:1.5;max-width:250px}.assessment-type-block.create-new-card:hover .create-new-content h3{color:#2c5282}.assessment-type-block.create-new-card:hover .create-new-content p{color:#2d3748}.assessment-type-block-header{display:flex;justify-content:space-between;align-items:flex-start}.assessment-type-block-title h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600;line-height:1.4}.assessment-type-block-content{flex:1;min-height:60px}.assessment-type-description{margin:0;color:#6b7280;font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.assessment-type-block-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f1f5f9;margin-top:auto}.footer-info{display:flex;flex-direction:column;gap:.25rem}.assessment-type-date{color:#9ca3af;font-size:.8rem}.templates-count-small{color:#3b82f6;font-size:.85rem;font-weight:600}.navigate-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:50%;color:#3b82f6;transition:all .3s ease}.assessment-type-block:hover .navigate-icon{background:#3b82f6;color:#fff;transform:translate(4px)}.navigate-icon svg{width:20px;height:20px}.no-assessment-types-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.no-assessment-types-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:50%;color:#9ca3af;margin-bottom:1.5rem}.no-assessment-types-icon svg{width:40px;height:40px}.no-assessment-types-state h3{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.no-assessment-types-state p{margin:0;color:#6b7280;font-size:.95rem}.assessment-types-loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.assessment-types-loading-overlay .spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.pagination-section{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem 0 1rem;margin-top:auto}.pagination-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:.5rem;align-items:center}.page-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.page-ellipsis{color:#9ca3af;padding:0 .25rem}.error-message{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;text-align:center}.assessment-type-block-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.assessment-type-block-title{flex:1}.assessment-type-actions{display:flex;gap:.5rem;opacity:1;transition:opacity .12s ease}.assessment-type-block:hover .assessment-type-actions{opacity:1}.action-btn{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #0000001f;border:1px solid rgba(0,0,0,.05)}.action-btn svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;display:block!important;min-width:18px!important;min-height:18px!important}.action-btn.edit-btn{color:#0369a1!important;background:#e0f2fe!important;border:1px solid #bae6fd!important}.action-btn.edit-btn:hover{background:#bae6fd;color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 8px #0284c733}.action-btn.delete-btn{color:#dc2626!important;background:#fee2e2!important;border:1px solid #fecaca!important}.action-btn.delete-btn:hover{background:#fecaca;color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #b91c1c33}.action-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.assessment-types-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.admin-assessment-types-wrapper{padding:1rem}.assessment-types-header h1{font-size:1.5rem}.assessment-types-stats{flex-direction:column;gap:.5rem}.assessment-types-grid{grid-template-columns:1fr;gap:1rem}.pagination-section{flex-wrap:wrap}}.report-wrapper ::-webkit-scrollbar{width:8px}.report-wrapper ::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.report-wrapper ::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px;border:1px solid #e2e8f0}.report-wrapper ::-webkit-scrollbar-thumb:hover{background:#64748b}.report-wrapper ::-webkit-scrollbar-thumb:active{background:#475569}.report-wrapper{scrollbar-width:thin;scrollbar-color:#94a3b8 #f8fafc}.report-wrapper,.inline-edit-textarea,.inline-edit-input{scroll-behavior:smooth;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.report-content{contain:layout style paint;transform:translateZ(0);isolation:isolate}.overview-section,.dimensions-section,.recommendations-section,.gaps-section{contain:layout style;content-visibility:auto}.dimension-card,.recommendation-card,.stat-card,.action-card{transform:translateZ(0);backface-visibility:hidden;contain:layout style paint;isolation:isolate}.stats-grid,.recommendations-grid,.actions-grid,.gaps-list{contain:layout;transform:translateZ(0)}.dimension-card ul,.dimension-card ol,.editable-list,.editable-actions{contain:layout}.report-wrapper{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.report-wrapper button,.report-wrapper input,.report-wrapper textarea,.report-wrapper select{contain:layout style}.report-wrapper *:focus{box-shadow:none!important;outline-width:2px;outline-style:solid;outline-offset:0}.report-wrapper ::-webkit-scrollbar-corner{background:#f8fafc}.dimension-content ::-webkit-scrollbar{width:6px}.dimension-content ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dimension-content ::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.dimension-content ::-webkit-scrollbar-thumb:hover{background:#2563eb}.report-wrapper .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.report-wrapper .section-header h2{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700}.report-wrapper .edit-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:80px;position:relative;overflow:hidden;box-sizing:border-box;contain:layout style paint}.report-wrapper .edit-btn:before{content:"✏";font-size:14px;font-weight:700}.report-wrapper .edit-btn:hover{background:#2563eb;transform:translateY(-1px)}.report-wrapper .edit-btn:active{transform:translateY(0)}.report-wrapper .dimension-header-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;min-height:40px}.report-wrapper .edit-actions{display:flex;gap:6px;align-items:center;justify-content:center;height:36px}.report-wrapper .save-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:80px;position:relative;overflow:hidden;box-sizing:border-box;contain:layout style paint}.report-wrapper .save-btn:before{content:"✓";font-size:14px;font-weight:700}.report-wrapper .save-btn:hover{background:#059669;transform:translateY(-1px)}.report-wrapper .save-btn:active{transform:translateY(0)}.report-wrapper .cancel-btn{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:80px;position:relative;overflow:hidden;box-sizing:border-box;contain:layout style paint}.report-wrapper .cancel-btn:before{content:"✕";font-size:14px;font-weight:700}.report-wrapper .cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.report-wrapper .cancel-btn:active{transform:translateY(0)}.report-wrapper .inline-edit-textarea::-webkit-scrollbar,.report-wrapper .inline-edit-input::-webkit-scrollbar{width:8px}.report-wrapper .inline-edit-textarea::-webkit-scrollbar-track,.report-wrapper .inline-edit-input::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.report-wrapper .inline-edit-textarea::-webkit-scrollbar-thumb,.report-wrapper .inline-edit-input::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px;border:1px solid #e2e8f0}.report-wrapper .inline-edit-textarea::-webkit-scrollbar-thumb:hover,.report-wrapper .inline-edit-input::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.report-wrapper .inline-edit-textarea::-webkit-scrollbar-thumb:active,.report-wrapper .inline-edit-input::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.report-wrapper .inline-edit-textarea,.report-wrapper .inline-edit-input{scrollbar-width:thin;scrollbar-color:#3b82f6 #f1f5f9}.report-wrapper .inline-edit-input,.report-wrapper .inline-edit-textarea,.report-wrapper .inline-edit-select,.report-wrapper .inline-edit-title{background:transparent;border:1px solid transparent;border-radius:4px;padding:8px;font-size:inherit;font-family:inherit;color:inherit;width:100%;transition:all .2s ease}.report-wrapper .report-textarea{color:#1e293b;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:16px;width:100%;font-size:14px;line-height:1.5;min-height:120px;margin-bottom:20px}.report-wrapper .dimension-textarea{color:#1e293b;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:16px;width:100%;font-size:14px;line-height:1.6;min-height:100px;margin-bottom:15px}.report-wrapper .inline-edit-input:focus,.report-wrapper .inline-edit-textarea:focus,.report-wrapper .inline-edit-select:focus,.report-wrapper .inline-edit-title:focus{background:#fff;border-color:#3b82f6;outline:2px solid #3b82f6;outline-offset:0;color:#1e293b}.report-wrapper .inline-edit-input:hover,.report-wrapper .inline-edit-textarea:hover,.report-wrapper .inline-edit-select:hover,.report-wrapper .inline-edit-title:hover{background:#3b82f60d;border-color:#3b82f64d}.report-wrapper .score-input{font-size:3rem;font-weight:800;text-align:center;background:#fff!important;border:2px solid #3b82f6!important;color:#1e293b!important;border-radius:8px;padding:20px;width:100%;height:80px;margin-bottom:20px}.report-wrapper .score-input:focus{border-color:#3b82f6!important;outline:2px solid #3b82f6;outline-offset:0;color:#1e293b!important;background:#fff!important}.report-wrapper .score-input:hover{border-color:#2563eb!important;background:#fff!important;color:#1e293b!important}.report-wrapper .level-select{background:transparent;border:none;color:#fff;font-weight:600;text-align:center;cursor:pointer}.report-wrapper .level-select:focus{background:#fff;color:#1f2937;border:2px solid #3b82f6;border-radius:20px}.report-wrapper .inline-edit-title{font-size:1.25rem;font-weight:600;color:#1f2937;background:#fff;border:1px solid #d1d5db;padding:12px 16px;border-radius:8px;margin-bottom:15px;width:100%}.report-wrapper .inline-edit-title:focus{border-color:#3b82f6;outline:2px solid #3b82f6;outline-offset:0}.report-wrapper .editable-list{margin:0;padding:0}.report-wrapper .editable-list-item{display:flex;gap:8px;margin-bottom:8px;align-items:center}.report-wrapper .editable-list-item .inline-edit-input{flex:1;background:#fff;border:1px solid #d1d5db;padding:8px 12px;border-radius:6px}.report-wrapper .editable-list-item .inline-edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.report-wrapper .editable-list-item .inline-edit-input::-webkit-scrollbar{width:6px}.report-wrapper .editable-list-item .inline-edit-input::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.report-wrapper .editable-list-item .inline-edit-input::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.report-wrapper .editable-list-item .inline-edit-input::-webkit-scrollbar-thumb:hover{background:#059669}.report-wrapper .editable-actions{display:grid;gap:15px}.report-wrapper .editable-action-item{border:1px solid #e5e7eb;border-radius:8px;padding:15px;background:#f9fafb;position:relative}.report-wrapper .editable-action-item .inline-edit-textarea{width:100%;margin-bottom:10px;background:#fff;border:1px solid #d1d5db;padding:10px;border-radius:6px;resize:vertical;min-height:60px}.report-wrapper .editable-action-item .action-meta{display:flex;gap:10px;margin-bottom:10px}.report-wrapper .editable-action-item .action-meta .inline-edit-input{flex:1;background:#fff;border:1px solid #d1d5db;padding:8px;border-radius:4px}.report-wrapper .editable-action-item{border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;background:#f8fafc;margin-bottom:1.5rem;transition:all .2s ease}.report-wrapper .editable-action-item:hover{border-color:#3b82f6;background:#fff}.report-wrapper .action-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.report-wrapper .action-item-label{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.report-wrapper .remove-action-btn{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.report-wrapper .remove-action-btn:hover{background:#fee2e2;color:#7f1d1d;border-color:#fca5a5;transform:translateY(-1px)}.report-wrapper .action-description-field{margin-bottom:1.5rem}.report-wrapper .field-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.report-wrapper .action-description-field .inline-edit-textarea{width:100%;background:#fff;border:1px solid #d1d5db;padding:12px;border-radius:6px;resize:vertical;min-height:80px;font-size:.9rem;line-height:1.5}.report-wrapper .action-description-field .inline-edit-textarea:focus{outline:2px solid #3b82f6;outline-offset:0;border-color:#3b82f6}.report-wrapper .action-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.report-wrapper .meta-field{display:flex;flex-direction:column}.report-wrapper .meta-field .inline-edit-select{background:#fff;border:1px solid #d1d5db;padding:10px 12px;border-radius:6px;font-size:.9rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s ease}.report-wrapper .meta-field .inline-edit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.report-wrapper .meta-field .effort-select{border-color:#f59e0b}.report-wrapper .meta-field .effort-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.report-wrapper .meta-field .impact-select{border-color:#10b981}.report-wrapper .meta-field .impact-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.report-wrapper .editable-action-item .inline-edit-textarea::-webkit-scrollbar{width:8px}.report-wrapper .editable-action-item .inline-edit-textarea::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.report-wrapper .editable-action-item .inline-edit-textarea::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.report-wrapper .editable-action-item .inline-edit-textarea::-webkit-scrollbar-thumb:hover{background:#2563eb}.report-wrapper .editable-guidance{margin-top:15px;padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.report-wrapper .editable-guidance-item{display:flex;gap:12px;margin-bottom:15px;align-items:flex-start}.report-wrapper .editable-guidance-item .inline-edit-textarea{flex:1;background:#fff;border:1px solid #d1d5db;padding:12px;border-radius:6px;resize:vertical;min-height:80px;line-height:1.5;font-size:14px}.report-wrapper .editable-guidance-item .inline-edit-textarea::-webkit-scrollbar{width:6px}.report-wrapper .editable-guidance-item .inline-edit-textarea::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.report-wrapper .editable-guidance-item .inline-edit-textarea::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:3px}.report-wrapper .editable-guidance-item .inline-edit-textarea::-webkit-scrollbar-thumb:hover{background:#d97706}.report-wrapper .editable-gap-item{display:flex;gap:8px;align-items:flex-start;flex:1}.report-wrapper .editable-gap-item .inline-edit-textarea{flex:1;background:#fff;border:1px solid #d1d5db;padding:8px;border-radius:4px;resize:vertical;min-height:40px}.report-wrapper .editable-gap-item .inline-edit-textarea::-webkit-scrollbar{width:6px}.report-wrapper .editable-gap-item .inline-edit-textarea::-webkit-scrollbar-track{background:#fef2f2;border-radius:3px}.report-wrapper .editable-gap-item .inline-edit-textarea::-webkit-scrollbar-thumb{background:#ef4444;border-radius:3px}.report-wrapper .editable-gap-item .inline-edit-textarea::-webkit-scrollbar-thumb:hover{background:#dc2626}.report-wrapper .remove-item-btn{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.report-wrapper .remove-item-btn:hover{background-color:#fee2e2;color:#7f1d1d;border-color:#fca5a5}.report-wrapper .add-item-btn{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:15px;margin-bottom:10px;margin-right:10px}.report-wrapper .add-item-btn:hover{background-color:#dcfce7;color:#14532d;border-color:#86efac;transform:translateY(-1px)}.report-wrapper .remove-recommendation-btn{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:15px;margin-bottom:10px;margin-left:10px}.report-wrapper .remove-recommendation-btn:hover{background-color:#fee2e2;color:#7f1d1d;border-color:#fca5a5;transform:translateY(-1px)}.report-wrapper .add-gap-btn{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:15px}.report-wrapper .add-gap-btn:hover{background-color:#dcfce7;color:#14532d;border-color:#86efac;transform:translateY(-1px)}.report-wrapper .add-recommendation-btn{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:15px;display:inline-block;width:auto;max-width:200px;grid-column:1 / -1;justify-self:center;align-self:start}.report-wrapper .add-recommendation-btn:hover{background-color:#dcfce7;color:#14532d;border-color:#86efac;transform:translateY(-1px)}.report-wrapper .recommendation-edit-item{border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:25px;background:#fff;box-shadow:0 2px 8px #0000001a}@media(max-width:768px){.report-wrapper .editable-list-item{flex-direction:column;align-items:stretch}.report-wrapper .editable-list-item .remove-item-btn{align-self:flex-end;margin-top:8px}.report-wrapper .editable-action-item .action-meta,.report-wrapper .editable-guidance-item{flex-direction:column}.report-wrapper .editable-guidance-item .remove-item-btn{align-self:flex-end;margin-top:8px}.report-wrapper .editable-gap-item{flex-direction:column}.report-wrapper .editable-gap-item .remove-item-btn{align-self:flex-end;margin-top:8px}}.report-wrapper{width:100%;max-width:1400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014;animation:fadeIn .6s ease-out;border:1px solid #e5e7eb;transform:translateZ(0);-webkit-overflow-scrolling:touch;isolation:isolate}.report-wrapper .report-header{border-bottom:3px solid #3b82f6;padding-bottom:2rem;margin-bottom:2rem;position:relative;contain:layout style}.report-wrapper .header-content{display:flex;flex-direction:column;gap:1rem}.report-wrapper .header-content h1{font-size:2.8rem;font-weight:800;color:#1e293b;margin:0;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.02em}.report-wrapper .header-content p{font-size:1.1rem;color:#64748b;margin:0;font-weight:500}.report-wrapper .back-btn{align-self:flex-start;padding:.875rem 1.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;border:2px solid transparent;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden;line-height:1.2;text-align:left}.report-wrapper .back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.report-wrapper .back-btn:hover:before{left:100%}.report-wrapper .back-btn:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d;border-color:#3b82f6}.report-wrapper .header-top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.report-wrapper .regenerate-report-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border:2px solid transparent;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden;line-height:1.2;white-space:nowrap}.report-wrapper .regenerate-report-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.report-wrapper .regenerate-report-btn:hover:before{left:100%}.report-wrapper .regenerate-report-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #16a34a4d;border-color:#16a34a}.report-wrapper .regenerate-report-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.report-wrapper .regenerate-report-btn:disabled:hover:before{left:-100%}.report-wrapper .regenerate-icon{width:1rem;height:1rem;flex-shrink:0}.report-wrapper .back-icon{display:inline-block;width:.8rem;height:.8rem;margin-right:.5rem;position:relative}.report-wrapper .back-icon:before{content:"";position:absolute;top:50%;left:0;width:.6rem;height:.6rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}.report-wrapper .report-tabs{display:flex;gap:.75rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;padding-bottom:1rem;position:relative}.report-wrapper .report-tabs:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:1px}.report-wrapper .tab-btn{padding:1rem 2rem;background:transparent;color:#64748b;border:2px solid transparent;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;position:relative;overflow:hidden}.report-wrapper .tab-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.report-wrapper .tab-btn:hover:before{left:100%}.report-wrapper .tab-btn:hover{background:linear-gradient(135deg,#f8fafc,#fff);color:#3b82f6;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f61a}.report-wrapper .tab-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 20px #3b82f64d;border-color:#3b82f6;transform:translateY(-2px)}.report-wrapper .tab-btn.active:after{content:"";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.report-wrapper .report-content{min-height:500px}.report-wrapper .loading-container,.report-wrapper .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.report-wrapper .loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.report-wrapper .error-container h3{color:#ef4444;margin-bottom:1rem}.report-wrapper .error-container p{color:#64748b;margin-bottom:2rem}.report-wrapper .overview-section{display:flex;flex-direction:column;gap:2rem}.report-wrapper .overall-assessment h2,.report-wrapper .quick-stats h2{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.report-wrapper .assessment-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:2.5rem;border:1px solid #e2e8f0;display:flex;gap:2.5rem;align-items:center;box-shadow:0 8px 32px #00000014;position:relative;overflow:hidden}.report-wrapper .assessment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#06b6d4)}.report-wrapper .score-display{display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:180px;position:relative}.report-wrapper .score-number{font-size:5rem;font-weight:900;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-shadow:0 4px 8px rgba(59,130,246,.2);position:relative;-webkit-user-select:none;user-select:none;cursor:default}.report-wrapper .score-number:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px}.report-wrapper .maturity-badge{padding:.75rem 1.5rem;border-radius:25px;color:#fff;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:default}.report-wrapper .maturity-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.report-wrapper .maturity-badge:hover:before{left:100%}.report-wrapper .assessment-details{flex:1}.report-wrapper .assessment-details h3{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;margin-top:1.5rem}.report-wrapper .assessment-details h3:first-child{margin-top:0}.report-wrapper .assessment-details p{color:#475569;line-height:1.6;margin-bottom:1rem}.report-wrapper .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.report-wrapper .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem;text-align:center;transition:all .3s ease}.report-wrapper .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.report-wrapper .stat-card h4{font-size:.9rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.report-wrapper .stat-score{font-size:2rem;font-weight:900;margin:0}.report-wrapper .dimensions-section h2{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.report-wrapper .dimension-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:transform .2s ease,box-shadow .2s ease;position:relative;content-visibility:auto;contain-intrinsic-size:auto 500px}.report-wrapper .dimension-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.report-wrapper .dimension-header{background:#f8fafc;padding:2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;position:relative;contain:layout style}border-bottom: 1px solid #e2e8f0; position: relative; } .report-wrapper .dimension-header h3{flex:1;margin:0}.report-wrapper .dimension-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6,#06b6d4)}.report-wrapper .dimension-header h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0}.report-wrapper .dimension-score{padding:.5rem 1rem;border-radius:8px;color:#475569;font-weight:600;font-size:1.1rem;min-width:60px;height:36px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f8fafccc;border:1px solid rgba(148,163,184,.2);position:relative;overflow:hidden}.report-wrapper .dimension-score-input{padding:.5rem 1rem;border-radius:8px;color:#475569;font-weight:600;font-size:1.1rem;min-width:60px;height:36px;text-align:center;border:1px solid rgba(148,163,184,.3);transition:all .2s ease;background:#f8fafccc!important;color:#1e293b!important;box-sizing:border-box}.report-wrapper .dimension-score-input::-webkit-outer-spin-button,.report-wrapper .dimension-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.report-wrapper .dimension-score-input[type=number]{-moz-appearance:textfield;appearance:textfield}.report-wrapper .dimension-score-input::placeholder{color:#94a3b8;font-weight:500}.report-wrapper .dimension-score-input:focus{border-color:#3b82f666!important;box-shadow:0 0 0 2px #3b82f61a;outline:none;background:#fff!important}.report-wrapper .dimension-score-input:hover{border-color:#3b82f64d!important;background:#f8fafc!important}.report-wrapper .dimension-score:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.report-wrapper .dimension-score:hover:before{left:100%}.report-wrapper .dimension-content{padding:2rem;display:block}.report-wrapper .observation-section,.report-wrapper .business-impact-section,.report-wrapper .suggested-actions,.report-wrapper .tools-recommended{margin-bottom:2rem;width:100%;display:block}.report-wrapper .observation-section h4,.report-wrapper .business-impact-section h4,.report-wrapper .strengths h4,.report-wrapper .weaknesses h4,.report-wrapper .suggested-actions h4,.report-wrapper .tools-recommended h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.report-wrapper .observation-section h4:before{content:"📊"}.report-wrapper .business-impact-section h4:before{content:"💼"}.report-wrapper .strengths h4:before{content:"✅"}.report-wrapper .weaknesses h4:before{content:"❌"}.report-wrapper .suggested-actions h4:before{content:"🎯"}.report-wrapper .tools-recommended h4:before{content:"🛠️"}.report-wrapper .observation-section p,.report-wrapper .business-impact-section p{color:#475569;line-height:1.6;margin:0}.report-wrapper .strengths-weaknesses{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:nowrap;width:100%}.report-wrapper .strengths,.report-wrapper .weaknesses{flex:1;min-width:0;max-width:50%;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.report-wrapper .strengths:hover,.report-wrapper .weaknesses:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.report-wrapper .strengths{border-left:4px solid #10b981}.report-wrapper .weaknesses{border-left:4px solid #ef4444}.report-wrapper .strengths ul,.report-wrapper .weaknesses ul,.report-wrapper .tools-recommended ul{list-style:none;padding:0;margin:0}.report-wrapper .strengths li,.report-wrapper .weaknesses li,.report-wrapper .tools-recommended li{border-bottom:1px solid rgba(226,232,240,.5);color:#475569;line-height:1.6;position:relative;padding:.75rem 0 .75rem 1.5rem;transition:all .2s ease}.report-wrapper .strengths li:hover,.report-wrapper .weaknesses li:hover,.report-wrapper .tools-recommended li:hover{background:#ffffff80;border-radius:6px;padding-left:1.75rem;transform:translate(4px)}.report-wrapper .strengths li:last-child,.report-wrapper .weaknesses li:last-child,.report-wrapper .tools-recommended li:last-child{border-bottom:none}.report-wrapper .strengths li:before{content:"✓";position:absolute;left:0;top:.75rem;color:#10b981;font-weight:700;font-size:1.1rem;background:#10b9811a;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.report-wrapper .weaknesses li:before{content:"✗";position:absolute;left:0;top:.75rem;color:#ef4444;font-weight:700;font-size:1.1rem;background:#ef44441a;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.report-wrapper .tools-recommended li:before{content:"🔧";position:absolute;left:0;top:.75rem;font-size:1rem;background:#3b82f61a;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.report-wrapper .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;width:100%}.report-wrapper .action-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.report-wrapper .action-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);transform:scaleY(0);transition:transform .3s ease}.report-wrapper .action-card:hover:before{transform:scaleY(1)}.report-wrapper .action-card:hover{background:linear-gradient(135deg,#fff,#f8fafc);transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;border-color:#3b82f6}.report-wrapper .action-card p{color:#1e293b;font-weight:500;margin-bottom:1rem;line-height:1.5}.report-wrapper .action-meta{display:flex;gap:1rem;font-size:.85rem}.report-wrapper .effort{color:#f59e0b;font-weight:600}.report-wrapper .impact{color:#10b981;font-weight:600}.report-wrapper .recommendations-section h2{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.report-wrapper .recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.report-wrapper .recommendation-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease;content-visibility:auto;contain-intrinsic-size:auto 300px}.report-wrapper .recommendation-card:hover{transform:translateY(-2px)}.report-wrapper .recommendation-card h3{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3b82f6}.report-wrapper .recommendation-card ul{list-style:none;padding:0;margin:0}.report-wrapper .recommendation-card li{border-bottom:1px solid #f1f5f9;color:#475569;line-height:1.5;position:relative;padding:.75rem 0 .75rem 1.5rem}.report-wrapper .recommendation-card li:last-child{border-bottom:none}.report-wrapper .recommendation-card li:before{content:"→";position:absolute;left:0;color:#3b82f6;font-weight:700}.report-wrapper .gaps-section h2{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.report-wrapper .gaps-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.report-wrapper .gaps-list{display:flex;flex-direction:column;gap:1rem}.report-wrapper .gap-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;transition:all .3s ease}.report-wrapper .gap-item:hover{background:#fee2e2;transform:translate(4px)}.report-wrapper .gap-icon{font-size:1.2rem;flex-shrink:0}.report-wrapper .gap-text{color:#991b1b;font-weight:500;line-height:1.5}@media(max-width:768px){.report-wrapper{margin:1rem;padding:1rem}.report-wrapper .header-content h1{font-size:2rem}.report-wrapper .report-tabs{flex-wrap:wrap}.report-wrapper .tab-btn{flex:1;min-width:120px}.report-wrapper .assessment-card{flex-direction:column;text-align:center}.report-wrapper .score-display{min-width:auto}.report-wrapper .strengths-weaknesses{flex-direction:column;gap:1.5rem}.report-wrapper .strengths,.report-wrapper .weaknesses{min-width:auto}.report-wrapper .actions-grid,.report-wrapper .recommendations-grid{grid-template-columns:1fr}.report-wrapper .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:480px){.report-wrapper{margin:.5rem;padding:.5rem}.report-wrapper .header-content h1{font-size:1.5rem}.report-wrapper .dimension-header{flex-direction:column;gap:1rem;text-align:center}.report-wrapper .action-meta{flex-direction:column;gap:.5rem}.report-wrapper .actions-grid,.report-wrapper .editable-action-item .action-meta{grid-template-columns:1fr}.report-wrapper .action-item-header{flex-direction:column;gap:.75rem;align-items:flex-start}.report-wrapper .remove-action-btn{align-self:flex-end}}.dimension-id,.stat-id,.action-id{font-size:.75rem;color:#64748b;font-weight:400;margin-left:8px;opacity:.8}.action-item-label{display:flex;align-items:center;gap:8px}.action-meta .action-id{font-size:.7rem;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px;margin-left:8px}@media(max-width:768px){.dimension-id,.stat-id,.action-id{display:none}}.btn-saving-spinner{display:inline-block;width:12px;height:12px;border:2px solid transparent;border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:6px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.save-btn:disabled:hover{background:linear-gradient(135deg,#10b981,#059669)!important;transform:none!important;box-shadow:0 4px 12px #10b98133!important}.save-btn:disabled:before{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}