*{caret-color:transparent}input,textarea,[contenteditable=true]{caret-color:var(--text-color)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:#4f46e560 var(--bg-color)}:root{--bg-color: #ffffff;--text-color: #111827;--bg-secondary: #f8fafc;--text-secondary: #6b7280;--text-muted: #9ca3af;--surface-color: #ffffff;--surface-hover: #f9fafb;--surface-active: #f3f4f6;--border-color: #e5e7eb;--border-hover: #d1d5db;--border-focus: #6366f1;--success-bg: #f0fdf4;--success-text: #166534;--success-border: #bbf7d0;--warning-bg: #fffbeb;--warning-text: #92400e;--warning-border: #fed7aa;--error-bg: #fef2f2;--error-text: #dc2626;--error-border: #fecaca;--info-bg: #eff6ff;--info-text: #1d4ed8;--info-border: #bfdbfe;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--accent-primary: #6366f1;--accent-primary-hover: #5856eb;--accent-secondary: #10b981;--accent-danger: #ef4444}.dark-theme{--bg-color: #111827;--text-color: #f9fafb;--bg-secondary: #1f2937;--text-secondary: #d1d5db;--text-muted: #9ca3af;--surface-color: #1f2937;--surface-hover: #374151;--surface-active: #4b5563;--border-color: #374151;--border-hover: #4b5563;--border-focus: #6366f1;--success-bg: #064e3b;--success-text: #6ee7b7;--success-border: #047857;--warning-bg: #78350f;--warning-text: #fbbf24;--warning-border: #d97706;--error-bg: #7f1d1d;--error-text: #fca5a5;--error-border: #dc2626;--info-bg: #1e3a8a;--info-text: #93c5fd;--info-border: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}input[type=checkbox],input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #aaa;width:16px;height:16px;border-radius:3px;display:flex;position:relative;justify-content:center;align-items:center}input[type=radio]{border-radius:50%}input[type=checkbox]:checked{background-color:#007bff}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px}input[type=radio]:checked:after{content:"";font-size:12px;width:8px;height:8px;border-radius:50%;background-color:#007bff}select,input,textarea{background-color:var(--bg-color);color:var(--text-color)}select:focus,input:focus,textarea:focus{outline:none;border-color:#6366f1!important}#root{display:flex;justify-content:center;width:100%}*{box-sizing:border-box}.app{width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;justify-self:center}.auth-header{position:absolute;top:1.5rem;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;max-width:1200px;margin:0 auto;width:100%}.auth-logo{font-size:1.25rem;font-weight:700;color:var(--text-color);text-decoration:none}.auth-card{width:100%;background-color:var(--bg-color);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-color);margin:2rem 0}.auth-content{padding:2rem}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-group label{font-size:.875rem;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);color:var(--text-color);font-size:.875rem;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.password-header{display:flex;justify-content:space-between;align-items:center}.forgot-password{font-size:.75rem;color:var(--primary-color);text-decoration:none}.forgot-password:hover{text-decoration:underline}.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer}.checkbox-text{font-size:.875rem;color:var(--text-color)}.auth-button{display:flex;justify-content:center;align-items:center;width:100%;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transition);margin-top:.5rem;height:2.75rem}.auth-button:hover{background-color:var(--primary-hover)}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{margin-top:2rem;text-align:center;font-size:.875rem}.auth-link{color:var(--primary-color);text-decoration:none}.auth-back{margin-top:1rem}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;transition:var(--transition)}.back-link:hover{color:var(--text-color)}.back-link i{font-size:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-color);cursor:pointer;width:2rem;height:2rem;border-radius:50%;transition:var(--transition)}.theme-toggle:hover{background-color:var(--bg-muted)}.theme-toggle i{font-size:1.25rem}.navbar{position:absolute;top:0;left:0;right:0;z-index:100;transition:all .3s ease;height:4rem}.navbar.bg-blue{background:linear-gradient(135deg,var(--primary-color) 0%,#4f46e5 100%)}.navbar.bg-transparent{display:none}.navbar-scrolled{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-container{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 1.5rem;height:100%}.navbar-left{display:flex;align-items:center;gap:2rem}.navbar-logo{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}.navbar-nav{display:flex;gap:1.5rem}@media (max-width: 768px){.navbar-nav{display:none}}.navbar-link{color:#fff;text-decoration:none;font-size:.875rem;transition:var(--transition)}.navbar-link:hover{color:var(--text-color)}.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-right .btn{color:#fff}.navbar-auth{display:flex;gap:.75rem}@media (max-width: 768px){.navbar-auth{display:none}}.navbar-menu-button{display:none;background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem}@media (max-width: 768px){.navbar-menu-button{display:block}}.navbar-mobile{position:fixed;top:4rem;left:0;right:0;bottom:0;background-color:var(--bg-color);transform:translate(100%);transition:transform .3s ease;z-index:99;overflow-y:auto}.navbar-mobile.open{transform:translate(0)}.navbar-mobile-content{display:flex;flex-direction:column;padding:1.5rem}.navbar-mobile-link{color:var(--text-color);text-decoration:none;padding:1rem 0;border-bottom:1px solid var(--border-color);font-size:1rem}.navbar-mobile-link:last-child{border-bottom:none}.pricing-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius);padding:2rem;position:relative;transition:var(--transition);display:flex;flex-direction:column;width:25%;cursor:pointer;justify-content:space-between}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.pricing-card.popular{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.pricing-card-header{text-align:center;margin-bottom:2rem}.plan-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-description{color:var(--text-muted);height:48px}.price-section{margin-bottom:1rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.currency{font-size:1.25rem;font-weight:600;color:var(--text-muted)}.amount{font-size:3rem;font-weight:800;color:var(--primary-color)}.period{color:var(--text-muted)}.yearly-info{font-size:.875rem;color:var(--text-muted);margin-top:.5rem}.pricing-card-content{flex:1;margin-bottom:2rem}.features-list{list-style:none;padding:0;margin:0 0 1.5rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.875rem}.feature-check{color:var(--primary-color);margin-top:.125rem;flex-shrink:0}.limitations-list{list-style:none;padding:0;margin:0 0 1.5rem}.limitation-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-muted)}.limitation-x{color:#ef4444;margin-top:.125rem;flex-shrink:0}.addons-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.addons-section h4{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--text-color)}.addons-list{list-style:none;padding:0;margin:0}.addon-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;color:var(--text-muted)}.addon-item i{color:var(--primary-color);font-size:.75rem}.pricing-card-footer{text-align:center}.trial-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--text-muted)}.trial-info i{color:var(--primary-color)}.comparison-table-container{max-width:1200px;margin:0 auto}.comparison-table-wrapper{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border-color);background-color:var(--bg-color)}.comparison-table{width:100%;border-collapse:collapse;min-width:800px}.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.comparison-table th{background-color:var(--bg-muted);font-weight:600;position:sticky;top:0;z-index:10}.feature-column{width:30%;min-width:200px}.plan-column{width:17.5%;text-align:center}.popular-column{background-color:#6366f10d;border-left:2px solid var(--primary-color);border-right:2px solid var(--primary-color)}.plan-header{display:flex;flex-direction:column;gap:.25rem}.plan-name{font-weight:700}.plan-price{font-size:.875rem;color:var(--text-muted)}.feature-name{font-weight:500}.feature-value{text-align:center}.feature-available{color:var(--primary-color);font-size:1.25rem}.feature-unavailable{color:#ef4444;font-size:1.25rem}.feature-text{font-size:.875rem}.even-row{background-color:var(--bg-muted)}.odd-row{background-color:var(--bg-color)}@media (max-width: 768px){.comparison-table-wrapper{border-radius:0;margin:0 -1.5rem}.comparison-table th,.comparison-table td{padding:.75rem .5rem;font-size:.875rem}.plan-header{gap:.125rem}.plan-name{font-size:.875rem}.plan-price{font-size:.75rem}}.pricing-container{min-height:100vh;background-color:var(--bg-color)}.pricing-header{background:linear-gradient(135deg,var(--primary-color) 0%,#4f46e5 100%);color:#fff;padding:2rem 1.5rem 4rem;position:relative;overflow:hidden}.header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;position:relative;z-index:2}.back-link{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;text-decoration:none;font-size:.875rem;transition:var(--transition)}.back-link:hover{color:#fff}.hero-section{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2}.hero-section h1{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.hero-section p{font-size:1.25rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.billing-toggle{display:inline-flex;background-color:#fff3;border-radius:2rem;padding:.25rem;gap:.25rem}.billing-toggle button{position:relative;padding:.75rem 1.5rem;border:none;background:none;color:#fffc;border-radius:1.5rem;cursor:pointer;transition:var(--transition);font-weight:500;display:flex;align-items:center;gap:.5rem;flex-direction:column;justify-content:center}.billing-toggle button.active{background-color:#fff;color:var(--primary-color)}.discount-badge{background-color:#16a34a;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;font-weight:600;width:150%}.plans-section{padding:4rem 1.5rem;max-width:1400px;margin:0 auto;margin-top:-2rem;position:relative;z-index:3}.pricing-container .plans-grid{display:flex;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.comparison-toggle-section{text-align:center;padding:2rem 1.5rem}.comparison-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color);color:var(--text-color);padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-size:.875rem}.comparison-toggle-btn:hover{background-color:var(--bg-muted);border-color:var(--primary-color)}.comparison-section{padding:2rem 1.5rem;background-color:var(--bg-muted)}.group-plans-section{padding:4rem 1.5rem;background-color:var(--bg-muted)}.pricing-container .section-header{display:flex;justify-content:center;max-width:700px;gap:30px}.pricing-container .section-header h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.group-plans-grid{display:flex;gap:2rem;max-width:1200px;margin:0 auto 3rem}.group-plan-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius);padding:2rem;position:relative;transition:var(--transition)}.group-plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.group-plan-card.popular{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.popular-badge{position:absolute;top:-.5rem;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:.25rem 1rem;border-radius:1rem;font-size:.75rem;font-weight:600}.group-plan-header{text-align:center;margin-bottom:2rem}.group-plan-header h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.group-plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.group-plan-price .price{font-size:2rem;font-weight:800;color:var(--primary-color)}.group-plan-price .period{color:var(--text-muted)}.price-per-school{color:var(--text-muted);font-size:.875rem}.schools-count{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;color:var(--text-muted)}.group-features-list{list-style:none;padding:0;margin:0 0 2rem}.group-features-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.875rem}.group-features-list i{color:var(--primary-color);margin-top:.125rem;flex-shrink:0}.pilot-offer{background:linear-gradient(135deg,var(--primary-color) 0%,#4f46e5 100%);border-radius:var(--radius);padding:2rem;text-align:center;color:#fff;margin-top:2rem}.pilot-offer-content h3{font-size:1.5rem;margin-bottom:1rem}.pilot-offer-content p{margin-bottom:1.5rem;opacity:.9}.faq-section{padding:4rem 1.5rem;max-width:1000px;margin:0 auto}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.faq-item{background-color:var(--bg-muted);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border-color)}.faq-item h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--primary-color)}.faq-item p{color:var(--text-muted);line-height:1.6}.final-cta-section{background:linear-gradient(135deg,var(--primary-color) 0%,#4f46e5 100%);color:#fff;padding:4rem 1.5rem;text-align:center}.final-cta-content h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.final-cta-content p{font-size:1.125rem;opacity:.9;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-full{width:100%}@media (max-width: 768px){.hero-section h1{font-size:2.25rem}.hero-section p{font-size:1rem}.plans-grid{grid-template-columns:1fr;max-width:400px}.group-plans-grid,.faq-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.billing-toggle{flex-direction:column;width:100%;max-width:300px}.billing-toggle button{width:100%;justify-content:center}}.create-quiz-enhanced{display:flex;min-height:100vh;padding-top:4rem}.sidebar-enhanced{border-right:1px solid #e5e7eb;position:fixed;left:0;top:4rem;bottom:0;z-index:10;transition:width .3s ease;overflow-y:none;height:100%}.sidebar-enhanced.expanded{width:300px}.sidebar-enhanced.collapsed{width:60px;padding-top:60px}.sidebar-toggle{position:absolute;right:-15px;top:20px;width:25px;height:35px;background:#6366f1;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:11;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.sidebar-toggle:hover{background:#5856eb;transform:scale(1.1)}.sidebar-actions{padding:1rem 0;border-bottom:1px solid #e5e7eb;height:160px}.sidebar-enhanced:not(.expanded) .question-type-btn:hover{background:linear-gradient(135deg,var(--primary-color) 0%,#4f46e5 100%);color:#fff}.sidebar-enhanced.expanded .sidebar-actions{padding:1rem 0;border-bottom:1px solid #e5e7eb;height:215px}.sidebar-actions h4{margin:0 0 .75rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:.05em}.sidebar-action{margin-bottom:.25rem}.action-btn{width:100%;padding:.5rem 1rem;border:none;background:none;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background-color .2s;border-radius:6px;margin:0;color:#6b7280}.sidebar-enhanced.expanded .action-btn{margin:0 .5rem}.action-btn:hover{background-color:transparent}.action-icon{font-size:16px;width:20px;text-align:center;color:var(--text-color)}.action-info{display:flex;flex-direction:column;align-items:flex-start;flex:1}.action-name{font-weight:500;font-size:.8rem;color:var(--text-color)}.action-shortcut{font-size:.7rem;color:var(--text-color)}.sidebar-tools{padding:1rem 0;border-bottom:1px solid #e5e7eb}.sidebar-tool{margin-bottom:.5rem}.tool-btn{width:100%;padding:.75rem;border:none;background:none;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background-color .2s}.tool-btn:hover{background-color:transparent}.tool-icon{font-size:18px;width:24px;text-align:center}.tool-info{display:flex;flex-direction:column;align-items:flex-start;flex:1}.tool-name{font-weight:500;font-size:.875rem}.tool-shortcut{font-size:.75rem}.question-types{padding:1rem}.question-types h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--text-color)}.sidebar-enhanced.expanded .question-type-btn{width:100%;padding:.5rem .5rem .5rem 1.5rem;border:none;background:none;display:flex;align-items:center;gap:.5rem;cursor:pointer;border-radius:0;font-size:.875rem;transition:background-color .2s;color:var(--text-color)}.question-type-btn .crown{color:#4f46e5}.sidebar-enhanced:not(.expanded) .question-type-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.question-type-btn{padding:0;width:100%;border:none;background:none;display:flex;align-items:center;gap:.5rem;cursor:pointer;border-radius:0;font-size:.875rem;transition:background-color .2s;color:var(--text-color)}.question-type-btn.disabled{background-color:#b0b0b060!important}.question-type-btn:hover{background-color:transparent}.main-content-enhanced{flex:1;margin-left:300px;padding:2rem;transition:margin-left .3s ease;overflow-y:auto;height:calc(100vh - 65px)}.sidebar-enhanced.collapsed+.main-content-enhanced{margin-left:60px}.content-header-enhanced{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-left h1{font-size:2rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem}.save-status{font-size:.875rem}.saving{color:#f59e0b}.saved{color:#10b981}.header-actions{display:flex;gap:1rem}.preview-btn,.publish-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.preview-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.preview-btn:hover{background:#f9fafb}.publish-btn{background:#6366f1;color:#fff}.publish-btn:hover{background:#5856eb}.questions-container-enhanced{display:flex;flex-direction:column;gap:1.5rem}.status-complete{color:#10b981;font-size:.75rem;font-weight:500}.status-incomplete{color:#f59e0b;font-size:.75rem;font-weight:500}.options-container-enhanced{display:flex;flex-direction:column;gap:.75rem}.option-item-enhanced{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.option-item-enhanced input[type=checkbox],.option-item-enhanced input[type=radio]{width:16px;height:16px}.option-input{flex:1;padding:.5rem;border:none;background:transparent;font-size:.875rem}.option-input:focus{outline:none}.delete-option{border:none;background:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:4px}.delete-option:hover{background:#fef2f2}.add-option-btn{align-self:flex-start;padding:.5rem 1rem;border:1px dashed #d1d5db;background:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem}.add-option-btn:hover{border-color:#6366f1;color:#6366f1}.truefalse-container{display:flex;gap:2rem}.truefalse-container label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.settings-panel-enhanced{width:400px;background-color:transparent;border-left:1px solid #e5e7eb;position:fixed;right:0;top:4rem;bottom:0;overflow-y:auto}.settings-panel-enhanced input,.settings-panel-enhanced select,.settings-panel-enhanced textarea,.settings-panel-enhanced{background-color:var(--bg-color);color:var(--text-color)}.settings-panel-enhanced h2{font-size:1.25rem;font-weight:700;padding:12px}.category-header{width:100%;padding:2rem 0;border:none;background:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;color:var(--text-color);transition:color .2s;background:linear-gradient(135deg,var(--primary-color) 0%,#6366f1 100%);color:#fff;padding:1rem;border-radius:0}.category-header:hover{background:linear-gradient(135deg,var(--primary-color) 0%,#6366f1 100%)}@media (prefers-color-scheme: dark){.category-header,.category-header:hover{background:#6366f1}}.category-arrow{transition:transform .2s ease;font-size:.75rem;color:#9ca3af}.category-arrow.open{transform:rotate(180deg)}.category-content{padding:1rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-category{margin-bottom:0;padding-bottom:0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6}.settings-category h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-color)}.setting-bloc{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;font-weight:600}.setting-group{padding-left:24px}.setting-group.question-list{display:flex;flex-direction:column;gap:20px}.setting-group .info{font-size:.8rem}.setting-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-color);font-weight:400}.checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0!important}.setting-group input[type=text],.setting-group input[type=number],.setting-group input[type=datetime-local],.setting-group select,.setting-group textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.setting-group textarea{resize:vertical;min-height:80px}.input-with-unit{display:flex;align-items:center;gap:.5rem}.input-with-unit input{flex:1}.input-with-unit span{font-size:.875rem;color:var(--text-color)}@media (max-width: 1200px){.main-content-enhanced{margin-right:0}.settings-panel-enhanced{display:none}}@media (max-width: 768px){.sidebar-enhanced{display:none}.main-content-enhanced{margin-left:0;padding:1rem}.content-header-enhanced{flex-direction:column;gap:1rem}.header-actions{width:100%;justify-content:stretch}.preview-btn,.publish-btn{flex:1}}.sidebar-question{bottom:0;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 279px)}.sidebar-question .category-header{padding:0;display:flex;justify-content:space-between;text-align:left;padding:0 1rem}.sidebar-question .category-arrow{display:flex}.sidebar-question .category-title{display:flex;align-items:center;gap:20px}.sidebar-category,.sidebar-enhanced.expanded .sidebar-category{border:1px solid #e5e7eb}.config-fullscreen{position:fixed;top:4rem;left:0;right:0;bottom:0;background:var(--bg-color);z-index:20;display:flex;flex-direction:column}.config-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:var(--bg-color)}.config-header h1{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #d1d5db;background:var(--bg-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-weight:500;transition:all .2s}.back-btn:hover{background:#f9fafb;border-color:#9ca3af}.config-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;transition:all .2s}.config-btn:hover{background:#f9fafb;border-color:#6366f1;color:#6366f1}.config-content{flex:1;overflow-y:auto;padding:2rem}.config-categories{max-width:800px;margin:0 auto}.config-category{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.config-category .category-header{background:linear-gradient(135deg,var(--primary-color) 0%,#6366f1 100%);color:#fff;padding:1rem 1.5rem;border-radius:0;margin:0}.config-category .category-content{padding:1.5rem;background:var(--bg-color)}.config-category .setting-group{padding-left:0;margin-bottom:1rem}.config-category .setting-group:last-child{margin-bottom:0}.config-sidebar{width:250px;background:var(--bg-color);color:var(--text-color);border-right:1px solid #e5e7eb;padding:1rem 0;overflow-y:auto}.config-tab{width:100%;padding:1rem 1.5rem;border:none;background:none;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;transition:all .2s;border-left:3px solid transparent;border-radius:0}.config-tab:hover{background:var(--accent-primary)}.config-tab.active{background:var(--accent-primary);border-left-color:#2563eb}.tab-icon{font-size:1.25rem;width:24px;text-align:center}.config-tab.active .tab-label,.config-tab:hover .tab-label{color:#fff;border-left-color:#2563eb;filter:brightness(1.2)}.tab-label{font-size:.875rem;color:var(--text-color)}.config-main{flex:1;padding:2rem;overflow-y:auto;background:var(--bg-color)}.config-section h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0 0 2rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.config-content{display:flex;height:100%}.config-fullscreen .config-content{flex:1;overflow:hidden;padding:0}.config-fullscreen .config-categories{display:none}@media (max-width: 768px){.config-content{flex-direction:column}.config-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto;padding:.5rem}.config-tab{white-space:nowrap;min-width:auto;padding:.75rem 1rem;border-left:none;border-bottom:3px solid transparent}.config-tab.active{border-left:none;border-bottom-color:#2563eb}.config-main{padding:1rem}}.create-quiz-enhanced.hideUI .main-content-enhanced{margin-left:0}.create-quiz-enhanced.hideUI .sidebar-enhanced,.create-quiz-enhanced.hideUI .header-actions{display:none}.theme-presets{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.theme-preset{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;width:calc(12.5% - 1rem)}.theme-preset:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.theme-preset.active{border-color:#6366f1;background:#eff6ff;box-shadow:0 4px 12px #6366f133}.theme-preview{display:flex;gap:4px;margin-bottom:.5rem}.color-sample{width:20px;height:20px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.theme-label{font-size:.875rem;font-weight:500;color:var(--text-color);text-align:center}.color-customization{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.color-input-group{display:flex;flex-direction:column;gap:.5rem}.color-input-group label{font-size:.875rem;font-weight:500;color:var(--text-color)}.color-input-group input[type=color]{width:100%;height:40px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;background:none;padding:4px}.color-input-group input[type=color]:hover{border-color:#6366f1}.theme-preview-large{border-radius:8px;overflow:hidden;margin-top:1rem;box-shadow:0 4px 12px #0000001a}.preview-header{padding:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.preview-header h3{margin:0;font-size:1.125rem;font-weight:600;color:inherit}.preview-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.preview-content p{margin:0;font-size:.875rem;color:inherit}.preview-button{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;color:inherit;align-self:flex-start;border:none;cursor:pointer;transition:opacity .2s}.preview-button:hover{opacity:.9}@media (max-width: 768px){.theme-presets{grid-template-columns:repeat(2,1fr)}.color-customization{grid-template-columns:1fr}.theme-preview-large{margin-top:.5rem}}@media (max-width: 480px){.theme-presets{grid-template-columns:1fr}.theme-preset{padding:.75rem}.color-sample{width:16px;height:16px}}.question-input::placeholder{color:var(--placeholder-color);filter:brightness(.8)}.question-card-enhanced{overflow:hidden}.question-card-enhanced .title{margin:0;font-size:1.125rem;font-weight:600;color:inherit;display:flex;align-items:center}.question-title-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;margin-bottom:1rem;background-color:var(--bg-color);color:var(--text-color)}.question-title-input:focus{outline:none;border-color:#6366f1}.question-card-enhanced *:disabled{cursor:not-allowed;caret-color:transparent}.question-card-enhanced{border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.question-card-enhanced.incomplete{border-left:4px solid #6366f160}.question-card-enhanced.dragging{transform:rotate(2deg);box-shadow:0 10px 25px #00000026}.question-header-enhanced{display:flex;align-items:flex-start;gap:1rem;padding:.75rem}.question-header-enhanced .point{display:flex;align-items:center;gap:12px}.question-header-enhanced .point input{width:100%;display:flex;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background-color:var(--bg-color);color:var(--text-color);width:45px;text-align:center}.question-header-enhanced .point input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.question-drag{cursor:grab;color:#9ca3af;font-size:1.25rem;padding:.25rem}.question-drag:active{cursor:grabbing}.question-info{flex:1}.question-info h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.question-status{display:flex;gap:.75rem;align-items:center}.question-actions{display:flex;gap:.5rem;align-items:center;width:260px}.question-type-select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.delete-question{padding:.5rem;border:none;background:none;color:#ef4444;cursor:pointer;border-radius:4px}.delete-question:hover{background:#fef2f2}.question-content-enhanced{padding:1.5rem}.required-badge{background:#1565c080;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;cursor:pointer}.required-badge.required{background:#f0000080}.question-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;margin-bottom:1rem;background-color:var(--bg-color);color:var(--text-color)}.option-item-enhanced{background-color:var(--bg-color)}.option-input{background-color:var(--bg-color);color:var(--text-color)}.truefalse .active{background-color:#5856eb;color:#fff}.truefalse button{background-color:var(--bg-color);color:var(--text-color)}.select-wrapper{position:relative;width:100%;max-width:300px}.select-label{display:block;margin-bottom:4px;font-weight:500}.select-box{background-color:var(--bg-color);color:var(--text-color);border:1px solid #555;padding:8px 10px;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.select-value span{display:flex;gap:8px;align-items:center}.select-value .lucide{width:18px;height:18px}.select-arrow{margin-left:10px}.select-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background-color:var(--bg-color);color:var(--text-color);border:1px solid #555;border-top:none;z-index:100;border-radius:0 0 4px 4px}.select-option{padding:8px 10px;display:flex;align-items:center;gap:14px;cursor:pointer}.select-option .select-icon .lucide{width:18px;height:18px}.select-option:hover,.select-option.selected{background:#4f46e5;color:#fff}.select-icon{display:flex;align-items:center}.select-dropdown::-webkit-scrollbar{width:8px}.select-dropdown::-webkit-scrollbar-thumb{background-color:#4f46e5;border-radius:4px}.drawing-container{display:flex;flex-direction:column;gap:10px}.upload-label{align-self:flex-start;padding:6px 10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer}.canvas-wrapper{position:relative;width:600px;height:400px;border:1px solid #ccc}.drawing-bg{position:absolute;top:0;left:0;width:600px;height:400px;object-fit:cover;z-index:1}canvas{position:absolute;top:0;left:0;z-index:2;cursor:crosshair}.drawing-actions{display:flex;gap:10px}.question-input{width:100%;display:flex;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;margin-bottom:1rem;background-color:var(--bg-color);color:var(--text-color)}.question-input input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.question-input input[type=number]::-webkit-inner-spin-button,.question-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.question-input button{display:flex;outline:none;background-color:transparent;border:1px solid var(--text-color);align-items:center;justify-content:center;width:1.5rem;height:1.5rem;cursor:pointer;color:var(--text-color);padding:0;border-radius:50%}.question-input button svg{width:1rem;height:1rem}.question-input input[type=number]{font-family:sans-serif;width:100%;border:none;font-size:1.2rem;height:1.5rem;font-weight:700;text-align:center;background-color:var(--bg-color);outline:none;color:var(--text-color)}.code-editor-field .editor{border:2px solid #5856eb40;padding:12px;caret-color:var(--text-color)}.code-editor-field .settings{display:flex;justify-content:space-between;gap:20px}.code-editor-field .settings .setting-group{display:flex;width:50%;flex-direction:column}.code-editor-field .settings .setting-group input,.code-editor-field .settings .setting-group select{background-color:var(--bg-color);color:var(--text-color)}.image-annotator{display:flex;flex-direction:column;gap:20px}.file-upload-label{display:inline-block;padding:10px 16px;border-radius:6px;background-color:var(--primary, #6d5df5);color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out;font-size:14px;line-height:1.2;-webkit-user-select:none;user-select:none;width:180px}.file-upload-label:hover{background-color:#6d5df5}.file-upload-label:active{background-color:#3f3bd6}.file-upload-input{display:none}.image-annotator canvas{cursor:pointer}.image-annotator .toolbar{display:flex;gap:20px}.image-annotator .canvas-wrapper{max-height:600px;display:flex;justify-content:center;width:100%;position:relative}.image-annotator .toolbar button{background:#fff;border:1px solid #d1d5db;color:#374151;flex:1}.canvas-draw-mode{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAASRJREFUSEu1lTFuAjEQRR9luhyAghwClCYSnCThJMBJIFWOARIdKXKEpOAQFCmyH42jwfKyNl5WWrHysu/NjO3xgDtfg574I+AnxaoVCLwGpiZ4byRLL6oReLhnrrzkVoHgX8AjcAReAI1tLZOnYLxFEEeu2s8M+G2/EpznpFTg4Yr81yLXs+7nZj52TlgkiCdUUWpsDwwtckX9X56SDFJwfa/xD4v8BDzESzWnRNfgfoleRJ47yVXwrhJVw68JeoG3CXqDpwS9wlMCbfXQuMKqaJNmNWK/TAWWwIur4HEGb9Z6N8DcNlHnOu9Kw2cQyqN2q2vRtv27oG3nQRD49xeNCzgA4wzBJzBJlejVSqOTSaWKj8EqQUZg5X/JaXblVPfF3QV/IFJLGTNPXm0AAAAASUVORK5CYII=) 0 24,crosshair}.timeline-question{display:flex;flex-direction:column;gap:10px}.add-btn{align-self:flex-start;padding:6px 10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer}.timeline-container{display:flex;flex-direction:row;gap:10px;align-items:center;padding:10px;border:2px dashed #ccc;border-radius:8px;min-height:80px;background:#fafafa;overflow-x:auto}.timeline-event{padding:10px;background:#fff;border:1px solid #ccc;border-radius:6px;min-width:120px;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none}.timeline-event.dragging{opacity:.5}.event-input{width:100px;border:none;outline:none;font-size:14px}.delete-btn{margin-left:6px;background:none;border:none;cursor:pointer}.ranking-question{display:flex;flex-direction:column;gap:10px}.sortable-item{background-color:var(--bg-color);border:1px solid #ddd;padding:10px;margin-bottom:6px;border-radius:8px;cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.sortable-item:active{cursor:grabbing;box-shadow:0 4px 12px #00000026}.ranking-item-edit{display:flex;align-items:center;gap:8px}.ranking-item-edit input{flex:1;padding:6px 8px;font-size:14px;border-radius:6px;border:1px solid #ccc;background-color:var(--bg-color);outline:none;color:var(--text-color)}.ranking-item-edit button{background:none;border:none;cursor:pointer;font-size:16px}.ranking-item{font-size:15px;color:#333}.add-ranking-item{align-self:flex-start;padding:6px 10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease;background-color:var(--bg-color);color:var(--text)}.add-ranking-item:hover{background-color:#e5e5e5}.matching-container{display:flex;gap:40px;justify-content:center;align-items:flex-start;margin-top:10px}.matching-column{display:flex;flex-direction:column;gap:8px}.matching-item{background:#f9f9f9;border:1px solid #ddd;padding:8px 12px;border-radius:8px;cursor:pointer;min-width:120px;text-align:center;transition:background .2s ease}.matching-item:hover{background:#eee}.matching-item.selected{background:#cce4ff;border-color:#39f}.matching-item input{width:100%;padding:5px;border-radius:6px;border:1px solid #ccc;background-color:var(--bg-color);color:var(--text-color)}.add-pair{margin-top:10px;padding:6px 10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer}.fill-blank-container{display:flex;flex-direction:column;gap:8px}.insert-blank-btn{align-self:flex-start;padding:6px 10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer;margin-bottom:6px}.fill-blank-editor{border:1px solid #ddd;border-radius:6px;padding:10px;min-height:100px;background:#fff;line-height:1.6;white-space:normal}.blank-input{border:none;border-bottom:2px solid #666;background:transparent;padding:2px 4px;margin:0 2px;font-size:14px;min-width:60px;background-color:var(--bg-color);color:var(--text-color);display:inline-block;white-space:nowrap;width:auto!important;flex:none}.blank-input:focus{outline:none;border-bottom-color:#3b82f6}.highlighting-container{display:flex;flex-direction:column;gap:8px}.highlight-btn{align-self:flex-start;padding:6px 10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer}.highlighting-editor{border:1px solid #ddd;border-radius:6px;padding:10px;min-height:120px;background:#fff;line-height:1.6;white-space:pre-wrap}mark.highlight{background-color:#ffea76;padding:2px 4px;border-radius:4px;cursor:pointer}.record-btn{padding:8px 12px;border:none;border-radius:6px;background-color:#3b82f6;color:#fff;cursor:pointer}.record-btn.recording{background-color:red}.audio-preview,.video-preview{margin-top:10px}.video-answer video{border:1px solid #ccc;border-radius:6px}.category-selector{display:flex;flex-direction:column;gap:.5rem}.category-selector .category{padding:.3em .6em;background-color:#6366f1;border-radius:12px;cursor:pointer;color:#fff;display:flex;justify-content:space-between;align-items:center}.category-selector .category .remove-btn{background-color:transparent;padding:0}.category-selector .list-auto-complete{position:"absolute";top:100%;left:0;background:#fff;list-style:none;margin:0;padding:0;border:1px solid #ccc;border-radius:4px;z-index:10}.category-selector .list-auto-complete .suggestion{padding:.3em .5em;cursor:pointer}.category-selector .list-auto-complete .suggestion:hover{background-color:#6366f1;color:#fff}.category-selector .category-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.anticheat-config{background:var(--bg-color);border-radius:8px;overflow:hidden}.anticheat-header{padding:1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.anticheat-header h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.anticheat-header p{margin:0;font-size:.875rem;opacity:.9}.config-section{padding:1.5rem;border-bottom:1px solid var(--border-color)}.config-section:last-child{border-bottom:none}.config-section h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-color)}.section-description{margin:0 0 1.5rem;font-size:.875rem;color:var(--secondary-text-color)}.detection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.detection-option{border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);transition:all .2s ease;cursor:pointer}.detection-option:hover{border-color:#6366f1;background:var(--surface-color)}.detection-option.enabled{border-color:#10b981;background:color-mix(in srgb,#10b981 5%,var(--bg-color))}.option-content{padding:1rem}.option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.option-title{display:flex;align-items:center;gap:.5rem}.option-icon{font-size:1.2rem;margin-right:.5rem}.option-name{font-weight:500;color:var(--text-color);font-size:.9rem;flex:1}.option-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.option-description{margin:0;font-size:.8rem;color:var(--secondary-text-color);line-height:1.4}.reaction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.reaction-mode{border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);transition:all .2s ease;cursor:pointer}.reaction-mode:hover{border-color:var(--mode-color, #6366f1);background:var(--surface-color)}.reaction-mode.enabled{border-color:var(--mode-color, #6366f1);background:color-mix(in srgb,var(--mode-color, #6366f1) 8%,var(--bg-color))}.mode-content{padding:1rem}.mode-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.mode-title{display:flex;align-items:center;gap:.5rem}.pro-badge{font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;background:#fef3c7;color:#92400e;border:1px solid #f59e0b;text-transform:uppercase}.mode-icon{font-size:1.2rem;margin-right:.5rem}.mode-name{font-weight:500;color:var(--text-color);font-size:.9rem;flex:1}.mode-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.mode-description{margin:0;font-size:.8rem;color:var(--secondary-text-color);line-height:1.4}.config-item{margin-bottom:1.5rem}.config-item:last-child{margin-bottom:0}.config-item label{display:block;margin-bottom:.75rem;font-weight:500;color:var(--text-color);font-size:.875rem}.input-group{display:flex;align-items:center;gap:.5rem}.input-group input{width:80px;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:.875rem}.input-group span{font-size:.875rem;color:var(--secondary-text-color)}.config-item textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:.875rem;resize:vertical;font-family:inherit;box-sizing:border-box}.config-item textarea::placeholder{color:var(--secondary-text-color);opacity:.7}.anticheat-summary{padding:1.5rem;background:var(--surface-color);border-top:1px solid var(--border-color)}.anticheat-summary h4{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:var(--text-color)}.summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-section h5{margin:0 0 .75rem;font-size:.875rem;font-weight:500;color:var(--text-color)}.summary-items{display:flex;flex-direction:column;gap:.5rem}.summary-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-color);border-radius:4px}.summary-item.detection{border-left:3px solid #10b981}.summary-item.reaction{border-left:3px solid var(--mode-color, #6366f1)}.summary-icon{font-size:1rem}.summary-text{font-size:.875rem;color:var(--text-color)}.no-items{margin:0;font-size:.875rem;color:var(--secondary-text-color);font-style:italic;text-align:center;padding:1rem}@media (max-width: 768px){.detection-grid,.reaction-grid{grid-template-columns:1fr}.summary-content{grid-template-columns:1fr;gap:1rem}.config-section,.anticheat-summary{padding:1rem}}.quiz-publish-container{min-height:100vh;background-color:#f8f9fa;padding:6rem 2rem 2rem}.publish-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff}.quiz-publish-container .header-content{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.quiz-publish-container .header-content h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#fff}.quiz-publish-container .header-content p{margin:0;font-size:1.125rem;opacity:.9;color:#fff;display:flex}.timer-display{text-align:center;background:#fff3;padding:1rem 2rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-label{font-size:.875rem;opacity:.8;margin-bottom:.5rem}.timer-value{font-size:2.5rem;font-weight:800;font-family:Courier New,monospace}.quiz-publish-container .publish-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;max-width:1400px;margin:0 auto}.quiz-info-section{display:flex;flex-direction:column;gap:1.5rem}.info-card,.settings-card,.students-card,.qr-card,.controls-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.info-card h2,.settings-card h3,.students-card h3,.qr-card h2,.controls-card h3{margin:0 0 1.5rem;color:#111827;font-weight:700}.students-card .student-list{display:flex;flex-wrap:wrap;gap:10px}.info-grid{display:grid;gap:1rem}.info-item{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-item:last-child{border-bottom:none}.info-label{font-weight:500;color:#6b7280;font-size:.875rem}.info-value{color:#111827;font-weight:500}.settings-list{display:flex;flex-direction:column;gap:.75rem}.setting-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:.875rem}.setting-item.active{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.students-info{display:flex;justify-content:space-between;align-items:center}.students-count{display:flex;flex-direction:column;align-items:center}.count-number{font-size:2rem;font-weight:800;color:#6366f1}.count-label{font-size:.875rem;color:#6b7280}.view-students-btn{padding:.5rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.view-students-btn:hover{background:#5856eb}.qr-section{display:flex;flex-direction:column;gap:1.5rem}.qr-container{display:flex;justify-content:center;padding:1.5rem;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.fullscreen-qr-btn{width:100%;padding:.75rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin:1rem 0}.fullscreen-qr-btn:hover{background:#5856eb}.url-section{margin-top:1.5rem}.url-section label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.url-input-group{display:flex;gap:.5rem}.url-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:var(--bg-color);color:var(--text-color);font-family:Courier New,monospace}.copy-btn{padding:.75rem;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.copy-btn:hover{background:#5856eb}.session-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.session-item{display:flex;align-items:center;margin-bottom:.75rem;gap:20px}.session-item:last-child{margin-bottom:0}.session-label{font-size:.875rem;color:#6b7280;min-width:80px;flex-wrap:wrap;display:flex}.session-value{font-family:Courier New,monospace;font-size:.875rem;color:#111827;background:#f3f4f6;border-radius:4px}.session-status{font-size:.875rem;font-weight:500}.session-status.active{color:#059669}.session-status.waiting{color:#d97706}.start-timer-btn,.correction-btn{width:100%;display:block;padding:1rem 2rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:1.5rem;text-align:center}.start-timer-btn:hover,.correction-btn:hover{background:#059669;color:#fff}.timer-controls{margin-bottom:1.5rem}.stop-timer-btn{width:100%;padding:1rem 2rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:1rem}.stop-timer-btn:hover{background:#dc2626}.timer-info{text-align:center;font-size:.875rem;color:#6b7280}.additional-controls{display:flex;flex-direction:column;gap:.75rem}.control-btn{padding:.75rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left}.control-btn:hover{background:#f9fafb;border-color:#6366f1}.control-btn.secondary{color:#374151}.fullscreen-qr-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.fullscreen-qr-content{background:#fff;border-radius:20px;padding:3rem;max-width:800px;width:100%;text-align:center;position:relative;max-height:90vh;overflow-y:auto}.close-fullscreen-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#f3f4f6;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-fullscreen-btn:hover{background:#e5e7eb}.fullscreen-header{margin-bottom:2rem}.fullscreen-header h1{font-size:2.5rem;font-weight:800;color:#111827;margin:0 0 .5rem}.fullscreen-header p{font-size:1.25rem;color:#6b7280;margin:0}.fullscreen-qr-container{display:flex;justify-content:center;margin:2rem 0;padding:2rem;background:#f9fafb;border-radius:16px;border:3px dashed #d1d5db}.fullscreen-info{display:flex;justify-content:center;gap:3rem;margin:2rem 0;flex-wrap:wrap}.info-row{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;color:#374151}.info-row.timer-row{color:#059669;font-weight:600}.info-icon{font-size:1.25rem}.fullscreen-timer{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700}.fullscreen-url{margin:2rem 0;padding:1.5rem;background:#f3f4f6;border-radius:12px}.fullscreen-url p{margin:0 0 .5rem;color:#6b7280;font-size:.875rem}.fullscreen-url code{font-family:Courier New,monospace;font-size:.875rem;color:#111827;word-break:break-all}.fullscreen-instructions{margin-top:2rem;color:#9ca3af;font-size:.875rem}.fullscreen-instructions kbd{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:inherit;font-size:.75rem}@media (max-width: 1024px){.publish-content{grid-template-columns:1fr;gap:1.5rem}.qr-section{order:-1}}@media (max-width: 768px){.quiz-publish-container{padding:5rem 1rem 1rem}.publish-header{flex-direction:column;gap:1rem;text-align:center}.info-item{grid-template-columns:1fr;gap:.25rem}.students-info{flex-direction:column;gap:1rem}.fullscreen-qr-overlay{padding:1rem}.fullscreen-qr-content{padding:2rem 1.5rem}.fullscreen-header h1{font-size:2rem}.fullscreen-info{flex-direction:column;gap:1rem;align-items:center}}.quiz-publish-container .detail-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-color);border-radius:8px;border:1px solid #e2e8f0}.quiz-publish-container .detail-icon{font-size:1.5rem}.quiz-publish-container .detail-content{display:flex;flex-direction:column}.quiz-publish-container .detail-label{font-size:.875rem;color:var(--text-color);font-weight:500}.quiz-publish-container .detail-value{font-weight:600;color:var(--text-color)}.student-progress-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.student-progress-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.student-progress-card.completed{border-left:4px solid #6366f1;background:#f8faff}.student-progress-card.disconnected{border-left:4px solid #6b7280;background:#f9fafb}.student-progress-card.suspicious{border-left:4px solid #ef4444;background:#fef2f2}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.student-info{flex:1}.student-name{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.25rem}.student-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem}.status-indicator{display:flex;align-items:center;gap:.25rem;font-weight:500}.status-indicator.active{color:#10b981}.status-indicator.completed{color:#6366f1}.status-indicator.disconnected{color:#6b7280}.status-indicator.suspicious{color:#ef4444}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-indicator.active .status-dot{animation:pulse 2s infinite}.last-activity{color:#9ca3af}.connection-status{display:flex;align-items:center}.online-indicator,.offline-indicator{font-size:.75rem}.progress-section{margin-bottom:1rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.875rem;font-weight:500;color:#374151}.progress-percentage{font-size:.875rem;font-weight:600;color:#6366f1}.progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#6366f1);border-radius:3px;transition:width .5s ease}.student-progress-card.completed .progress-fill{background:#6366f1}.student-progress-card.disconnected .progress-fill{background:#9ca3af}.student-progress-card.suspicious .progress-fill{background:#ef4444}.stats-section{display:flex;justify-content:space-between;align-items:center}.time-stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.stat-icon{font-size:1rem}.stat-value{font-family:Courier New,monospace;font-weight:600;color:#374151}.violations-container{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem;padding:.25rem .75rem;border-radius:20px;transition:all .2s ease}.violations-container.clean{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.violations-container.warning{background:#fffbeb;color:#92400e;border:1px solid #fed7aa}.violations-container.danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;animation:warningPulse 2s infinite}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.violation-item{display:flex;align-items:center;gap:.25rem}.violation-icon{font-size:.875rem;width:20px;display:flex;justify-content:center}.violation-count{font-weight:700;font-size:.875rem}.violation-label{font-weight:500}.violation-separator{color:currentColor;opacity:.5}.alert-banner{position:absolute;bottom:0;left:0;right:0;background:#ef4444;color:#fff;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.alert-icon{font-size:.875rem}.alert-text{flex:1}@media (max-width: 640px){.student-progress-card{padding:1rem}.student-name{font-size:1rem}.progress-header{flex-direction:column;gap:.25rem;align-items:flex-start}.stats-section{flex-direction:column;gap:.75rem;align-items:flex-start}.violations-container{align-self:stretch;justify-content:flex-start}}.student-progress-card.completed{opacity:.8}.student-progress-card.disconnected{opacity:.6}.student-progress-card.disconnected .progress-fill{opacity:.5}.student-progress-card{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-multistep{min-height:100vh;display:flex;flex-direction:column}.register-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.logo{font-size:1.5rem;font-weight:800;color:#6366f1;text-decoration:none}.login-link{color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s}.login-link:hover{color:#5856eb}.register-container{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.step-indicator{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;gap:1rem}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.step.active .step-number{background:#6366f1;color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step-label{font-size:.875rem;color:#64748b;font-weight:500}.step.active .step-label{color:#6366f1}.step-line{width:60px;height:2px;background:#e2e8f0}.register-content{border-radius:16px;padding:3rem;color:var(--text-color);box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.step-header{text-align:center;margin-bottom:2rem}.step-header h1{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.step-header p{color:var(--text-muted);font-size:1.125rem}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.role-card{border:2px solid #e2e8f0;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;justify-content:space-between}.role-card:hover{border-color:#6366f1;transform:translateY(-4px);box-shadow:0 10px 25px #6366f11a}.role-icon{font-size:3rem;margin-bottom:1rem}.role-card h3{font-size:1.5rem;font-weight:700;color:var(--text-muted);margin-bottom:.5rem}.role-card p{color:var(--text-color);margin-bottom:1.5rem}.role-features{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.role-features li{padding:.5rem 0;color:var(--text-color);font-size:.875rem}.role-select-btn{width:100%;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.role-select-btn:hover{background:#5856eb}.auth-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-color);font-size:.875rem}.form-group input{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input.input-error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.75rem}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:25px;height:25px;padding:0;margin-top:.125rem}.checkbox-text{font-size:.875rem;color:var(--text-color);line-height:1.5}.auth-link{color:#6366f1;text-decoration:none}.auth-link:hover{text-decoration:underline}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.plan-card{border:2px solid #e2e8f0;border-radius:12px;padding:2rem;position:relative;transition:all .3s;display:flex;flex-direction:column;justify-content:space-between}.plan-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.plan-card.popular{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#6366f1;color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600}.plan-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.plan-header p{color:#64748b;margin-bottom:1.5rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:2rem}.price-amount{font-size:3rem;font-weight:800;color:#6366f1}.price-period{color:#64748b;font-size:1rem}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.plan-features li{padding:.5rem 0;color:#374151;font-size:.875rem}.plan-addons{margin-bottom:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.plan-addons h4{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.addon-item{font-size:.75rem;color:#64748b;padding:.25rem 0}.plan-select-btn{width:100%;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.plan-select-btn.disabled,.plan-select-btn.disabled:hover{background-color:#ff4040d0}.plan-select-btn:hover{background:#5856eb}.plan-select-btn:disabled{opacity:.7;cursor:not-allowed}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.auth-button{padding:.75rem 2rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.auth-button:hover{background:#5856eb}.auth-button:disabled{opacity:.7;cursor:not-allowed}.register-footer{padding:2rem;text-align:center}.back-link{color:#64748b;text-decoration:none;font-size:.875rem;transition:color .2s}.back-link:hover{color:#374151}@media (max-width: 768px){.register-container{padding:1rem}.register-content{padding:2rem 1.5rem}.roles-grid,.plans-grid,.form-row{grid-template-columns:1fr}.step-indicator{gap:.5rem}.step-line{width:30px}.form-actions{flex-direction:column}}.quiz-session{flex:1;transition:margin-left .3s ease;overflow-y:auto;height:100vh;display:flex;flex-direction:column}.quiz-session .quiz-content{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px;padding:40px}.quiz-session .quiz-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.quiz-session .questions-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.quiz-session .quiz-waiting-container{padding:2rem;min-width:1200px}.quiz-session .waiting-header{background:var(--bg-color);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.quiz-session .header-content{text-align:center;margin-bottom:2rem}.quiz-session .quiz-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quiz-session .status-indicator{display:flex;align-items:center;gap:.5rem;font-weight:500}.quiz-session .status-indicator.waiting{color:#f59e0b}.quiz-session .status-indicator.completed{color:#fff}.quiz-session .status-indicator.completed .status-dot{background:#fff;animation:none}.quiz-session .status-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.quiz-session .current-time{font-family:Courier New,monospace;font-weight:600;color:var(--text-color);font-size:1.125rem}.quiz-session .header-content h1{font-size:2.5rem;font-weight:800;color:var(--text-color);margin-bottom:.5rem}.quiz-session .header-content p{font-size:1.125rem;color:var(--text-color)}.quiz-session .connection-info{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #e2e8f0}.quiz-session .students-connected{display:flex;flex-direction:column;align-items:center}.quiz-session .students-count{font-size:2rem;font-weight:800;color:#6366f1}.quiz-session .students-label{font-size:.875rem;color:var(--text-color)}.quiz-session .connection-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.quiz-session .connection-status.connected{color:#10b981}.quiz-session .connection-status.reconnecting{color:#f59e0b}.quiz-session .connection-status.disconnected{color:#ef4444}.quiz-session .connection-dot{width:8px;height:8px;border-radius:50%}.quiz-session .connection-status.connected .connection-dot{background:#10b981}.quiz-session .connection-status.reconnecting .connection-dot{background:#f59e0b;animation:pulse 1s infinite}.quiz-session .connection-status.disconnected .connection-dot{background:#ef4444}.quiz-session .waiting-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;max-width:1400px;margin:0 auto}.student-card,.quiz-details-card,.settings-card,.instructions-card,.technical-check-card,.ready-card,.summary-card,.score-card,.quiz-session .completion-card{background:var(--bg-color);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;margin-bottom:1.5rem}.info-card,.student-card h2,.quiz-details-card h2,.settings-card h2,.instructions-card h2,.technical-check-card h2,.ready-card h2,.summary-card h2,.score-card h2,.quiz-session .completion-card h2{margin:0 0 1.5rem;color:var(--text-color);font-weight:700;font-size:1.25rem}.quiz-session .quiz-info-section{display:flex;flex-direction:column}.quiz-session .student-details{display:flex;flex-direction:column;gap:1rem}.quiz-session .student-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.quiz-session .student-item:last-child{border-bottom:none}.quiz-session .student-label{font-weight:500;color:var(--text-color);font-size:.875rem}.quiz-session .student-value{font-weight:600;color:var(--text-color)}.quiz-session .quiz-details-grid{display:grid;gap:1rem}.quiz-session .detail-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-color);border-radius:8px;border:1px solid #e2e8f0}.quiz-session .detail-icon{font-size:1.5rem}.quiz-session .detail-content{display:flex;flex-direction:column}.quiz-session .detail-label{font-size:.875rem;color:var(--text-color);font-weight:500}.quiz-session .detail-value{font-weight:600;color:var(--text-color)}.quiz-session .settings-list{display:flex;flex-direction:column;gap:.75rem}.quiz-session .setting-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:.875rem;color:#166534}.quiz-session .dark-theme .setting-item{background:#448760;border-color:#226540;color:var(--text-color)}.quiz-session .setting-icon{font-size:1rem}.quiz-session .active-settings{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.quiz-session .dark-theme .active-settings{border-top-color:#334155}.quiz-session .settings-label{font-size:.875rem;color:var(--text-color);font-weight:500;opacity:.8;color:#fff}.quiz-session .settings-cards{display:flex;gap:.75rem;flex-wrap:wrap}.quiz-session .setting-mini-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:.75rem;color:#0369a1;font-weight:500;transition:all .2s ease;cursor:default}.quiz-session .setting-mini-card:hover{background:#e0f2fe;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.quiz-session .dark-theme .setting-mini-card{background:#1e3a8a;border-color:#3b82f6;color:#bfdbfe}.quiz-session .dark-theme .setting-mini-card:hover{background:#1e40af}.quiz-session .setting-mini-card .setting-icon{font-size:.875rem;flex-shrink:0}.quiz-session .setting-mini-card .setting-text{white-space:nowrap;font-size:.75rem}.quiz-session .instructions-content{display:flex;flex-direction:column;gap:1.5rem}.quiz-session .instruction-step{display:flex;gap:1rem;justify-content:flex-start}.quiz-session .step-number{width:32px;height:32px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;margin:0}.quiz-session .step-content h3{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:var(--text-color)}.quiz-session .step-content p{margin:0;color:var(--text-color);font-size:.875rem;line-height:1.5}.floating-message{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--bg-color);padding:1rem 2rem;border-radius:50px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;z-index:100}.message-content{display:flex;align-items:center;gap:1rem;color:var(--text-color);font-weight:500}.loading-dots{display:flex;gap:.25rem}.loading-dots span{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:loadingDots 1.4s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.quiz-session .requirements-list{display:flex;flex-direction:column;gap:.75rem}.quiz-session .requirement-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;border:1px solid}.quiz-session .requirement-item.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.quiz-session .dark-theme .requirement-item.ok{background:#448760;border-color:#226540;color:#fff}.quiz-session .requirement-item.warning{background:#fffbeb;border-color:#fed7aa}.quiz-session .requirement-item.error{background:#fef2f2;border-color:#fecaca}.quiz-session .requirement-item.info{background:var(--bg-color);border-color:var(--text-color)}.quiz-session .requirement-status{font-size:1rem}.quiz-session .requirement-content{display:flex;flex-direction:column}.quiz-session .requirement-name{font-weight:500;font-size:.875rem}.quiz-session .requirement-message{font-size:.75rem}.quiz-session .quiz-summary-container{max-width:800px;margin:0 auto;padding:2rem}.quiz-session .summary-header{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;text-align:center}.quiz-session .summary-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quiz-session .summary-content{display:flex;flex-direction:column;gap:2rem}.quiz-session .quiz-info-summary{display:flex;flex-direction:column;gap:1.5rem}.quiz-session .quiz-description{color:var(--text-color);font-size:1.125rem;line-height:1.6;margin:0}.quiz-session .score-details{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0}.quiz-session .score-item{text-align:center}.quiz-session .score-number{font-size:3rem;font-weight:800;color:#6366f1;line-height:1}.quiz-session .score-label{font-size:.875rem;color:var(--text-color);font-weight:500;margin-top:.5rem}.quiz-session .score-divider{font-size:2rem;font-weight:300;color:var(--text-color)}.quiz-session .correction-status{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.quiz-session .dark-theme .correction-status{background:#1e293b;border-color:#334155}.quiz-session .correction-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-color)}.quiz-session .correction-icon{font-size:1rem}.quiz-session .completion-card p{color:var(--text-color);font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem}.quiz-session .next-steps h3{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.quiz-session .next-steps ul{color:var(--text-color);padding-left:1.5rem;line-height:1.6}.quiz-session .next-steps li{margin-bottom:.5rem}.quiz-session .summary-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.back-to-quiz-btn,.quiz-session .exit-quiz-btn{padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.quiz-session .back-to-quiz-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.quiz-session .back-to-quiz-btn:hover{background:#e2e8f0}.quiz-session .exit-quiz-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.quiz-session .exit-quiz-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}@media (max-width: 1024px){.quiz-session .waiting-content{grid-template-columns:1fr;gap:1.5rem}.quiz-session .instructions-section{order:-1}}@media (max-width: 768px){.quiz-session .quiz-waiting-container{padding:1rem;min-width:auto}.quiz-session .waiting-header{padding:1.5rem}.quiz-session .header-content h1{font-size:2rem}.quiz-session .connection-info{flex-direction:column;gap:1rem;text-align:center}.quiz-session .quiz-details-grid{gap:.75rem}.quiz-session .detail-item{padding:.75rem}.quiz-session .floating-message{left:1rem;right:1rem;transform:none}.quiz-session .quiz-summary-container{padding:1rem}.quiz-session .summary-header{padding:1.5rem}.quiz-session .summary-header h1{font-size:2rem}.quiz-session .score-details{gap:1rem}.quiz-session .score-number{font-size:2.5rem}.quiz-session .summary-actions{flex-direction:column}.back-to-quiz-btn,.quiz-session .exit-quiz-btn{width:100%}}.quiz-session .quiz-publish-container .header-content{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.quiz-session .publish-content{display:flex;gap:2rem;margin:0 auto}.quiz-session .publish-content>*{width:50%}.quiz-session .session-header-new .quiz-header{display:flex;justify-content:space-between;align-items:center;width:100%}.quiz-session .session-header .progress-bar{width:100%}.quiz-session .session-header .progress-bar .progress{background-color:#22c55e;height:100%}.quiz-session .footer-session button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff}.quiz-session .footer-session button:disabled{background:linear-gradient(135deg,#2e2f56,#382a59)}.quiz-session .session-header-new{padding:2rem;margin-bottom:2rem;color:#fff;background:linear-gradient(135deg,var(--primary-color) 0%,#4f46e5 100%)}.quiz-session .header-main{display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;margin-bottom:1.5rem;color:#fff}.quiz-session .quiz-identity{display:flex;flex-direction:column;gap:.5rem}.quiz-session .quiz-title{font-size:1.75rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2;color:#fff}.quiz-session .quiz-description{font-size:1rem;color:var(--text-color);opacity:.8;margin:0;line-height:1.4;color:#fff}.quiz-session .quiz-progress{display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:200px}.quiz-session .progress-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.quiz-session .progress-label{font-size:.875rem;color:var(--text-color);opacity:.7;font-weight:500;color:#fff}.quiz-session .progress-value{font-size:1.5rem;font-weight:700;color:#6366f1;color:#fff}.quiz-session .progress-bar-container{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.quiz-session .progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.quiz-session .timer-section{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fef3c7;border-radius:12px;min-width:180px}.quiz-session .timer-section.close{animation:blink 5s;background:#fda0a0}.quiz-session .timer-section.close .timer-label,.quiz-session .timer-section.close .timer-value{color:#4e2020}@keyframes blink{0%{background:#fef3c7}20%{background:#fda0a0}40%{background:#fef3c7}60%{background:#fda0a0}80%{background:#fef3c7}to{background:#fda0a0}}.quiz-session .dark-theme .timer-section{background:#451a03;border-color:#92400e}.quiz-session .timer-icon{font-size:1.5rem}.quiz-session .timer-content{display:flex;flex-direction:column;gap:.25rem}.quiz-session .timer-label{font-size:.75rem;color:#92400e;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.quiz-session .dark-theme .timer-label{color:#fbbf24}.quiz-session .timer-value{font-size:1.25rem;font-weight:700;color:#92400e;font-family:Courier New,monospace}.quiz-session .dark-theme .timer-value{color:#fbbf24}@media (max-width: 1220px){.quiz-session .quiz-waiting-container{min-width:auto}}@media (max-width: 1024px){.quiz-session .header-main{grid-template-columns:1fr;gap:1.5rem;text-align:center}.quiz-session .publish-content{flex-direction:column}.quiz-session .publish-content>*{width:100%}.quiz-session .quiz-progress{min-width:auto}.quiz-session .timer-section{justify-content:center;min-width:auto}}@media (max-width: 768px){.quiz-session .session-header-new{padding:1.5rem}.quiz-session .quiz-title{font-size:1.5rem}.quiz-session .active-settings{flex-direction:column;align-items:flex-start;gap:1rem}.quiz-session .settings-cards{justify-content:center;width:100%}.quiz-session .setting-mini-card .setting-text{display:none}.quiz-session .setting-mini-card{min-width:36px;justify-content:center;padding:.5rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--bg-color, #ffffff);border-radius:16px;position:relative;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:1px solid var(--border-color, #e1e5e9)}.modal-header{padding:20px 20px 0;display:flex;justify-content:flex-end}.modal-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-secondary, #6b7280);transition:all .2s ease}.modal-close-btn:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-primary, #1f2937)}.modal-content{padding:0 30px 30px;text-align:center}.alert-icon{font-size:48px;margin-bottom:16px}.alert-title{font-size:24px;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:12px}.alert-description{color:var(--text-secondary, #6b7280);font-size:16px;line-height:1.5;margin-bottom:24px}.detection-section{margin-bottom:24px;text-align:left}.detection-section h3{font-size:16px;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:12px}.detection-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg, #f8fafc);border:1px solid var(--border-color, #e1e5e9);border-radius:12px;transition:all .2s ease}.detection-card:hover{background:var(--hover-bg, #f1f5f9)}.detection-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.detection-label{font-weight:500;color:var(--text-primary, #1f2937)}.warning-section{margin-bottom:24px}.warning-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3cd;border:1px solid #fbbf24;border-radius:12px;text-align:left}.warning-icon{font-size:20px;flex-shrink:0;margin-top:2px}.warning-content{color:#92400e;font-size:14px;line-height:1.5}.warning-content strong{font-weight:600}.modal-actions{display:flex;justify-content:center;gap:12px}.continue-btn{background:var(--primary-color, #3b82f6);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.continue-btn:hover{background:var(--primary-hover, #2563eb);transform:translateY(-1px)}.modal-children{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, #e1e5e9)}@media (max-width: 640px){.modal-container{width:95%;margin:20px}.modal-content{padding:0 20px 20px}.alert-title{font-size:20px}.detection-card{padding:10px 12px}.warning-card{padding:12px}}.redirect-quiz{display:flex;justify-content:center;width:100%;flex-direction:column;align-items:center}.bullet-loading span{opacity:0;animation:bullet-blink 1.2s infinite;font-weight:700;font-size:1.2em}.bullet-loading span:nth-child(1){animation-delay:0s}.bullet-loading span:nth-child(2){animation-delay:.3s}.bullet-loading span:nth-child(3){animation-delay:.6s}@keyframes bullet-blink{0%{opacity:0}25%{opacity:1}50%{opacity:1}to{opacity:0}}.quiz-library{min-height:100vh;background-color:var(--bg-color);padding-top:4rem}.quiz-library .library-header{background-color:var(--bg-color);color:var(--text-color);padding:3rem 2rem}.quiz-library .header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.quiz-library .header-title h1{font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.quiz-library .header-title p{font-size:1.125rem;opacity:.9;margin:0}.quiz-library .header-stats{display:flex;gap:2rem}.quiz-library .stat-item{text-align:center}.quiz-library .stat-number{display:block;font-size:2rem;font-weight:800;line-height:1}.quiz-library .stat-label{font-size:.875rem;opacity:.8}.quiz-library .search-filters-bar{background:var(--bg-color);padding:2rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.quiz-library .search-filters-bar>div{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.quiz-library .search-section{display:flex;align-items:center;gap:1rem;flex:1}.quiz-library .search-input-container{position:relative;flex:1;max-width:500px}.quiz-library .search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:12px;font-size:1rem;background-color:var(--bg-color);transition:all .2s}.quiz-library .search-input:focus{outline:none;border-color:#6366f1;background-color:var(--bg-color);box-shadow:0 0 0 3px #6366f11a}.quiz-library .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#9ca3af}.quiz-library .filters-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid #d1d5db;border-radius:12px;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;transition:all .2s;font-weight:500}.filters-toggle:hover,.quiz-library .filters-toggle.active{border-color:#6366f1;color:#6366f1}.quiz-library .view-controls{display:flex;align-items:center;gap:1rem}.quiz-library .sort-select select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;background-color:var(--bg-color);font-size:.875rem;cursor:pointer}.quiz-library .view-mode-toggle{display:flex;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.quiz-library .view-btn{padding:.75rem 1rem;border:none;background-color:var(--bg-color);cursor:pointer;font-size:1.125rem;transition:all .2s}.quiz-library .view-btn:hover{background:#f3f4f6}.quiz-library .view-btn.active{background:#6366f1;color:#fff}.quiz-library .advanced-filters{background-color:var(--bg-color);padding:2rem;border-bottom:1px solid #e5e7eb;animation:slideDown .3s ease;display:flex;flex-direction:column;gap:12px;align-items:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filter-container{width:1400px;display:flex;flex-direction:column;gap:12px}.quiz-library .filter-group{display:flex;flex-direction:column}.quiz-library .filter-group:last-child{margin-bottom:0}.quiz-library .filter-group label{display:block;font-weight:600;color:#374151;margin-bottom:1rem}.quiz-library .category-filters{display:flex;flex-wrap:wrap;gap:.75rem}.quiz-library .category-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:20px;background-color:var(--bg-color);cursor:pointer;transition:all .2s;font-size:.875rem;color:var(--text-color)}.quiz-library .category-btn:hover{border-color:#6366f1}.quiz-library .category-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.quiz-library .level-filters{display:flex;flex-wrap:wrap;gap:.5rem}.quiz-library .level-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;transition:all .2s;font-size:.875rem}.quiz-library .level-btn:hover{border-color:#6366f1}.quiz-library .level-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.quiz-library .results-section{max-width:1400px;margin:0 auto;padding:2rem}.quiz-library .results-header{margin-bottom:2rem}.quiz-library .results-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.quiz-library .results-count{font-weight:600;color:var(--text-color)}.quiz-library .search-term{font-style:italic}.quiz-library .quizzes-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.quiz-library .quizzes-container.list{display:flex;flex-direction:column;gap:1.5rem}.quiz-library .quiz-thumbnail{font-size:3rem;margin-bottom:1rem}.quiz-library .quiz-meta{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem}.quiz-library .quiz-category{background-color:var(--bg-color);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#6366f1}.quiz-library .favorite-btn{display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1rem;transition:all .2s}.quiz-library .favorite-btn:hover{transform:scale(1.1)}.quiz-library .quiz-title-section{display:flex;align-items:flex-start;height:48px}.quiz-library .quiz-title{font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.3;flex:1}.quiz-library .verified-badge{font-size:1rem;flex-shrink:0}.quiz-library .quiz-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-library .detail-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.quiz-library .detail-row:last-child{margin-bottom:0}.quiz-library .quiz-details .detail-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;border:none;padding:0}.quiz-library .detail-icon{font-size:1rem}.quiz-library .quiz-author{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#9ca3af}.quiz-library .author-avatar{font-size:1rem}.quiz-library .author-name{font-weight:500;color:#6b7280}.quiz-library .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem}.quiz-library .pagination-btn{padding:.75rem 1.5rem;border:1px solid #d1d5db;border-radius:8px;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;transition:all .2s}.quiz-library .pagination-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.quiz-library .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-library .pagination-numbers{display:flex;gap:.5rem}.quiz-library .pagination-number{width:40px;height:40px;border:1px solid #d1d5db;border-radius:8px;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.quiz-library .pagination-number:hover{border-color:#6366f1;color:#6366f1}.quiz-library .pagination-number.active{background:#6366f1;color:#fff;border-color:#6366f1}@media (max-width: 1024px){.quiz-library .header-content{flex-direction:column;text-align:center}.quiz-library .search-filters-bar>div{flex-direction:column;gap:1rem}.quiz-library .search-section{width:100%}.quiz-library .quizzes-container.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}@media (max-width: 768px){.quiz-library .quiz-library{padding-top:3rem}.quiz-library .library-header{padding:2rem 1rem}.quiz-library .header-title h1{font-size:2rem}.quiz-library .search-filters-bar,.quiz-library .results-section{padding:1rem}.quiz-library .quizzes-container.grid{grid-template-columns:1fr}.category-filters,.quiz-library .level-filters{justify-content:center}.quiz-library .pagination{flex-wrap:wrap}}.checkout-page{background:color-mix(in srgb,var(--bg-color) 80%,#40404020);display:flex;justify-content:center;margin-top:45px}.checkout-page .checkout-container{max-width:1200px;padding:2rem}.checkout-page .checkout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.checkout-page .logo{font-size:1.5rem;font-weight:800;color:#6366f1;text-decoration:none}.checkout-page .checkout-steps{display:flex;align-items:center;gap:1rem;justify-content:space-between;width:100%}.checkout-page .step{display:flex;align-items:center;gap:.5rem;color:#9ca3af}.checkout-page .step.active{color:#6366f1}.checkout-page .step-number{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.checkout-page .step.active .step-number{background:#6366f1;color:#fff}.checkout-page .step-label{font-weight:500;font-size:.875rem}.checkout-page .step-arrow{color:#d1d5db;font-weight:700}.checkout-page .checkout-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.checkout-page .order-details h1{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:2rem}.checkout-page .order-section{background:var(--bg-color);color:var(--text-color);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.checkout-page .order-section h2{font-size:1.25rem;font-weight:600;background:var(--bg-color);color:var(--text-color);margin-bottom:1.5rem}.checkout-page .billing-cycle-section{background:var(--bg-color);color:var(--text-color);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.checkout-page .billing-toggle{display:flex;background:var(--bg-color);color:var(--text-color);border-radius:8px;padding:.25rem;position:relative}.checkout-page .billing-btn{flex:1;padding:.75rem 1rem;border:none;background:var(--bg-color);color:var(--text-color);border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}.checkout-page .billing-btn.active{background:#6366f1;color:#fff;box-shadow:0 1px 3px #0000001a}.checkout-page .savings-badge{background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.checkout-page .order-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;background:var(--bg-color);color:var(--text-color)}.checkout-page .item-info h3{font-size:1.125rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.checkout-page .item-info p{color:color-mix(in srgb,var(--text-color) 80%,#6b728020);margin-bottom:1rem}.checkout-page .features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.checkout-page .features-list li{font-size:.875rem;color:color-mix(in srgb,var(--text-color) 80%,#37415120)}.checkout-page .item-price{text-align:right;flex-shrink:0}.checkout-page .item-price .price{font-size:1.5rem;font-weight:700;color:color-mix(in srgb,var(--text-color) 80%,#11182720)}.checkout-page .item-price .period{color:color-mix(in srgb,var(--text-color) 80%,#6b728020);font-size:.875rem}.checkout-page .addons-list{display:flex;flex-direction:column;gap:1rem}.checkout-page .addon-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:var(--bg-color);color:var(--text-color);cursor:pointer;transition:all .2s}.checkout-page .addon-item:hover{border-color:#6366f1}.checkout-page .addon-item.selected{border-color:#6366f1;background:#f5f3ff}.checkout-page .addon-checkbox{position:relative}.checkout-page .addon-checkbox input[type=checkbox]{opacity:0;position:absolute}.checkout-page .checkbox-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.checkout-page input[type=checkbox]:checked+.checkbox-custom{background:#6366f1;border-color:#6366f1}.checkout-page input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:.875rem;font-weight:700}.checkout-page .addon-info{flex:1}.checkout-page .addon-info h4{font-weight:600;color:#111827;margin-bottom:.25rem}.checkout-page .addon-info p{color:#6b7280;font-size:.875rem;margin:0}.checkout-page .addon-price{text-align:right}.checkout-page .addon-price .price{font-weight:600;color:#111827}.checkout-page .addon-price .period{color:#6b7280;font-size:.875rem}.checkout-page .promo-input-group{display:flex;gap:.5rem}.checkout-page .promo-input{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background-color:var(--bg-color);color:var(--text-color)}.checkout-page .promo-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.checkout-page .promo-apply-btn{padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.checkout-page .promo-apply-btn:hover{background:#5856eb}.checkout-page .promo-result{margin-top:.75rem;padding:.75rem;border-radius:6px;font-size:.875rem;font-weight:500}.checkout-page .promo-result.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.checkout-page .promo-result.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.checkout-page .legal-section{background:var(--bg-color);color:var(--text-color);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.checkout-page .legal-checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.checkout-page .legal-checkbox:last-child{margin-bottom:0}.checkout-page .legal-checkbox input[type=checkbox]{opacity:0;position:absolute;display:none}.checkout-page .legal-text{font-size:.875rem;color:var(--text-color);line-height:1.5;cursor:pointer}.checkout-page .legal-link{color:#6366f1;text-decoration:none}.checkout-page .legal-link:hover{text-decoration:underline}.checkout-page .order-summary{display:flex;flex-direction:column;gap:2rem}.checkout-page .summary-card,.checkout-page .guarantees-card{background:var(--bg-color);color:var(--text-color);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.checkout-page .summary-card h2{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem}.checkout-page .summary-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem}.checkout-page .summary-line.addon{color:#6b7280;font-size:.8rem;margin-left:1rem}.checkout-page .summary-line.discount{color:#10b981;font-weight:500}.checkout-page .summary-line.total{font-size:1.125rem;font-weight:700;color:var(--text-color);padding-top:.75rem;border-top:1px solid #e5e7eb}.checkout-page .summary-divider{height:1px;background:#e5e7eb;margin:1rem 0}.checkout-page .billing-info{background:var(--bg-color);color:var(--text-color);padding:1rem;border-radius:8px;margin:1.5rem 0}.checkout-page .billing-info p{margin:.25rem 0;font-size:.875rem;color:color-mix(in srgb,var(--text-color) 80%,#37415120)}.checkout-page .savings-info{color:#10b981!important;font-weight:500!important}.checkout-page .proceed-btn{width:100%;padding:1rem 2rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:1.5rem}.checkout-page .proceed-btn:hover:not(:disabled){background:#5856eb}.checkout-page .proceed-btn:disabled{background:#9ca3af;cursor:not-allowed}.checkout-page .security-info{text-align:center}.checkout-page .security-badges{display:flex;justify-content:center;gap:1rem;margin-bottom:.75rem}.checkout-page .security-badge{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.checkout-page .security-info p{font-size:.75rem;color:#6b7280;margin:0}.checkout-page .guarantees-card h3{font-size:1.125rem;font-weight:600;color:color-mix(in srgb,var(--text-color) 80%,#37415120);margin-bottom:1.5rem}.checkout-page .guarantee-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.checkout-page .guarantee-item:last-child{margin-bottom:0}.checkout-page .guarantee-icon{font-size:1.25rem;flex-shrink:0}.checkout-page .guarantee-item strong{display:block;color:color-mix(in srgb,var(--text-color) 80%,#111827);font-size:.875rem;margin-bottom:.25rem}.checkout-page .guarantee-item p{color:color-mix(in srgb,var(--text-color) 50%,#6b7280);font-size:.75rem;margin:0}@media (max-width: 1024px){.checkout-page .checkout-content{grid-template-columns:1fr;gap:2rem}.checkout-page .order-summary{order:-1}}@media (max-width: 768px){.checkout-page .checkout-container{padding:1rem}.checkout-page .checkout-header{flex-direction:column;gap:1rem;text-align:center}.checkout-page .checkout-steps{flex-wrap:wrap}.order-section,.billing-cycle-section,.checkout-page .legal-section{padding:1.5rem}.checkout-page .order-item{flex-direction:column;gap:1rem}.checkout-page .item-price{text-align:left}.checkout-page .features-list{grid-template-columns:1fr}.checkout-page .billing-toggle{flex-direction:column}.checkout-page .addon-item{flex-direction:column;align-items:flex-start;gap:.75rem}.checkout-page .addon-checkbox{order:-1}}.payment-page{min-height:100vh;background:var(--bg-secondary);padding-top:4rem}.payment-container{max-width:1200px;margin:0 auto;padding:2rem}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.logo{font-size:1.5rem;font-weight:800;color:var(--accent-primary);text-decoration:none}.checkout-steps{display:flex;align-items:center;width:100%;justify-content:space-between}.step{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.step.active{color:var(--accent-primary)}.step.completed{color:var(--accent-secondary)}.step.completed .step-number{background:var(--accent-secondary);color:#fff}.step-number{width:32px;height:32px;border-radius:50%;background:var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.step.active .step-number{background:var(--accent-primary);color:#fff}.step-label{font-weight:500;font-size:.875rem}.step-arrow{color:var(--border-color);font-weight:700}.payment-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.payment-content .error{color:red;margin-bottom:12px}.payment-form-section h1{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:2rem}.form-section{background:var(--surface-color);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.form-section h2{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem}.stripe-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border-color)}.stripe-info p{margin:0;color:var(--text-secondary);font-size:.875rem}.accepted-cards{display:flex;gap:.5rem}.card-logo{font-size:.75rem;font-weight:700;color:var(--text-secondary);border-radius:4px;background:var(--surface-active)}.card-logo img{width:40px;height:40px;object-fit:contain}.card-form .form-group{margin-bottom:1.5rem}.card-form .form-group label{display:block;font-weight:500;color:var(--text-color);margin-bottom:.5rem;font-size:.875rem}.card-form .form-group .card-input-container{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;transition:border-color .2s;background:var(--surface-color);color:var(--text-color)}.card-form .form-group input:-internal-autofill-selected{background:var(--surface-color);color:var(--text-color);-webkit-box-shadow:0 0 0px 1000px var(--surface-color) inset!important;box-shadow:0 0 0 1000px var(--surface-color) inset!important}.card-form .form-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.card-input-container{position:relative}.card-input{padding-right:3rem!important}.card-type-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.card-icon{font-size:1.5rem;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.billing-toggle{margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-color)}.payment-page .checkbox-label input[type=checkbox]{opacity:0;position:absolute}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:.875rem;font-weight:700}.billing-type-section{margin-bottom:2rem}.section-label{display:block;font-weight:600;color:var(--text-color);margin-bottom:1rem;font-size:.875rem}.billing-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.billing-type-btn{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--surface-color);cursor:pointer;transition:all .2s;text-align:left}.billing-type-btn:hover{border-color:var(--accent-primary)}.billing-type-btn.active{border-color:var(--accent-primary);background:var(--info-bg)}.billing-type-icon{font-size:1.5rem;flex-shrink:0}.billing-type-info{display:flex;flex-direction:column}.billing-type-name{font-weight:600;color:var(--text-color);margin-bottom:.25rem}.billing-type-desc{font-size:.75rem;color:var(--text-secondary)}.billing-form .form-group{margin-bottom:1.5rem}.billing-form .form-group label{display:block;font-weight:500;color:var(--text-color);margin-bottom:.5rem;font-size:.875rem}.billing-form .form-group input,.billing-form .form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;transition:border-color .2s;background:var(--surface-color);color:var(--text-color)}.billing-form .form-group input:-webkit-autofill,.billing-form .form-group select:-webkit-autofill{background-color:var(--surface-color)!important;color:var(--text-color)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-color) inset!important;box-shadow:0 0 0 1000px var(--surface-color) inset!important;-webkit-text-fill-color:var(--text-color)!important}.billing-form .form-group input:focus,.billing-form .form-group select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.b2c-fields,.b2b-fields,.address-fields{margin-top:1.5rem}.legal-notice{background:var(--info-bg);border:1px solid var(--info-border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.legal-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.legal-item:last-child{margin-bottom:0}.legal-icon{font-size:1rem;flex-shrink:0;margin-top:.125rem}.legal-item p{margin:0;font-size:.875rem;color:var(--text-color);line-height:1.5}.legal-link{color:var(--accent-primary);text-decoration:none}.legal-link:hover{text-decoration:underline}.pay-button{width:100%;padding:1rem 2rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.pay-button:hover:not(:disabled){background:var(--accent-primary-hover)}.pay-button:disabled{background:var(--text-muted);cursor:not-allowed}.pay-icon{font-size:1rem}.processing{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-summary{display:flex;flex-direction:column;gap:2rem}.summary-card,.help-card{background:var(--surface-color);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.summary-card h2{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem}.order-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.item-details h3{font-size:1rem;font-weight:600;color:var(--text-color);margin:0}.item-details p{font-size:.875rem;color:var(--text-secondary);margin:0}.item-price{font-size:1.125rem;font-weight:600;color:var(--text-color)}.summary-calculations{padding-top:1rem;border-top:1px solid var(--border-color)}.calc-line{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-color);margin-bottom:.5rem}.calc-line.discount{color:var(--accent-secondary)}.calc-line.total{font-size:1.125rem;font-weight:700;color:var(--text-color);padding-top:.5rem;border-top:1px solid var(--border-color);margin-top:.5rem}.payment-security{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.security-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:var(--text-color)}.security-icon{font-size:1rem}.security-features{display:flex;flex-direction:column;gap:.5rem}.security-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.security-item span:first-child{color:var(--accent-secondary);font-weight:700}.help-card h3{font-size:1.125rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.help-card p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.help-contacts{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.help-link{color:var(--accent-primary);text-decoration:none;font-size:.875rem}.help-link:hover{text-decoration:underline}.help-hours{padding-top:1rem;border-top:1px solid var(--border-color)}.help-hours p{margin:0;font-size:.75rem;color:var(--text-muted);text-align:center}@media (max-width: 1024px){.payment-content{grid-template-columns:1fr;gap:2rem}.order-summary{order:-1}.billing-type-toggle{grid-template-columns:1fr}}@media (max-width: 768px){.payment-container{padding:1rem}.payment-header{flex-direction:column;gap:1rem;text-align:center}.checkout-steps{flex-wrap:wrap}.payment-form-section h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.stripe-info{flex-direction:column;gap:1rem;text-align:center}.billing-type-btn{flex-direction:column;text-align:center;gap:.5rem}}.profile-container{display:flex;flex-direction:column;justify-content:center;max-width:1200px;margin:0 auto;padding:2rem;background-color:var(--bg-color);color:var(--text-color);min-height:100vh}.profile-container .profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.profile-container .profile-header h1{font-size:2rem;font-weight:600;color:var(--text-color);margin:0}.profile-container .personal-info-card{background:linear-gradient(135deg,var(--surface-color) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md)}.profile-container .personal-info-content{display:flex;flex-direction:column;gap:2rem}.profile-container .avatar-section{display:flex;align-items:center;gap:2rem;padding:1.5rem;background-color:var(--bg-color);border-radius:12px;border:1px solid var(--border-color)}.profile-container .avatar-container{position:relative;flex-shrink:0}.avatar-image,.profile-container .avatar-placeholder{width:80px;height:80px;border-radius:50%;border:3px solid var(--accent-primary)}.profile-container .avatar-image{object-fit:cover}.profile-container .avatar-placeholder{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center}.profile-container .avatar-initials{color:#fff;font-size:1.5rem;font-weight:600}.profile-container .avatar-upload-btn{position:absolute;bottom:-5px;right:-5px;background-color:var(--accent-primary);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:background-color .2s}.profile-container .avatar-upload-btn:hover{background-color:var(--accent-primary-hover)}.profile-container .user-info-summary{flex:1}.profile-container .user-info-summary h3{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.profile-container .user-type-badge{background-color:var(--accent-primary);color:#fff;padding:.4rem .8rem;border-radius:16px;font-size:.8rem;font-weight:500;display:inline-block;margin-bottom:.5rem}.profile-container .user-email{color:var(--text-secondary);font-size:.9rem;margin:0}.profile-container .profile-content{display:flex;flex-direction:column;gap:2rem}.profile-container .profile-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.profile-container .profile-container .section-header{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0;max-width:none}.profile-container .section-header h2{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0}.profile-container .edit-btn{background-color:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.profile-container .edit-btn:hover{background-color:var(--accent-primary-hover)}.profile-container .profile-form{display:flex;flex-direction:column;gap:1rem}.profile-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-container .form-group{display:flex;flex-direction:column;gap:.5rem}.profile-container .form-group label{font-weight:500;color:var(--text-color);font-size:.875rem}.profile-container .form-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-color);color:var(--text-color);font-size:1rem;transition:border-color .2s}.profile-container .form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.profile-container .form-group input:disabled{background-color:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.profile-container .save-btn{background-color:var(--accent-secondary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-start}.profile-container .save-btn:hover{background-color:#059669}.profile-container .password-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.profile-container .subscription-section{border-left:4px solid var(--accent-primary)}.profile-container .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.profile-container .status-badge.active{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.profile-container .status-badge.inactive{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.profile-container .subscription-info{display:flex;flex-direction:column;gap:1.5rem}.profile-container .subscription-details{display:flex;flex-direction:column;gap:.75rem}.profile-container .detail-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.profile-container .detail-item:last-child{border-bottom:none}.profile-container .detail-item .label{font-weight:500;color:var(--text-secondary)}.profile-container .detail-item .value{font-weight:600;color:var(--text-color)}.profile-container .detail-item .value.highlight{color:var(--accent-primary);font-size:1.1rem}.profile-container .detail-item .value.expired{color:var(--accent-danger);font-size:1.1rem;font-weight:700}.profile-container .subscription-actions{display:flex;gap:1rem;flex-wrap:wrap}.profile-container .retry-payment-btn{background:linear-gradient(135deg,var(--accent-secondary),#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #10b98133}.profile-container .retry-payment-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.profile-container .upgrade-btn{background-color:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.profile-container .upgrade-btn:hover{background-color:var(--accent-primary-hover)}.profile-container .cancel-btn{background-color:transparent;color:var(--accent-danger);border:1px solid var(--accent-danger);padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.profile-container .cancel-btn:hover{background-color:var(--accent-danger);color:#fff}@media (max-width: 768px){.profile-container .profile-container{padding:1rem}.profile-container .profile-header{flex-direction:column;gap:1rem;align-items:flex-start}.profile-container .avatar-section{flex-direction:column;text-align:center;gap:1rem}.profile-container .form-row{grid-template-columns:1fr}.profile-container .subscription-actions{flex-direction:column}.profile-container .detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.quiz-blocking{background:var(--bg-color, #f7fafc);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-top:6rem}.blocking-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:800px;width:100%;overflow:hidden}.blocking-header{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:30px;text-align:center}.blocking-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.status-indicator.blocked .status-dot{width:8px;height:8px;background:#ff4757;border-radius:50%;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.current-time{font-size:14px;opacity:.9;font-family:Courier New,monospace}.blocking-header h1{margin:0;font-size:28px;font-weight:700}.blocking-content{padding:30px}.blocking-info{display:flex;flex-direction:column;gap:20px}.blocking-card,.quiz-info-card,.reasons-card,.instructions-card,.contact-card{background:#f8f9fa;border-radius:12px;padding:24px;border-left:4px solid #667eea}.blocking-card.warning{background:#fff5f5;border-left-color:#ff6b6b}.blocking-card h2,.quiz-info-card h2,.reasons-card h2,.instructions-card h2,.contact-card h2{margin:0 0 16px;font-size:18px;font-weight:600;color:#2d3748}.blocking-card.warning h2{color:#c53030}.quiz-details h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#2d3748}.quiz-description{margin:0;color:#718096;line-height:1.5}.blocking-reasons{list-style:none;padding:0;margin:16px 0 0}.blocking-reasons li{display:flex;align-items:center;gap:12px;padding:8px 0;color:#4a5568}.reason-icon{color:#ff6b6b;font-weight:700}.instruction-steps{display:flex;flex-direction:column;gap:20px;margin-top:16px}.step{display:flex;gap:16px;align-items:flex-start}.step-number{background:#667eea;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#2d3748}.step-content p{margin:0;color:#718096;line-height:1.4}.blocking-actions{padding:30px;background:#f7fafc;display:flex;gap:16px;justify-content:center}.retry-btn,.exit-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.retry-btn{background:#667eea;color:#fff}.retry-btn:hover{background:#5a67d8;transform:translateY(-1px)}.exit-btn{background:#e2e8f0;color:#4a5568}.exit-btn:hover{background:#cbd5e0;transform:translateY(-1px)}.detection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.detection-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease}.detection-card:hover{border-color:#ff6b6b;box-shadow:0 2px 8px #ff6b6b1a}.detection-icon{font-size:24px;flex-shrink:0}.detection-content{max-width:70%}.detection-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#2d3748}.detection-content p{margin:0;font-size:13px;color:#718096;line-height:1.4}.consequences-card{background:#fff5f5;border-radius:12px;padding:24px;border-left:4px solid #ff6b6b}.consequences-card h2{margin:0 0 20px;font-size:18px;font-weight:600;color:#c53030}.consequence-content{display:flex;flex-direction:column;gap:20px}.score-impact{background:#fff;border-radius:8px;padding:16px;border:1px solid #fed7d7}.score-zero{display:flex;align-items:center;gap:16px}.zero-badge{background:#ff6b6b;color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:18px;min-width:60px;text-align:center}.score-zero h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#2d3748}.score-zero p{margin:0;color:#718096;font-size:14px}.contest-info{background:#fff;border-radius:8px;padding:16px;border:1px solid #fed7d7}.contest-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#2d3748}.contest-info p{margin:0;color:#718096;line-height:1.5;font-size:14px}@media (max-width: 768px){.quiz-blocking{padding:10px}.blocking-container{border-radius:12px}.blocking-header{padding:20px}.blocking-header h1{font-size:24px}.blocking-content,.blocking-card,.quiz-info-card,.reasons-card,.instructions-card,.contact-card{padding:20px}.blocking-actions{padding:20px;flex-direction:column}.retry-btn,.exit-btn{width:100%}.step{flex-direction:column;gap:8px}.step-number{align-self:flex-start}.detection-grid{grid-template-columns:1fr}.score-zero{flex-direction:column;align-items:flex-start;gap:12px}}.quiz-finish{flex:1;transition:margin-left .3s ease;overflow-y:auto;height:calc(100vh - 65px);margin-top:65px;display:flex;flex-direction:column;padding:40px;background:var(--bg-color)}.quiz-summary-container{max-width:800px;margin:0 auto;padding:2rem}.summary-header{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:2rem;margin-bottom:2rem;text-align:center}.summary-header h1{font-size:2.5rem;font-weight:800;margin:0}.summary-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.status-indicator{display:flex;align-items:center;gap:.5rem;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background:#fff}.current-time{font-family:Courier New,monospace;font-weight:600;font-size:1.125rem}.summary-content{display:flex;flex-direction:column;gap:1.5rem}.info-card,.completion-card,.score-breakdown{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.info-card h2,.completion-card h2,.score-breakdown h2{margin:0 0 1rem;color:var(--text-color);font-weight:700;font-size:1.25rem}.quiz-details{display:flex;flex-direction:column;gap:.5rem}.quiz-title{font-size:1.125rem;font-weight:600;color:var(--text-color)}.quiz-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.completion-time{text-align:center;padding:1rem}.completion-value{font-size:2rem;font-weight:700;color:#10b981;display:block}.completion-value.error{color:red}.completion-label{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.score-sections{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.score-section{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.score-section.automatic{background:#10b9810d;border-color:#10b98133}.score-section.manual{background:#f59e0b0d;border-color:#f59e0b33}.score-sections .section-header{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;flex:1}.section-icon{font-size:1.25rem}.section-title{font-weight:600;color:var(--text-color)}.section-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.section-status.corrected{background:#10b9811a;color:#059669}.section-status.pending{background:#f59e0b1a;color:#d97706}.section-score{display:flex;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:700}.score-value{color:#10b981}.score-pending{color:#f59e0b}.score-separator,.score-max{color:var(--text-secondary)}.total-score{text-align:center;padding:1rem;background:var(--bg-color);border-radius:8px;border:2px solid var(--border-color)}.total-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.total-value{font-size:1.5rem;font-weight:700;color:var(--text-color)}.completion-card p{color:var(--text-color);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.next-steps h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 1rem}.next-steps ul{color:var(--text-color);padding-left:1.5rem;line-height:1.6}.next-steps li{margin-bottom:.5rem}.summary-actions{display:flex;justify-content:center;margin-top:2rem}.exit-quiz-btn{padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.exit-quiz-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}@media (max-width: 768px){.quiz-finish,.quiz-summary-container{padding:1rem}.summary-header{padding:1.5rem}.summary-header h1{font-size:2rem}.score-section{flex-direction:column;align-items:flex-start;gap:.75rem}.section-header{width:100%}.completion-value{font-size:1.5rem}}.error-container{min-height:100vh;background:var(--bg-color);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:var(--font-family)}.error-content{max-width:600px;width:100%;background:var(--card-bg);border-radius:16px;box-shadow:0 10px 25px #0000001a;overflow:hidden}.error-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:2rem;text-align:center;color:var(--text-color)}.error-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.error-code-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;font-size:.9rem;color:#fff}.error-icon{font-size:1.2rem}.error-time{font-size:.85rem;opacity:.9}.error-title{font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.error-details{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.error-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.error-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.error-card-icon{font-size:1.5rem}.error-card h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-color)}.error-description{color:var(--text-secondary);line-height:1.6;margin:0;font-size:1rem}.recommendations-list{display:flex;flex-direction:column;gap:.75rem}.recommendation-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-color);border-radius:8px;border-left:3px solid var(--primary-color)}.recommendation-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:.8rem;font-weight:600;flex-shrink:0}.recommendation-text{color:var(--text-color);font-size:.95rem;line-height:1.4}.error-actions{padding:2rem;background:var(--bg-color);display:flex;gap:1rem;justify-content:center}.error-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.error-button.primary{background:var(--primary-color);color:#fff}.error-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.error-button.secondary{background:transparent;color:var(--text-color);border:2px solid var(--border-color)}.error-button.secondary:hover{background:var(--border-color);transform:translateY(-1px)}.button-icon{font-size:1rem}@media (max-width: 768px){.error-container{padding:1rem}.error-header{padding:1.5rem}.error-title{font-size:1.5rem}.error-details{padding:1.5rem}.error-actions{padding:1.5rem;flex-direction:column}.error-status{flex-direction:column;gap:.5rem;text-align:center}}.session-summary{padding:6rem 2rem 2rem;max-width:1400px;margin:0 auto;background:var(--bg-color);min-height:100vh}.summary-header{background:var(--card-bg);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.header-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:2rem}.quiz-identity{flex:1}.quiz-title{font-size:2rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem}.quiz-description{color:var(--text-secondary);font-size:1.1rem;margin:0;line-height:1.5}.quiz-stats{display:flex;gap:2rem;align-items:center}.stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-color);border-radius:8px;border:1px solid var(--border-color)}.stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.session-summary .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-color)}.active-settings{border-top:1px solid var(--border-color);padding-top:1.5rem}.settings-label{font-weight:600;color:var(--text-color);margin-bottom:1rem;display:block}.settings-cards{display:flex;flex-wrap:wrap;gap:.75rem}.setting-mini-card{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-secondary);transition:all .2s ease}.setting-mini-card:hover{background:var(--hover-bg);border-color:var(--primary-color)}.setting-icon{font-size:1rem}.students-section{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.section-actions{display:flex;align-items:center;gap:1.5rem}.section-stats{display:flex;gap:1rem;font-size:.875rem}.completed-count{color:var(--success-color);font-weight:600}.in-progress-count{color:var(--warning-color);font-weight:600}.corrected-count{color:#3b82f6;font-weight:600}.start-correction-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.start-correction-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.students-table{width:100%}.table-header{display:grid;grid-template-columns:2fr .8fr 1fr 1.2fr 1.5fr 1fr 1.5fr;gap:1rem;padding:1rem;background:var(--bg-color);border-radius:8px;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.table-row{display:grid;grid-template-columns:2fr .8fr 1fr 1.2fr 1.5fr 1fr 1.5fr;gap:1rem;padding:1.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;background:var(--card-bg);transition:all .2s ease;align-items:center}.table-row:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.student-info{display:flex;flex-direction:column;gap:.25rem}.student-name{font-weight:600;color:var(--text-color);font-size:1rem}.student-email{color:var(--text-secondary);font-size:.875rem}.duration-text{font-weight:600;color:var(--text-color)}.cheating-summary{display:flex;flex-direction:column;gap:.5rem}.cheating-level{font-weight:600;font-size:.875rem}.cheating-details{display:flex;flex-wrap:wrap;gap:.25rem}.cheating-item{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#ef44441a;color:var(--error-color);border-radius:4px;font-size:.75rem;font-weight:600}.scores-container{display:flex;flex-direction:column;gap:.5rem}.score-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.score-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.score-value{font-weight:700}.score-value.provisional{color:var(--warning-color)}.score-value.final{color:var(--success-color)}.action-buttons{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translateY(-1px)}.action-btn.view-answers:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.action-btn.correction:hover{background:#22c55e1a;border-color:var(--success-color);color:var(--success-color)}.graphs-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.graph-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);transition:all .2s ease}.graph-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.graph-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;background:var(--bg-color);border:2px dashed var(--border-color);border-radius:8px}.graph-icon{font-size:3rem;opacity:.5}.graph-label{font-size:.875rem;color:var(--text-secondary);font-weight:600}.col-questions{display:flex;align-items:center;justify-content:center}.questions-text{font-weight:600;color:var(--text-color);font-size:.875rem}.col-corrected{display:flex;align-items:center;justify-content:center}.corrected-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.corrected-badge.yes{background:#22c55e1a;color:var(--success-color);border:1px solid rgba(34,197,94,.2)}.corrected-badge.no{background:#fbbf241a;color:var(--warning-color);border:1px solid rgba(251,191,36,.2)}@media (max-width: 1200px){.graphs-section{grid-template-columns:repeat(2,1fr)}.header-main{flex-direction:column;gap:1.5rem}.quiz-stats{justify-content:flex-start;flex-wrap:wrap}.section-actions{flex-direction:column;align-items:flex-start;gap:1rem}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header>div,.table-row>div{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.table-header>div:last-child,.table-row>div:last-child{border-bottom:none}.action-buttons{justify-content:flex-end}}@media (max-width: 768px){.graphs-section{grid-template-columns:1fr}.session-summary{padding:1rem}.summary-header,.students-section{padding:1.5rem}.quiz-stats{gap:1rem}.stat-item{padding:.75rem 1rem}.settings-cards{gap:.5rem}.setting-text{display:none}.action-buttons{flex-direction:column;gap:.25rem}.action-btn{padding:.375rem .75rem;font-size:.8125rem}.start-correction-btn{width:100%;justify-content:center}}.session-correction{padding:6rem 2rem 2rem;max-width:1400px;margin:0 auto;background:var(--bg-color);min-height:100vh}.session-correction-header{background:var(--card-bg);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:2rem}.session-correction-title h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text-color)}.session-correction-title p{margin:0;color:var(--text-secondary)}.session-correction-back{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--primary-color);font-weight:600;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-color);transition:all .2s ease}.session-correction-back:hover{background:var(--hover-bg);border-color:var(--primary-color)}.session-correction-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem}.session-correction-sidebar .sidebar-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-color)}.sidebar-title{font-weight:700;color:var(--text-color);margin-bottom:1rem}.question-list{display:flex;flex-direction:column;gap:.75rem}.question-item{display:grid;gap:.35rem;text-align:left;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;transition:all .2s ease}.question-item:hover{border-color:var(--primary-color);background:var(--hover-bg)}.question-item.active{border-color:var(--primary-color);background:#3b82f614}.question-item.corrected{border-color:#22c55e66;background:#22c55e14}.question-index{font-size:.8rem;color:var(--text-secondary)}.question-text{font-weight:600;color:var(--text-color)}.question-points{font-size:.8rem;color:var(--text-secondary)}.correction-card{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-color)}.correction-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.correction-card-header h2{margin:0 0 .5rem;color:var(--text-color)}.correction-question-title{margin:0;color:var(--text-secondary);font-size:1rem}.correction-stats{display:flex;gap:1rem}.correction-stat{background:var(--bg-color);border-radius:8px;padding:.75rem 1rem;border:1px solid var(--border-color);min-width:120px;display:flex;align-items:center;justify-content:space-between}.correction-stat .stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:600}.correction-stat .stat-value{color:var(--text-color)}.correction-responses{display:flex;flex-direction:column;gap:1rem}.response-card{border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;background:var(--bg-color);display:flex;flex-direction:column;gap:1rem}.response-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.student-block{display:flex;flex-direction:column;gap:.25rem}.student-name{font-weight:600;color:var(--text-color)}.student-email{font-size:.85rem;color:var(--text-secondary)}.response-score{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.response-score input{width:70px;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color)}.max-score{font-size:.85rem}.response-body,.response-options{display:flex;flex-direction:column;gap:.5rem}.response-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg)}.response-option.correct{border-color:#22c55e66;background:#22c55e14;color:var(--success-color)}.response-option.wrong,.response-option.missed{border-color:#ef444466;background:#ef444414;color:var(--error-color)}.response-option-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:green}.response-option-text{color:inherit}.response-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.cheat-summary{display:flex;align-items:center;gap:.5rem}.summary-item.cheat{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-color);border-radius:6px;border-left:3px solid #ef4444;color:var(--text-color)}.summary-item.cheat .summary-icon{font-size:1rem}.summary-item.cheat .summary-text{font-size:.875rem;color:var(--text-color)}.response-text{background:var(--card-bg);border-radius:8px;padding:.75rem 1rem;border:1px solid var(--border-color);color:var(--text-color)}.response-text.code{white-space:pre-wrap;font-family:Courier New,Courier,monospace}.correction-loading{padding:1.5rem;border:1px dashed var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-secondary)}.response-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ai-score{font-size:.85rem;color:var(--text-secondary)}.response-action{background:var(--bg-color);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;color:var(--text-color);transition:all .2s ease}.response-action:hover{border-color:var(--primary-color);color:var(--primary-color)}.correction-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.secondary-action,.primary-action{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.secondary-action{background:var(--bg-color);color:var(--text-color)}.secondary-action:hover{border-color:var(--primary-color);color:var(--primary-color)}.primary-action{background:var(--primary-color);color:#fff;border:none}.primary-action:hover{background:var(--primary-hover)}@media (max-width: 1200px){.session-correction-layout{grid-template-columns:1fr}.session-correction-header{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.session-correction{padding:1rem}.correction-card-header{flex-direction:column;gap:1rem}.response-header{flex-direction:column;align-items:flex-start}.correction-actions{flex-direction:column}.secondary-action,.primary-action{width:100%}}.search-bar{position:relative;margin:1rem 1.5rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);color:var(--text-color);font-size:.875rem;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:50%;transition:var(--transition)}.search-clear:hover{background-color:var(--bg-muted);color:var(--text-color)}.dashboard-quiz-card{background-color:var(--bg-color);border-radius:var(--radius);border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);width:calc(20% - 15px);cursor:pointer;justify-content:center}.dashboard-quiz-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-quiz-card .dashboard-quiz-header{position:relative;background:linear-gradient(135deg,var(--primary-color) 20,var(--primary-color) 10);display:flex;justify-content:space-between;align-items:flex-start;min-height:150px}.dashboard-quiz-card .quiz-thumbnail{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);border-radius:50%}.dashboard-quiz-card .quiz-status{margin:0 0 -20px}.dashboard-quiz-card .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;position:absolute;top:5px;right:5px}.dashboard-quiz-card .quiz-status img{width:100%;z-index:1;opacity:.8}.dashboard-quiz-card .status-badge.public{background-color:#dcfce7;color:#166534}.dashboard-quiz-card .status-badge.private{background-color:#fef3c7;color:#92400e}.dashboard-quiz-card .dashboard-quiz-content{padding:8px 1.5rem;display:flex;flex-direction:column;gap:6px;z-index:2}.dashboard-quiz-card .quiz-title-section h3{font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;display:flex;align-items:flex-end}.dashboard-quiz-card .quiz-category{color:var(--text-muted);font-size:.875rem}.dashboard-quiz-card .quiz-stats{display:flex;gap:12px;justify-content:space-between;width:100%}.dashboard-quiz-card .stat-item{display:flex;align-items:center;font-size:.875rem;color:var(--text-muted);gap:5px;width:100%;padding:12px}.dashboard-quiz-card .stat-icon{display:flex}.dashboard-quiz-card .quiz-meta{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.dashboard-quiz-card .quiz-date{font-size:.75rem;color:var(--text-muted)}.dashboard-quiz-card .dashboard-quiz-actions{padding:1rem;background-color:var(--bg-muted);display:flex;gap:.75rem;flex-direction:column}.dashboard-quiz-card .btn{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;background-color:var(--bg-color);color:var(--primary-color)}.dashboard-quiz-card .btn-primary{background-color:var(--primary-color);color:#fff}.dashboard-quiz-card .btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.dashboard-quiz-card .btn-primary:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.6}.dashboard-quiz-card .btn-secondary{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.dashboard-quiz-card .btn-secondary:hover{background-color:var(--bg-muted)}.dashboard-quiz-card .btn-sm{padding:.375rem .75rem;font-size:.8rem}.dashboard-quiz-card .btn-icon{font-size:.875rem}.dashboard-quiz-card .create-card{cursor:pointer;border:2px dashed var(--border-color);background-color:var(--bg-muted);display:flex;align-items:center;justify-content:center;min-height:200px}.dashboard-quiz-card .create-card:hover{border-color:var(--primary-color);background-color:var(--primary-color) 10}.dashboard-quiz-card .create-card-content{text-align:center;color:var(--text-muted)}.dashboard-quiz-card .create-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.dashboard-quiz-card .create-card-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.dashboard-quiz-card .create-card-content p{font-size:.875rem}.dashboard-quiz-card .btn{display:flex;justify-self:center}@media (max-width: 768px){.dashboard-quiz-card{width:100%}.dashboard-quiz-card .dashboard-quiz-actions{flex-direction:column}.dashboard-quiz-card .btn{flex:none}}.session-card{background-color:var(--bg-color);border-radius:var(--radius);border:1px solid var(--border-color);padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-sm);width:calc(50% - 15px);cursor:pointer}.session-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.session-card .session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.session-card .session-title h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;line-height:1.4}.session-card .session-date{font-size:.75rem;color:var(--text-muted)}.session-card .session-status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem;width:fit-content}.session-card .session-status-badge.pending{background-color:#fef3c7;color:#92400e}.session-card .session-status-badge.progress{background-color:#dbeafe;color:#1d4ed8}.session-card .session-status-badge.auto{background-color:#ede9fe;color:#6d28d9}.session-card .session-status-badge.done{background-color:#dcfce7;color:#166534}.session-card .session-score{padding:.5rem .75rem;border-radius:var(--radius);font-weight:600;font-size:.875rem;white-space:nowrap}.session-card .session-score.success{background-color:#dcfce7;color:#166534}.session-card .session-score.warning{background-color:#fef3c7;color:#92400e}.session-card .session-score.danger{background-color:#fee2e2;color:#991b1b}.session-card .session-stats{margin-bottom:1rem}.session-card .stat-group{display:flex;gap:1.5rem;flex-direction:column}.session-card .stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;width:100%}.session-card .stat-icon{font-size:1rem}.session-card .stat-value{font-weight:600;color:var(--text-color)}.session-card .stat-label{color:var(--text-muted)}.session-card .session-actions{padding-top:1rem;border-top:1px solid var(--border-color)}.session-card .btn-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:.5rem 1rem;border-radius:var(--radius);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.session-card .btn-outline:hover{background-color:var(--primary-color);color:#fff}.session-card .btn-sm{padding:.375rem .75rem;font-size:.8rem}@media (max-width: 1420px){.session-card{width:calc(25% - 15px)}}@media (max-width: 768px){.session-card .session-header{flex-direction:column;align-items:stretch}.session-card .session-score{align-self:flex-start}.session-card .stat-group{flex-wrap:wrap;gap:1rem}.session-card{width:100%}}.dashboard-container{min-height:100vh;background-color:var(--bg-muted)}.dashboard-main{margin:0 auto;padding:4rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.75rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.welcome-section h1{font-size:2rem;font-weight:700;margin:0}.welcome-section p{color:var(--text-muted)}.charts-section{display:flex;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;width:100%}.chart-container{background-color:var(--bg-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);width:100%}.dashboard-content{display:flex;gap:2rem}@media (max-width: 1024px){.dashboard-content{flex-direction:column}}.content-column{background-color:var(--bg-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.content-column.quiz{width:65%}.content-column.session{width:35%}.column-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.column-header h2{font-size:1.25rem;font-weight:600;margin:0}.column-filters{display:flex;gap:.5rem}.filter-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);color:var(--text-color);font-size:.875rem}.cards-container{display:flex;flex-wrap:wrap;gap:15px;padding:15px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width: 1024px){.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.dashboard-container .stats-section{order:2}.dashboard-container .dashboard-content{order:1}.dashboard-container .stats-section .charts-section{flex-wrap:wrap}.dashboard-container .stats-section .charts-section .chart-container{width:calc(50% - .75rem)}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.charts-section{grid-template-columns:1fr}.column-header{flex-direction:column;gap:1rem;align-items:stretch}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.charts-section{grid-template-columns:1fr}.column-header{flex-direction:column;gap:1rem;align-items:stretch}.cards-container{grid-template-columns:1fr;gap:1rem;padding:1rem}.dashboard-container .stats-section .charts-section .chart-container{width:100%}}@media (max-width: 1420px){.dashboard-content{flex-direction:column}.content-column.quiz,.content-column.session{width:100%}.content-column.quiz .cards-container{height:650px;overflow-y:auto}.content-column.session .cards-container{width:100%;height:570px;overflow-y:auto}}.chart-container{background-color:var(--bg-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);height:100%}.chart-container h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}@media (max-width: 768px){.chart-container{padding:1rem}.chart-container h3{font-size:.9rem;margin-bottom:.75rem}}.student-dashboard-container{min-height:100vh;background:var(--bg-color);padding:2rem}.student-dashboard-container .student-dashboard-main{margin:25px}.student-dashboard-container .dashboard-header{margin-bottom:2rem}.student-dashboard-container .welcome-section h1{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.student-dashboard-container .welcome-section p{font-size:1rem;color:var(--text-secondary)}.student-dashboard-container .stats-section{margin-bottom:3rem}.student-dashboard-container .charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.student-dashboard-container .sessions-section{margin-top:2rem}.student-dashboard-container .section-header{display:flex;justify-content:flex-start;align-items:center;margin:0;gap:20px}.student-dashboard-container .search-bar{margin:0}.student-dashboard-container .section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-color)}.student-dashboard-container .section-filters{display:flex;gap:1rem;align-items:center}.student-dashboard-container .filter-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .2s}.student-dashboard-container .filter-select:hover{border-color:var(--primary-color)}.student-dashboard-container .filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.student-dashboard-container .sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.student-dashboard-container .student-session-card-wrapper{height:100%}.student-dashboard-container .student-session-card{cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .3s;height:100%;display:flex;flex-direction:column}.student-dashboard-container .student-session-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary-color)}.student-dashboard-container .session-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.student-dashboard-container .session-title{height:125px;flex:1}.student-dashboard-container .session-title h4{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem;line-height:1.4;margin:0}.student-dashboard-container .session-date{font-size:.85rem;color:var(--text-secondary)}.student-dashboard-container .session-score{padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:1rem;white-space:nowrap}.student-dashboard-container .session-score.success{background:#22c55e1a;color:#22c55e}.student-dashboard-container .session-score.warning{background:#fb923c1a;color:#fb923c}.student-dashboard-container .session-score.danger{background:#ef44441a;color:#ef4444}.student-dashboard-container .session-score.pending{background:#94a3b81a;color:#94a3b8}.student-dashboard-container .session-score.ended{background:#fbbf241f;color:#b45309}.student-dashboard-container .session-stats{display:flex;margin-bottom:1.5rem;background:var(--bg-color);border-radius:8px;gap:12px}.student-dashboard-container .stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;width:50%}.student-dashboard-container .stat-icon{font-size:1rem}.student-dashboard-container .stat-status{display:flex;gap:.25rem}.student-dashboard-container .stat-value{font-size:1rem;font-weight:600;color:var(--text-color)}.student-dashboard-container .stat-label{font-size:.75rem;color:var(--text-secondary)}.student-dashboard-container .session-actions{margin-top:auto;display:flex;gap:.75rem}.student-dashboard-container .btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.student-dashboard-container .btn-primary{background:var(--primary-color);color:#fff}.student-dashboard-container .btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.student-dashboard-container .btn-sm{padding:.5rem 1rem;font-size:.875rem}.student-dashboard-container .empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-secondary)}.student-dashboard-container .empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.student-dashboard-container .empty-state p{font-size:1.1rem}.session-board-container{display:flex;width:100%;justify-content:space-between;gap:20px}.session-board-container .sessions-section{width:100%}@media (max-width: 768px){.student-dashboard-container .student-dashboard-container{padding:1rem}.student-dashboard-container .welcome-section h1{font-size:1.5rem}.student-dashboard-container .charts-section{grid-template-columns:1fr}.student-dashboard-container .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.student-dashboard-container .sessions-grid{grid-template-columns:1fr}.student-dashboard-container .session-stats{flex-wrap:wrap}.student-dashboard-container .stat-item{min-width:calc(33.333% - .67rem)}.session-board-container{flex-direction:column}.session-board-container .sessions-section{width:100%}}@media (max-width: 480px){.student-dashboard-container .session-header{flex-direction:column;align-items:flex-start}.student-dashboard-container .session-score{align-self:flex-start}}:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--text-color: #1f2937;--text-muted: #6b7280;--bg-color: #ffffff;--bg-muted: #f9fafb;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius: .5rem;--transition: all .2s ease}.dark-theme{--primary-color: #818cf8;--primary-hover: #6366f1;--text-color: #f9fafb;--text-muted: #9ca3af;--bg-color: #25252f;--bg-muted: #1f2937;--border-color: #374151}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-color);background-color:var(--bg-color);line-height:1.5;transition:background-color .3s ease,color .3s ease}.home-container{display:flex;flex-direction:column;min-height:100vh}section{padding:4rem 1.5rem}.section-header{text-align:center;max-width:700px;margin:0 auto 3rem;display:flex;flex-direction:column}.section-header h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.section-header p{color:var(--text-muted);font-size:1.125rem}.hero-section{display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem;text-align:center}.hero-content{max-width:700px}.hero-content h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-content p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem}.text-primary{color:var(--primary-color)}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.features-section{background-color:var(--bg-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background-color:var(--bg-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition)}.feature-card>*{display:flex;justify-content:center}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-icon{display:flex;align-items:center;justify-content:center}.feature-card h3{font-weight:600;margin-bottom:.5rem}.feature-card p{color:var(--text-muted);font-size:.875rem}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.step-card{text-align:center;padding:2rem;border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);box-shadow:var(--shadow-sm)}.step-number{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:0 auto 1rem;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;font-size:1.25rem}.step-card h3{font-weight:600;margin-bottom:.75rem}.step-card p{color:var(--text-muted)}.demo-section{background-color:var(--bg-muted)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.screenshot-card{border:none;text-align:left;cursor:pointer;background-color:var(--bg-color);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition)}.screenshot-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.screenshot-img{width:100%;height:200px;overflow:hidden}.screenshot-img img{width:100%;height:100%;object-fit:cover}.screenshot-card h3{font-weight:600;padding:1rem 1rem .5rem}.screenshot-card p{color:var(--text-muted);font-size:.875rem;padding:0 1rem 1rem}.screenshot-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:9999}.screenshot-modal-content{position:relative;max-width:1100px;width:100%;background:var(--bg-color);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.screenshot-modal-image{width:100%;height:auto;border-radius:calc(var(--radius) - .2rem);display:block}.screenshot-modal-close{position:absolute;top:.75rem;right:.75rem;background:var(--bg-muted);border:1px solid var(--border-color);border-radius:999px;padding:.25rem .6rem;cursor:pointer}.screenshot-modal-caption{margin-top:1rem}.screenshot-modal-caption h3{margin:0 0 .25rem}.screenshot-modal-caption p{margin:0;color:var(--text-muted)}.cta-section{text-align:center;padding:5rem 1.5rem}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.cta-content p{color:var(--text-muted);font-size:1.125rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.footer{background-color:var(--bg-muted);border-top:1px solid var(--border-color);padding:3rem 1.5rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto}.footer-brand h3{font-weight:700;margin-bottom:.5rem}.footer-brand p{color:var(--text-muted);font-size:.875rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.875rem;transition:var(--transition)}.footer-links a:hover{color:var(--primary-color);text-decoration:underline}.footer-copyright{color:var(--text-muted);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-weight:500;border-radius:var(--radius);text-decoration:none;transition:var(--transition);cursor:pointer}.btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-outline{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-outline:hover{background-color:var(--bg-muted)}.btn-text{background-color:transparent;color:#000;padding:.5rem 1rem}.btn-text:hover{color:#fff}@media (max-width: 768px){.hero-content h1{font-size:2.25rem}.hero-content p{font-size:1rem}.section-header h2{font-size:1.75rem}.section-header p{font-size:1rem}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}.footer-content{flex-direction:column;text-align:center}}