@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;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{background:linear-gradient(to right,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.toggle-btn.admin-login.active{background:linear-gradient(to right,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.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}.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-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,#8b5cf6,#6366f1);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:120px}.user-dashboard-wrapper .action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.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-block;white-space:nowrap}.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,#8b5cf6,#7c3aed);color:#fff;width:100%}.user-dashboard-wrapper .view-report-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);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 .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}.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)}@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 .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 .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-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}.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}.questions-wrapper .questions-container>div{width:100%;max-width:100%}.questions-wrapper .questions-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.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 .back-to-categories-btn{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.questions-wrapper .back-to-categories-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.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%;animation:fadeIn .4s;display:flex;flex-direction:column;align-items:flex-start;margin-left:auto;margin-right:auto;animation:questionSlideIn .5s ease-out;animation-fill-mode:both}.questions-wrapper .question-box:nth-child(1){animation-delay:.1s}.questions-wrapper .question-box:nth-child(2){animation-delay:.2s}.questions-wrapper .question-box:nth-child(3){animation-delay:.3s}.questions-wrapper .question-box:nth-child(4){animation-delay:.4s}.questions-wrapper .question-box:nth-child(5){animation-delay:.5s}.questions-wrapper .question-text{font-size:1.1rem;font-weight:500;color:#232f3e;margin-bottom:8px}.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:center;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;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.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: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 .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 .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 .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}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-size:1.5rem;font-weight:600;color:#1a202c;margin:0}.project-title-small{font-size:1.2rem;font-weight:600;color:#1a202c;margin:0}.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.3rem}.project-title-small{font-size:1rem}.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.1rem}.project-title-small{font-size:.9rem}.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}.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 .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}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.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:#8b5cf6;color:#fff;border-color:#8b5cf6}.admin-dashboard .filter-btn.active:hover{background:#7c3aed;border-color:#7c3aed}.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:#8b5cf6;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:#7c3aed}.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:#8b5cf6;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:#8b5cf6;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:#7c3aed}.admin-dashboard .table-container{overflow-x:auto;overflow-y:visible}.admin-dashboard .tests-table{width:100%;border-collapse:collapse}.admin-dashboard .tests-table th{background:#f8fafc;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:.9rem}.admin-dashboard .tests-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:top;position:relative}.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:12%;min-width:100px}.admin-dashboard .tests-table th:nth-child(2),.admin-dashboard .tests-table td:nth-child(2){width:18%;min-width:120px}.admin-dashboard .tests-table th:nth-child(3),.admin-dashboard .tests-table td:nth-child(3){width:25%;min-width:150px}.admin-dashboard .tests-table th:nth-child(4),.admin-dashboard .tests-table td:nth-child(4){width:25%;min-width:180px}.admin-dashboard .tests-table th:nth-child(5),.admin-dashboard .tests-table td:nth-child(5){width:10%;min-width:60px;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:all .2s ease}.admin-dashboard .action-dropdown:hover .dropdown-menu{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}.admin-dashboard .date-generated{color:#64748b;font-size:.9rem}.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,#8b5cf6,#6366f1);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 #8b5cf6;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.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:#f59e0b}.admin-dashboard .dropdown-item.generate-again-item:hover{background:#fef3c7;color:#d97706}.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.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}.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:space-between;align-items:center;gap:1rem}.tests-wrapper .primary-actions{display:flex;gap:1rem;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:#8b5cf6;color:#fff;border-color:#8b5cf6}.tests-wrapper .filter-btn.active:hover{background:#7c3aed;border-color:#7c3aed}.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:#8b5cf6;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:#7c3aed}.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 option{color:#374151;background:#fff;padding:.5rem}.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:#8b5cf6;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:#8b5cf6;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:#7c3aed}.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:1rem 1.5rem;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:.9rem}.tests-wrapper .tests-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:top;position:relative}.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:12%;min-width:100px}.tests-wrapper .tests-table th:nth-child(2),.tests-wrapper .tests-table td:nth-child(2){width:18%;min-width:120px}.tests-wrapper .tests-table th:nth-child(3),.tests-wrapper .tests-table td:nth-child(3){width:25%;min-width:150px}.tests-wrapper .tests-table th:nth-child(4),.tests-wrapper .tests-table td:nth-child(4){width:15%;min-width:100px}.tests-wrapper .tests-table th:nth-child(5),.tests-wrapper .tests-table td:nth-child(5){width:10%;min-width:60px;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}.tests-wrapper .date-generated{color:#64748b;font-size:.9rem}.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,#8b5cf6,#6366f1);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 #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.tests-wrapper .retry-btn{padding:.75rem 1.5rem;background:#8b5cf6;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:#7c3aed}.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}}@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}}.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:#f59e0b}.tests-wrapper .dropdown-item.generate-again-item:hover{background:#fef3c7;color:#d97706}.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.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 .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:2rem;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{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 .refresh-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.users-container .refresh-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}.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:fixed}.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 th:nth-child(1){width:20%}.users-container .users-table th:nth-child(2){width:35%}.users-container .users-table th:nth-child(3){width:15%}.users-container .users-table th:nth-child(4){width:15%}.users-container .users-table th:nth-child(5){width:15%}.users-container .users-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.users-container .users-table tbody tr{transition:background-color .2s ease}.users-container .users-table tbody tr:hover{background-color:#f9fafb}.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:#6b7280;font-size:.95rem;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.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-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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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}}.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 .options-container{display:flex;flex-direction:column;gap:.75rem}.add-question-modal .option-input-group{display:flex;gap:.5rem;align-items:center}.add-question-modal .option-input-group .form-input{flex:1;color:#1a202c!important}.add-question-modal .remove-option-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;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 fadeIn{0%{opacity:0}to{opacity:1}}@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}.admin-questions-wrapper .questions-header h1{margin:0;color:#1a202c;font-size:1.8rem;font-weight:600}.admin-questions-wrapper .questions-stats{display:flex;gap:1rem;font-size:.9rem;color:#6b7280}.admin-questions-wrapper .questions-stats span{background:#f3f4f6;padding:.5rem 1rem;border-radius:8px;font-weight:500}.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:#f3e8ff;color:#7c3aed;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;white-space:nowrap;border:1px solid #e9d5ff;box-shadow:0 1px 3px #7c3aed1a;transition:all .2s ease}.admin-questions-wrapper .question-dimension:hover{background:#ede9fe;border-color:#c4b5fd;box-shadow:0 2px 6px #7c3aed26}.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:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed1a!important}.admin-questions-wrapper .dimension-select:hover{border-color:#7c3aed!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-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 .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:center;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}.admin-questions-wrapper .option-text{color:#374151;font-size:.9rem}.admin-questions-wrapper .edit-options{display:flex;flex-direction:column;gap:.75rem}.admin-questions-wrapper .option-input-group{display:flex;gap:.5rem;align-items:center}.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;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease}.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:500;cursor:pointer;transition:background-color .2s ease}.admin-dimensions-wrapper .add-dimension-btn:hover{background:#2563eb}.admin-dimensions-wrapper .dimensions-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.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: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-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}.admin-dimensions-wrapper .edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.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}.admin-dimensions-wrapper .add-dimension-form{display:flex;flex-direction:column;gap:20px}.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}.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}}.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}}.report-wrapper ::-webkit-scrollbar{width:8px}.report-wrapper ::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.report-wrapper ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px;border:1px solid #e2e8f0}.report-wrapper ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.report-wrapper ::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#64748b,#475569)}.report-wrapper{scrollbar-width:thin;scrollbar-color:#94a3b8 #f8fafc}.report-wrapper,.inline-edit-textarea,.inline-edit-input{scroll-behavior:smooth}.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:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:3px}.dimension-content ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.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:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:80px;box-shadow:0 2px 8px #3b82f633;position:relative;overflow:hidden;box-sizing:border-box}.report-wrapper .edit-btn:before{content:"✏";font-size:14px;font-weight:700}.report-wrapper .edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.report-wrapper .edit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f633}.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:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:80px;box-shadow:0 2px 8px #10b98133;position:relative;overflow:hidden;box-sizing:border-box}.report-wrapper .save-btn:before{content:"✓";font-size:14px;font-weight:700}.report-wrapper .save-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.report-wrapper .save-btn:active{transform:translateY(0);box-shadow:0 2px 8px #10b98133}.report-wrapper .cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:80px;box-shadow:0 2px 8px #ef444433;position:relative;overflow:hidden;box-sizing:border-box}.report-wrapper .cancel-btn:before{content:"✕";font-size:14px;font-weight:700}.report-wrapper .cancel-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.report-wrapper .cancel-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ef444433}.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 .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;box-shadow:0 0 0 3px #3b82f61a;outline:none;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;box-shadow:0 0 0 3px #3b82f61a;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;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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:linear-gradient(135deg,#10b981,#059669);border-radius:3px}.report-wrapper .editable-list-item .inline-edit-input::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#047857)}.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{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.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:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:4px}.report-wrapper .editable-action-item .inline-edit-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.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:linear-gradient(135deg,#f59e0b,#d97706);border-radius:3px}.report-wrapper .editable-guidance-item .inline-edit-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d97706,#b45309)}.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:linear-gradient(135deg,#ef4444,#dc2626);border-radius:3px}.report-wrapper .editable-gap-item .inline-edit-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.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:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 20px 60px #0000001a,0 8px 25px #0000000d;animation:fadeIn .6s ease-out;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.report-wrapper .report-header{border-bottom:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4) border-box;padding-bottom:2rem;margin-bottom:2rem;position:relative}.report-wrapper .report-header:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:2px}.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,#8b5cf6,#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 .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,#8b5cf6,#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,#8b5cf6,#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,#8b5cf6);-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,#8b5cf6);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 4px 20px #00000014;transition:all .3s ease;position:relative}.report-wrapper .dimension-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.report-wrapper .dimension-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;display:flex;justify-content:space-between;align-items:center;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,#8b5cf6,#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}.report-wrapper .observation-section,.report-wrapper .business-impact-section{margin-bottom:2rem}.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:wrap}.report-wrapper .strengths,.report-wrapper .weaknesses{flex:1;min-width:300px;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}.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,#8b5cf6);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:all .3s ease}.report-wrapper .recommendation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.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)}}