.subject-create-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .subject-create-container{background:#1e293b;box-shadow:0 8px 24px #0003}.subject-create-header{text-align:center;margin-bottom:32px}.subject-create-title{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .subject-create-title{color:#f3f4f6}.subject-create-subtitle{color:#6b7280;margin:0;font-size:1.1rem}.dark-theme .subject-create-subtitle{color:#9ca3af}.subject-create-form{max-width:800px;margin:0 auto}.form-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-section{background:#fafafa;border:2px solid #f3f4f6;border-radius:12px;padding:24px}.dark-theme .form-section{background:#293444;border-color:#374151}.form-section-title{color:#111827;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:1.3rem;font-weight:600}.dark-theme .form-section-title{color:#f3f4f6;border-bottom-color:#374151}.form-group{margin-bottom:20px}.form-label{color:#374151;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.dark-theme .form-label{color:#d1d5db}.form-input,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.dark-theme .form-input,.dark-theme .form-textarea{color:#f3f4f6;background:#374151;border-color:#4b5563}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px}.form-error{color:#dc2626;background:#fee2e2;border:2px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:16px}.dark-theme .form-error{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.image-info{color:#1e40af;background:#dbeafe;border:2px solid #bfdbfe;border-radius:8px;margin-bottom:24px;padding:16px}.dark-theme .image-info{color:#93c5fd;background:#1e3a8a;border-color:#1e40af}.image-info h4{margin:0 0 8px;font-size:1.1rem}.image-info p{margin:4px 0;font-size:.9rem}.image-selected{color:#065f46;background:#d1fae5;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:.9rem}.dark-theme .image-selected{color:#34d399;background:#065f46}.image-filename{font-weight:600}.form-actions{border-top:2px solid #f3f4f6;justify-content:center;gap:16px;padding-top:24px;display:flex}.dark-theme .form-actions{border-top-color:#374151}.image-uploader{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:24px;transition:border-color .2s}.dark-theme .image-uploader{background:#374151;border-color:#4b5563}.image-uploader:hover{border-color:#3b82f6}.image-uploader-preview{margin-bottom:20px}.image-preview-container{display:inline-block;position:relative}.image-preview{object-fit:cover;border-radius:8px}.image-remove-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.image-uploader-placeholder{color:#6b7280;margin-bottom:8px;font-size:3rem}.dark-theme .image-uploader-placeholder{color:#9ca3af}.image-uploader-placeholder span{margin-top:8px;font-size:1rem;display:block}.image-uploader-controls{margin-bottom:16px}.image-uploader-input{display:none}.image-uploader-label{color:#fff;cursor:pointer;background:#3b82f6;border-radius:8px;padding:12px 24px;font-weight:600;transition:background-color .2s;display:inline-block}.image-uploader-label:hover{background:#2563eb}.image-uploader-label:disabled{cursor:not-allowed;background:#9ca3af}.image-uploader-error{color:#dc2626;margin-top:8px;font-size:.9rem}.dark-theme .image-uploader-error{color:#fca5a5}.image-uploader-loading{color:#6b7280;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:flex}.dark-theme .image-uploader-loading{color:#9ca3af}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;min-width:120px;padding:12px 32px;font-size:1.1rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#d1d5db;transform:translateY(-2px)}.dark-theme .btn-secondary{color:#d1d5db;background:#4b5563}.dark-theme .btn-secondary:hover:not(:disabled){background:#6b7280}
.chapters-list-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .chapters-list-container{background:#1e293b;box-shadow:0 8px 24px #0003}.chapters-list-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dark-theme .chapters-list-header{border-bottom-color:#374151}.chapters-list-title{color:#111827;margin:0;font-size:1.8rem;font-weight:700}.dark-theme .chapters-list-title{color:#f3f4f6}.chapters-list-header-info{align-items:center;gap:16px;display:flex}.chapters-list-total{color:#6b7280;font-size:1.5rem;font-weight:500}.dark-theme .chapters-list-total{color:#9ca3af}.chapters-list-table{width:100%}.chapters-list-table-header{gap:24px;margin-bottom:20px;padding:0 8px;display:flex}.chapters-list-column{padding:12px 8px}.chapters-list-column-title{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:1.2rem;font-weight:700}.dark-theme .chapters-list-column-title{color:#d1d5db}.chapter-column-name{width:35%}.chapter-column-subject,.chapter-column-exam{width:25%}.chapter-column-created{width:20%}.chapter-column-actions{width:10%}.chapters-list-divider{background-color:#e5e7eb;height:2px;margin-bottom:20px}.dark-theme .chapters-list-divider{background-color:#374151}.chapters-list-items{flex-direction:column;gap:16px;display:flex}.chapters-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;transition:all .3s}.chapters-list-item:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dark-theme .chapters-list-item{background:#293445;border-color:#475569}.dark-theme .chapters-list-item:hover{background:#334155;border-color:#64748b;box-shadow:0 8px 24px #0000004d}.chapters-list-item-content{align-items:center;gap:24px;display:flex}.chapters-list-name-content{align-items:center;gap:16px;display:flex}.chapters-list-icon{color:#fff;background:linear-gradient(135deg,#26c98f,#f7ac15);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 4px 12px #0de9144d}.chapters-list-details{min-width:0}.chapters-list-name{color:#111827;margin-bottom:4px;font-size:14px;font-weight:600}.dark-theme .chapters-list-name{color:#f3f4f6}.chapters-list-subject,.chapters-list-exam{align-items:center;gap:8px;min-height:44px;display:flex}.chapters-list-subject-link,.chapters-list-exam-link{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:10px 14px;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.chapters-list-subject-link{color:#d97706;background:#ffedd5;border-color:#fed7aa}.chapters-list-subject-link:hover{color:#b45309;background:#fed7aa;transform:translateY(-2px);box-shadow:0 4px 12px #d9770633}.chapters-list-exam-link{color:#16a34a;background:#d1fae5;border-color:#a7f3d0}.chapters-list-exam-link:hover{color:#15803d;background:#a7f3d0;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a33}.dark-theme .chapters-list-subject-link{color:#fbbf24;background:#d9770626;border-color:#d977064d}.dark-theme .chapters-list-subject-link:hover{color:#b45309;background:#d9770640;box-shadow:0 4px 12px #d977064d}.dark-theme .chapters-list-exam-link{color:#4ade80;background:#16a34a26;border-color:#16a34a4d}.dark-theme .chapters-list-exam-link:hover{color:#15803d;background:#16a34a40;box-shadow:0 4px 12px #16a34a4d}.chapters-list-created-date{color:#6b7280;font-size:14px}.dark-theme .chapters-list-created-date{color:#9ca3af}.chapters-list-actions-content{gap:8px;display:flex}.chapters-list-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.chapters-list-action-view{color:#2563eb;background:#dbeafe}.chapters-list-action-view:hover{background:#bfdbfe;transform:translateY(-2px)}.chapters-list-action-delete{color:#dc2626;background:#fee2e2}.chapters-list-action-delete:hover{background:#fecaca;transform:translateY(-2px)}.chapters-list-no-subject,.chapters-list-no-exam{color:#6b7280;font-size:14px;font-style:italic}.dark-theme .chapters-list-no-subject,.dark-theme .chapters-list-no-exam{color:#9ca3af}.chapters-list-loading,.chapters-list-error{text-align:center;padding:80px 0}.chapters-list-loading-text,.chapters-list-error-text{margin-bottom:24px;font-size:1.5rem}.chapters-list-error-text{color:#dc2626}.dark-theme .chapters-list-error-text{color:#ef4444}.chapters-list-retry-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.chapters-list-retry-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.chapters-list-empty{text-align:center;padding:60px 0}.chapters-list-empty-text{color:#6b7280;font-size:1.1rem;font-style:italic}.dark-theme .chapters-list-empty-text{color:#9ca3af}.chapters-list-item-deleting{opacity:.5;transition:all .3s;transform:scale(.95)}@media (max-width:1024px){.chapters-list-container{padding:24px}.chapters-list-title{font-size:1.5rem}.chapters-list-column-title{font-size:1rem}}@media (max-width:768px){.chapters-list-container{padding:20px}.chapters-list-header,.chapters-list-table-header,.chapters-list-item-content{flex-direction:column;align-items:flex-start;gap:16px}.chapters-list-column{margin-bottom:12px;padding:8px 0;width:100%!important}.chapters-list-actions-content{justify-content:flex-start}.chapters-list-icon{width:40px;height:40px;font-size:18px}.chapters-list-action-btn{flex:1;max-width:100%}.chapters-list-divider,.chapters-list-table-header{display:none}.chapters-list-name-content{flex-direction:row;align-items:center;gap:12px}.chapters-list-item-content{gap:1px}.chapters-list-name-content{gap:8px}.chapters-list-items{gap:12px}.chapters-list-item{padding:16px}}@media (max-width:480px){.chapters-list-container{padding:16px}.chapters-list-title{font-size:1.3rem}.chapters-list-total{font-size:1rem}.chapters-list-action-btn{width:32px;height:32px;font-size:14px}.chapters-list-created-date{display:none}}.chapters-list-search-container{margin-bottom:32px}.chapters-list-search{width:100%;max-width:500px}.chapters-list-search .search-common-input-wrapper{max-width:100%}.chapters-list-search .search-common-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;padding:14px 20px 14px 14px;font-size:1.1rem}.chapters-list-search .search-common-input:focus{background:#fff;border-color:#26c98f;box-shadow:0 0 0 3px #26c98f1a}.dark-theme .chapters-list-search .search-common-input{background:#374151;border-color:#4b5563}.dark-theme .chapters-list-search .search-common-input:focus{background:#1f2937;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.chapters-list-search .search-common-clear-btn{color:#6b7280;right:120px}.chapters-list-search .search-common-clear-btn:hover{color:#374151;background:#f3f4f6}.dark-theme .chapters-list-search .search-common-clear-btn{color:#9ca3af}.dark-theme .chapters-list-search .search-common-clear-btn:hover{color:#f3f4f6;background:#4b5563}.chapters-list-search .search-common-submit-btn{color:#fff;background:linear-gradient(135deg,#26c98f,#10b981);right:12px}.chapters-list-search .search-common-submit-btn:hover{transform:translateY(-50%)scale(1.02);box-shadow:0 4px 12px #26c98f4d}.chapters-list-search .search-common-submit-btn:active{transform:translateY(-50%)scale(.98)}.chapters-list-search .search-common-input-wrapper:before{content:"";color:#6b7280;font-size:18px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.dark-theme .chapters-list-search .search-common-input-wrapper:before{color:#9ca3af}@media (max-width:768px){.chapters-list-search-container{margin-bottom:24px}.chapters-list-search .search-common-input{padding:12px 16px 12px 48px;font-size:1rem}.chapters-list-search .search-common-clear-btn{right:110px}.chapters-list-search .search-common-input-wrapper:before{font-size:16px;left:16px}}@media (max-width:480px){.chapters-list-search-container{margin-bottom:20px}.chapters-list-search .search-common-input{padding:10px 14px 10px 44px;font-size:.95rem}.chapters-list-search .search-common-clear-btn{right:100px}.chapters-list-search .search-common-submit-btn{padding:10px 16px;font-size:.9rem}.chapters-list-search .search-common-input-wrapper:before{font-size:16px;left:14px}}.chapter-column-topics{width:12%}.chapters-list-topics{align-items:center;min-height:44px;display:flex}.chapters-list-topics-badge{border-radius:20px;justify-content:center;align-items:center;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.chapters-list-topics-badge.has-topics{color:#065f46;background:#d1fae5}.chapters-list-topics-badge.no-topics{color:#92400e;background:#fef3c7}.dark-theme .chapters-list-topics-badge.has-topics{color:#34d399;background:#10b98133}.dark-theme .chapters-list-topics-badge.no-topics{color:#fbbf24;background:#fbbf2433}@media (max-width:1024px){.chapter-column-topics{width:15%}}@media (max-width:768px){.chapter-column-topics{width:100%}}
.chapter-create-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .chapter-create-container{background:#1e293b;box-shadow:0 8px 24px #0003}.chapter-create-header{text-align:center;margin-bottom:32px}.chapter-create-title{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .chapter-create-title{color:#f3f4f6}.chapter-create-subtitle{color:#6b7280;margin:0;font-size:1.1rem}.dark-theme .chapter-create-subtitle{color:#9ca3af}.chapter-create-form{max-width:800px;margin:0 auto}.form-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-section{background:#fafafa;border:2px solid #f3f4f6;border-radius:12px;padding:24px}.dark-theme .form-section{background:#293444;border-color:#374151}.form-section-title{color:#111827;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:1.3rem;font-weight:600}.dark-theme .form-section-title{color:#f3f4f6;border-bottom-color:#374151}.form-group{margin-bottom:20px}.form-label{color:#374151;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.dark-theme .form-label{color:#d1d5db}.form-input,.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.dark-theme .form-input,.dark-theme .form-select{color:#f3f4f6;background:#374151;border-color:#4b5563}.form-input:focus,.form-select:focus{border-color:#2275fc;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.select-loading{color:#6b7280;align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:flex}.dark-theme .select-loading{color:#9ca3af}.select-loading .icon-loader{animation:1s linear infinite spin}.subject-preview{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px}.dark-theme .subject-preview{background:#374151;border-color:#4b5563}.subject-preview-header{justify-content:between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.subject-preview-name{color:#111827;margin:0;font-size:1.2rem;font-weight:600}.subject-preview-code{color:#374151;background:#e5e7eb;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600}.subject-preview-description{color:#6b7280;margin-bottom:16px;line-height:1.5}.stat-item{color:#6b7280;align-items:center;gap:6px;font-size:.9rem;display:flex}.dark-theme .stat-item{color:#9ca3af}.stat-item i{font-size:1rem}.form-error{color:#dc2626;background:#fee2e2;border:2px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:16px}.dark-theme .form-error{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.form-actions{border-top:2px solid #f3f4f6;justify-content:center;gap:16px;padding-top:24px;display:flex}.dark-theme .form-actions{border-top-color:#374151}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#2275fc}.btn-primary:hover:not(:disabled){background:#1a67e8;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#d1d5db;transform:translateY(-2px)}.dark-theme .btn-secondary{color:#d1d5db;background:#4b5563}.dark-theme .btn-secondary:hover:not(:disabled){background:#6b7280}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (max-width:768px){.chapter-create-container{padding:24px}.chapter-create-title{font-size:1.8rem}.form-section{padding:20px}.subject-preview-header{flex-direction:column;align-items:flex-start}.subject-preview-stats{flex-direction:column;gap:8px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.chapter-create-container{padding:20px}.chapter-create-title{font-size:1.5rem}.form-section{padding:16px}}.subject-preview-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.subject-preview-image{background:#f3f4f6;border-radius:12px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.dark-theme .subject-preview-image{background:#374151}.subject-preview-image img{object-fit:cover;width:100%;height:100%}.subject-preview-info{flex:1;min-width:0}.subject-preview-name{color:#111827;margin:0 0 4px;font-size:1.2rem;font-weight:600;line-height:1.3}.dark-theme .subject-preview-name{color:#f3f4f6}.subject-preview-code{color:#374151;background:#e5e7eb;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-block}.dark-theme .subject-preview-code{color:#d1d5db;background:#4b5563}.subject-preview-description{color:#6b7280;margin-bottom:16px;font-size:.9rem;line-height:1.5}.dark-theme .subject-preview-description{color:#9ca3af}.subject-preview-stats{gap:20px;display:flex}.stat-item{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;display:flex}.dark-theme .stat-item{color:#9ca3af;background:#374151;border-color:#4b5563}.stat-item i{color:#2275fc;font-size:1rem}.dark-theme .stat-item i{color:#3b82f6}@media (max-width:768px){.subject-preview-header{text-align:center;flex-direction:column;gap:12px}.subject-preview-image{width:80px;height:80px}.subject-preview-stats{flex-direction:column;gap:8px}.stat-item{justify-content:center}}.subject-preview-image{position:relative;overflow:hidden}.subject-preview-image:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:1.5s infinite loading;position:absolute;top:0;left:-100%}@keyframes loading{0%{left:-100%}to{left:100%}}.subject-preview-image.loaded:before{display:none}.subject-preview-image:hover{transition:transform .3s;transform:scale(1.05)}.subject-preview-image:focus{outline-offset:2px;outline:2px solid #2275fc}.dark-theme .subject-preview-image:focus{outline-color:#3b82f6}.switch-container{align-items:center;gap:16px;margin-top:4px;display:flex}.switch{flex-shrink:0;width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}.switch input:checked+.slider{background-color:#2275fc}.switch input:focus+.slider{box-shadow:0 0 1px #2275fc}.switch input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch-label{color:#374151;min-width:35px;font-size:.95rem;font-weight:500}.dark-theme .switch-label{color:#d1d5db}.switch input:disabled+.slider{opacity:.6;cursor:not-allowed}.form-hint{color:#6b7280;margin:6px 0 0;font-size:.85rem}.dark-theme .form-hint{color:#9ca3af}
.chapter-details-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .chapter-details-container{background:#1e293b;box-shadow:0 8px 24px #0003}.chapter-details-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dark-theme .chapter-details-header{border-bottom-color:#374151}.chapter-details-title-section h2.chapter-details-title{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .chapter-details-title-section h2.chapter-details-title{color:#f3f4f6}.chapter-details-id{color:#6b7280;font-size:1.1rem}.dark-theme .chapter-details-id{color:#9ca3af}.chapter-details-actions{align-items:center;gap:12px;display:flex}.chapter-details-card{background:#fafafa;border-radius:12px;gap:32px;margin-bottom:32px;padding:24px;display:flex}.dark-theme .chapter-details-card{background:#293444}.chapter-details-icon-section{flex-shrink:0}.chapter-details-icon.large{color:#fff;background:linear-gradient(135deg,#26c98f,#f7ac15);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;display:flex;box-shadow:0 4px 12px #0de9144d}.chapter-details-info-section{flex:1}.chapter-details-name{color:#111827;margin:0 0 16px;font-size:1.8rem;font-weight:700}.dark-theme .chapter-details-name{color:#f3f4f6}.chapter-details-meta{flex-direction:column;gap:8px;display:flex}.chapter-details-meta-item{align-items:center;gap:8px;display:flex}.chapter-details-meta-label{color:#374151;min-width:120px;font-weight:600}.dark-theme .chapter-details-meta-label{color:#d1d5db}.chapter-details-meta-value{color:#6b7280}.dark-theme .chapter-details-meta-value{color:#9ca3af}.chapter-details-related-info{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.chapter-details-info-section-card{background:#fafafa;border:2px solid #f3f4f6;border-radius:12px;padding:20px}.dark-theme .chapter-details-info-section-card{background:#293444;border-color:#374151}.chapter-details-info-section-title{color:#111827;margin:0 0 16px;font-size:1.3rem;font-weight:600}.dark-theme .chapter-details-info-section-title{color:#f3f4f6}.chapter-details-info-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;min-height:150px;padding:16px;display:flex}.dark-theme .chapter-details-info-card{background:#374151;border-color:#4b5563}.chapter-details-info-card-header{color:#10b981;align-items:center;gap:8px;margin-bottom:12px;display:flex}.dark-theme .chapter-details-info-card-header{color:#34d399}.chapter-details-info-card-header h4{margin:0;font-size:1.1rem;font-weight:600}.chapter-details-info-card-content{color:#374151;flex-grow:1;justify-content:center;align-items:center;display:flex}.dark-theme .chapter-details-info-card-content{color:#d1d5db}.chapter-details-no-info{color:#6b7280;font-style:italic}.dark-theme .chapter-details-no-info{color:#9ca3af}.chapter-details-exam-link,.chapter-details-subject-link{color:#2275fc;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 20px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.chapter-details-exam-link:hover,.chapter-details-subject-link:hover{background:#e6f0ff;border-color:#2275fc;transform:translateY(-2px);box-shadow:0 4px 12px #2275fc26}.dark-theme .chapter-details-exam-link,.dark-theme .chapter-details-subject-link{color:#3b82f6;background:#374151;border-color:#4b5563}.dark-theme .chapter-details-exam-link:hover,.dark-theme .chapter-details-subject-link:hover{background:#1e293b;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.chapter-details-edit-form{flex-direction:column;gap:16px;display:flex}.chapter-details-form-group{flex-direction:column;gap:8px;display:flex}.chapter-details-form-group label{color:#374151;font-weight:600}.dark-theme .chapter-details-form-group label{color:#d1d5db}.chapter-details-form-group input,.chapter-details-form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:1rem}.dark-theme .chapter-details-form-group input,.dark-theme .chapter-details-form-group select{color:#f3f4f6;background:#374151;border-color:#4b5563}.chapter-details-form-actions{gap:12px;margin-top:16px;display:flex}.chapter-details-btn-primary,.chapter-details-btn-secondary,.chapter-details-edit-btn,.chapter-details-back-btn,.chapter-details-retry-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.chapter-details-btn-primary{color:#fff;background:#10b981}.chapter-details-btn-primary:hover{background:#059669;transform:translateY(-2px)}.chapter-details-btn-secondary{color:#374151;background:#e5e7eb}.chapter-details-btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}.chapter-details-edit-btn{color:#d97706;background:#fef3c7}.chapter-details-edit-btn:hover{background:#fde68a;transform:translateY(-2px)}.chapter-details-back-btn{color:#374151;background:#e5e7eb}.chapter-details-back-btn:hover{background:#d1d5db;transform:translateY(-2px)}.chapter-details-retry-btn{color:#fff;background:#3b82f6;margin-right:12px}.chapter-details-retry-btn:hover{background:#2563eb;transform:translateY(-2px)}.chapter-details-loading,.chapter-details-error{text-align:center;padding:80px 0}.chapter-details-loading-text,.chapter-details-error-text{margin-bottom:24px;font-size:1.5rem}.chapter-details-error-text{color:#dc2626}.dark-theme .chapter-details-error-text{color:#ef4444}@media (max-width:768px){.chapter-details-container{padding:24px}.chapter-details-header{flex-direction:column;align-items:flex-start;gap:16px}.chapter-details-card{text-align:center;flex-direction:column}.chapter-details-icon.large{margin:0 auto}.chapter-details-related-info{grid-template-columns:1fr}}@media (max-width:480px){.chapter-details-container{padding:20px}.chapter-details-title-section h2.chapter-details-title,.chapter-details-name{font-size:1.5rem}.chapter-details-form-actions{flex-direction:column}.chapter-details-btn-primary,.chapter-details-btn-secondary{width:100%}}
.topics-list-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .topics-list-container{background:#1e293b;box-shadow:0 8px 24px #0003}.topics-list-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dark-theme .topics-list-header{border-bottom-color:#374151}.topics-list-title{color:#111827;margin:0;font-size:1.8rem;font-weight:700}.dark-theme .topics-list-title{color:#f3f4f6}.topics-list-header-info{align-items:center;gap:16px;display:flex}.topics-list-total{color:#6b7280;font-size:1.5rem;font-weight:500}.dark-theme .topics-list-total{color:#9ca3af}.topics-list-table{width:100%}.topics-list-table-header{gap:16px;margin-bottom:20px;padding:0 8px;display:flex}.topics-list-column{padding:12px 8px}.topics-list-column-title{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:1.2rem;font-weight:700}.dark-theme .topics-list-column-title{color:#d1d5db}.topic-column-name{width:30%}.topic-column-chapter{width:20%}.topic-column-exam,.topic-column-subject{width:18%}.topic-column-created{width:14%}.topic-column-actions{width:10%}.topics-list-divider{background-color:#e5e7eb;height:2px;margin-bottom:20px}.dark-theme .topics-list-divider{background-color:#374151}.topics-list-items{flex-direction:column;gap:16px;display:flex}.topics-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;transition:all .3s}.topics-list-item:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dark-theme .topics-list-item{background:#293445;border-color:#475569}.dark-theme .topics-list-item:hover{background:#334155;border-color:#64748b;box-shadow:0 8px 24px #0000004d}.topics-list-item-content,.topics-list-name-content{align-items:center;gap:16px;display:flex}.topics-list-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 4px 12px #8b5cf64d}.topics-list-details{min-width:0}.topics-list-name{color:#111827;margin-bottom:4px;font-size:14px;font-weight:600}.dark-theme .topics-list-name{color:#f3f4f6}.topics-list-system-id{color:#6b7280;font-size:12px}.dark-theme .topics-list-system-id{color:#9ca3af}.topics-list-chapter,.topics-list-exam,.topics-list-subject{align-items:center;gap:8px;min-height:44px;display:flex}.topics-list-link{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:10px 14px;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.topics-list-chapter-link{color:#7c3aed;background:#ede9fe;border-color:#ddd6fe}.topics-list-chapter-link:hover{color:#6d28d9;background:#ddd6fe;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.topics-list-exam-link{color:#16a34a;background:#d1fae5;border-color:#a7f3d0}.topics-list-exam-link:hover{color:#15803d;background:#a7f3d0;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a33}.topics-list-subject-link{color:#d97706;background:#ffedd5;border-color:#fed7aa}.topics-list-subject-link:hover{color:#b45309;background:#fed7aa;transform:translateY(-2px);box-shadow:0 4px 12px #d9770633}.dark-theme .topics-list-chapter-link{color:#a78bfa;background:#7c3aed26;border-color:#7c3aed4d}.dark-theme .topics-list-chapter-link:hover{color:#7c3aed;background:#7c3aed40;box-shadow:0 4px 12px #7c3aed4d}.dark-theme .topics-list-exam-link{color:#4ade80;background:#16a34a26;border-color:#16a34a4d}.dark-theme .topics-list-exam-link:hover{color:#15803d;background:#16a34a40;box-shadow:0 4px 12px #16a34a4d}.dark-theme .topics-list-subject-link{color:#fbbf24;background:#d9770626;border-color:#d977064d}.dark-theme .topics-list-subject-link:hover{color:#b45309;background:#d9770640;box-shadow:0 4px 12px #d977064d}.topics-list-no-chapter,.topics-list-no-exam,.topics-list-no-subject{color:#6b7280;font-size:14px;font-style:italic}.dark-theme .topics-list-no-chapter,.dark-theme .topics-list-no-exam,.dark-theme .topics-list-no-subject{color:#9ca3af}.topics-list-created-date{color:#6b7280;font-size:14px}.dark-theme .topics-list-created-date{color:#9ca3af}.topics-list-actions-content{gap:8px;display:flex}.topics-list-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.topics-list-action-view{color:#2563eb;background:#dbeafe}.topics-list-action-view:hover{background:#bfdbfe;transform:translateY(-2px)}.topics-list-action-edit{color:#16a34a;background:#d1fae5}.topics-list-action-edit:hover{background:#a7f3d0;transform:translateY(-2px)}.topics-list-action-delete{color:#dc2626;background:#fee2e2}.topics-list-action-delete:hover{background:#fecaca;transform:translateY(-2px)}.topics-list-loading,.topics-list-error{text-align:center;padding:80px 0}.topics-list-loading-text,.topics-list-error-text{margin-bottom:24px;font-size:1.5rem}.topics-list-error-text{color:#dc2626}.dark-theme .topics-list-error-text{color:#ef4444}.topics-list-retry-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.topics-list-retry-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.topics-list-empty{text-align:center;padding:60px 0}.topics-list-empty-text{color:#6b7280;font-size:1.1rem;font-style:italic}.dark-theme .topics-list-empty-text{color:#9ca3af}.topics-list-item-deleting{opacity:.5;transition:all .3s;transform:scale(.95)}.topics-list-search-container{margin-bottom:32px}.topics-list-search{width:100%;max-width:500px}.topics-list-search .search-common-input-wrapper{max-width:100%}.topics-list-search .search-common-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;padding:14px 20px 14px 14px;font-size:1.1rem}.topics-list-search .search-common-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.dark-theme .topics-list-search .search-common-input{background:#374151;border-color:#4b5563}.dark-theme .topics-list-search .search-common-input:focus{background:#1f2937;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.topics-list-search .search-common-clear-btn{color:#6b7280;right:120px}.topics-list-search .search-common-clear-btn:hover{color:#374151;background:#f3f4f6}.dark-theme .topics-list-search .search-common-clear-btn{color:#9ca3af}.dark-theme .topics-list-search .search-common-clear-btn:hover{color:#f3f4f6;background:#4b5563}.topics-list-search .search-common-submit-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);right:12px}.topics-list-search .search-common-submit-btn:hover{transform:translateY(-50%)scale(1.02);box-shadow:0 4px 12px #8b5cf64d}.topics-list-search .search-common-submit-btn:active{transform:translateY(-50%)scale(.98)}@media (max-width:1024px){.topics-list-container{padding:24px}.topics-list-title{font-size:1.5rem}.topics-list-column-title{font-size:1rem}}@media (max-width:768px){.topics-list-container{padding:20px}.topics-list-header,.topics-list-table-header,.topics-list-item-content{flex-direction:column;align-items:flex-start;gap:16px}.topics-list-column{margin-bottom:12px;padding:8px 0;width:100%!important}.topics-list-actions-content{justify-content:flex-start}.topics-list-icon{width:40px;height:40px;font-size:18px}.topics-list-divider,.topics-list-table-header{display:none}.topics-list-name-content{flex-direction:row;align-items:center;gap:12px}.topics-list-item-content{gap:1px}.topics-list-name-content{gap:8px}.topics-list-items{gap:12px}.topics-list-item{padding:16px}.topics-list-created-date{display:none}}@media (max-width:480px){.topics-list-container{padding:16px}.topics-list-title{font-size:1.3rem}.topics-list-total{font-size:1rem}.topics-list-action-btn{width:32px;height:32px;font-size:14px}.topics-list-search-container{margin-bottom:20px}.topics-list-search .search-common-input{padding:10px 14px 10px 44px;font-size:.95rem}.topics-list-search .search-common-clear-btn{right:100px}.topics-list-search .search-common-submit-btn{padding:10px 16px;font-size:.9rem}}
.topic-create-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .topic-create-container{background:#1e293b;box-shadow:0 8px 24px #0003}.topic-create-header{text-align:center;margin-bottom:32px}.topic-create-title{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .topic-create-title{color:#f3f4f6}.topic-create-subtitle{color:#6b7280;margin:0;font-size:1.1rem}.dark-theme .topic-create-subtitle{color:#9ca3af}.topic-create-form{max-width:800px;margin:0 auto}.form-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-section{background:#fafafa;border:2px solid #f3f4f6;border-radius:12px;padding:24px}.dark-theme .form-section{background:#293444;border-color:#374151}.form-section-title{color:#111827;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:1.3rem;font-weight:600}.dark-theme .form-section-title{color:#f3f4f6;border-bottom-color:#374151}.form-group{margin-bottom:20px}.form-label{color:#374151;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.dark-theme .form-label{color:#d1d5db}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.dark-theme .form-input{color:#f3f4f6;background:#374151;border-color:#4b5563}.form-input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.select-loading{color:#6b7280;align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:flex}.dark-theme .select-loading{color:#9ca3af}.select-loading .icon-loader{animation:1s linear infinite spin}.chapter-preview{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px}.dark-theme .chapter-preview{background:#374151;border-color:#4b5563}.chapter-preview-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.chapter-preview-info{flex:1;min-width:0}.chapter-preview-name{color:#111827;margin:0 0 8px;font-size:1.2rem;font-weight:600}.dark-theme .chapter-preview-name{color:#f3f4f6}.chapter-preview-details{flex-wrap:wrap;gap:12px;display:flex}.chapter-preview-exam,.chapter-preview-subject{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:4px 12px;font-size:.9rem}.dark-theme .chapter-preview-exam,.dark-theme .chapter-preview-subject{color:#d1d5db;background:#4b5563}.chapter-preview-meta{border-top:1px solid #e5e7eb;gap:20px;padding-top:16px;display:flex}.dark-theme .chapter-preview-meta{border-top-color:#4b5563}.meta-item{color:#6b7280;align-items:center;gap:6px;font-size:.85rem;display:flex}.dark-theme .meta-item{color:#9ca3af}.meta-item i{font-size:1rem}.form-error{color:#dc2626;background:#fee2e2;border:2px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:16px}.dark-theme .form-error{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.form-actions{border-top:2px solid #f3f4f6;justify-content:center;gap:16px;padding-top:24px;display:flex}.dark-theme .form-actions{border-top-color:#374151}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#8b5cf6}.btn-primary:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#d1d5db;transform:translateY(-2px)}.dark-theme .btn-secondary{color:#d1d5db;background:#4b5563}.dark-theme .btn-secondary:hover:not(:disabled){background:#6b7280}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (max-width:768px){.topic-create-container{padding:24px}.topic-create-title{font-size:1.8rem}.form-section{padding:20px}.chapter-preview-header{flex-direction:column;align-items:flex-start}.chapter-preview-details,.chapter-preview-meta{flex-direction:column;gap:8px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.topic-create-container{padding:20px}.topic-create-title{font-size:1.5rem}.form-section{padding:16px}}.no-chapters-message{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:.9rem}.dark-theme .no-chapters-message{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}
.topic-details-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .topic-details-container{background:#1e293b;box-shadow:0 8px 24px #0003}.topic-details-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dark-theme .topic-details-header{border-bottom-color:#374151}.topic-details-title-section h2.topic-details-title{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .topic-details-title-section h2.topic-details-title{color:#f3f4f6}.topic-details-id{color:#6b7280;font-size:1.1rem}.dark-theme .topic-details-id{color:#9ca3af}.topic-details-actions{align-items:center;gap:12px;display:flex}.topic-details-card{background:#fafafa;border-radius:12px;gap:32px;margin-bottom:32px;padding:24px;display:flex}.dark-theme .topic-details-card{background:#293444}.topic-details-icon-section{flex-shrink:0}.topic-details-icon.large{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;display:flex;box-shadow:0 4px 12px #8b5cf64d}.topic-details-info-section{flex:1}.topic-details-name{color:#111827;margin:0 0 16px;font-size:1.8rem;font-weight:700}.dark-theme .topic-details-name{color:#f3f4f6}.topic-details-meta{flex-direction:column;gap:8px;display:flex}.meta-item{align-items:center;gap:8px;display:flex}.meta-label{color:#374151;min-width:120px;font-weight:600}.dark-theme .meta-label{color:#d1d5db}.meta-value{color:#6b7280}.dark-theme .meta-value{color:#9ca3af}.topic-details-related-info{grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.topic-details-info-section-card{background:#fafafa;border:2px solid #f3f4f6;border-radius:12px;padding:20px}.dark-theme .topic-details-info-section-card{background:#293444;border-color:#374151}.topic-details-info-section-title{color:#111827;margin:0 0 16px;font-size:1.3rem;font-weight:600}.dark-theme .topic-details-info-section-title{color:#f3f4f6}.topic-details-info-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;min-height:150px;padding:16px;display:flex}.dark-theme .topic-details-info-card{background:#374151;border-color:#4b5563}.topic-details-info-card-header{color:#8b5cf6;align-items:center;gap:8px;margin-bottom:12px;display:flex}.dark-theme .topic-details-info-card-header{color:#a78bfa}.topic-details-info-card-header h4{margin:0;font-size:1.1rem;font-weight:600}.topic-details-info-card-content{color:#374151;flex-grow:1;justify-content:center;align-items:center;display:flex}.dark-theme .topic-details-info-card-content{color:#d1d5db}.topic-details-no-info{color:#6b7280;font-style:italic}.dark-theme .topic-details-no-info{color:#9ca3af}.topic-details-chapter-link,.topic-details-exam-link,.topic-details-subject-link{color:#7c3aed;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 20px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.topic-details-chapter-link:hover,.topic-details-exam-link:hover,.topic-details-subject-link:hover{background:#ede9fe;border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed26}.dark-theme .topic-details-chapter-link,.dark-theme .topic-details-exam-link,.dark-theme .topic-details-subject-link{color:#a78bfa;background:#374151;border-color:#4b5563}.dark-theme .topic-details-chapter-link:hover,.dark-theme .topic-details-exam-link:hover,.dark-theme .topic-details-subject-link:hover{background:#1e293b;border-color:#a78bfa;box-shadow:0 4px 12px #a78bfa33}.topic-details-edit-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#374151;font-weight:600}.dark-theme .form-group label{color:#d1d5db}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:1rem}.dark-theme .form-group input,.dark-theme .form-group select{color:#f3f4f6;background:#374151;border-color:#4b5563}.form-actions{gap:12px;margin-top:16px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:#7c3aed;transform:translateY(-2px)}.btn-secondary{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}.dark-theme .btn-secondary{color:#d1d5db;background:#4b5563}.dark-theme .btn-secondary:hover{background:#6b7280}.topic-details-edit-btn{cursor:pointer;color:#d97706;background:#fef3c7;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.topic-details-edit-btn:hover{background:#fde68a;transform:translateY(-2px)}.topic-details-back-btn{cursor:pointer;color:#374151;text-align:center;background:#e5e7eb;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.topic-details-back-btn:hover{background:#d1d5db;transform:translateY(-2px)}.topic-details-retry-btn{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:8px;margin-right:12px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.topic-details-retry-btn:hover{background:#2563eb;transform:translateY(-2px)}.topic-details-loading,.topic-details-error{text-align:center;padding:80px 0}.topic-details-loading-text,.topic-details-error-text{margin-bottom:24px;font-size:1.5rem}.topic-details-error-text{color:#dc2626}.dark-theme .topic-details-error-text{color:#ef4444}@media (max-width:1024px){.topic-details-related-info{grid-template-columns:1fr 1fr}}@media (max-width:768px){.topic-details-container{padding:24px}.topic-details-header{flex-direction:column;align-items:flex-start;gap:16px}.topic-details-card{text-align:center;flex-direction:column}.topic-details-icon.large{margin:0 auto}.topic-details-related-info{grid-template-columns:1fr}}@media (max-width:480px){.topic-details-container{padding:20px}.topic-details-title-section h2.topic-details-title,.topic-details-name{font-size:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}
.exams-list-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .exams-list-container{background:#1e293b;box-shadow:0 8px 24px #0003}.exams-list-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dark-theme .exams-list-header{border-bottom-color:#374151}.exams-list-title{color:#111827;margin:0;font-size:1.8rem;font-weight:700}.dark-theme .exams-list-title{color:#f3f4f6}.exams-list-header-info{align-items:center;gap:16px;display:flex}.exams-list-total{color:#6b7280;font-size:1.5rem;font-weight:500}.dark-theme .exams-list-total{color:#9ca3af}.exams-list-table{width:100%}.exams-list-table-header{gap:24px;margin-bottom:20px;padding:0 8px;display:flex}.exams-list-column{padding:12px 8px}.exams-list-column-title{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:1.2rem;font-weight:700}.dark-theme .exams-list-column-title{color:#d1d5db}.exams-list-column-name{width:25%}.exams-list-column-subject{width:20%}.exams-list-column-type{width:15%}.exams-list-column-created{width:25%}.exams-list-column-actions{width:15%}.exams-list-divider{background-color:#e5e7eb;height:2px;margin-bottom:20px}.dark-theme .exams-list-divider{background-color:#374151}.exams-list-items{flex-direction:column;gap:16px;display:flex}.exams-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;transition:all .3s}.exams-list-item:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dark-theme .exams-list-item{background:#293445;border-color:#475569}.dark-theme .exams-list-item:hover{background:#334155;border-color:#64748b;box-shadow:0 8px 24px #0000004d}.exams-list-item-content{align-items:center;gap:24px;display:flex}.exams-list-name-content{align-items:center;gap:16px;min-width:0;display:flex}.exams-list-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 4px 12px #f59e0b4d}.exams-list-details{min-width:0}.exams-list-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.dark-theme .exams-list-name{color:#f3f4f6}.exams-list-subject{align-items:center;gap:8px;display:flex}.exams-list-subject-link{color:#d97706;text-overflow:ellipsis;white-space:nowrap;background:#ffedd5;border:1px solid #fed7aa;border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:10px 14px;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.exams-list-subject-link:hover{color:#b45309;background:#fed7aa;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #d9770633}.dark-theme .exams-list-subject-link{color:#fbbf24;background:#d9770626;border-color:#d977064d}.dark-theme .exams-list-subject-link:hover{color:#b45309;background:#d9770640;box-shadow:0 4px 12px #d977064d}.exams-list-no-subject{color:#6b7280;font-size:14px;font-style:italic}.dark-theme .exams-list-no-subject{color:#9ca3af}.exams-list-type-badge{border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.exams-list-type-bg-paid{background-color:#d1fae5}.exams-list-type-bg-free{background-color:#dbeafe}.exams-list-type-bg-trial{background-color:#fef3c7}.exams-list-type-paid{color:#065f46}.exams-list-type-free{color:#1e40af}.exams-list-type-trial{color:#92400e}.dark-theme .exams-list-type-bg-paid{background-color:#065f46}.dark-theme .exams-list-type-bg-free{background-color:#1e3a8a}.dark-theme .exams-list-type-bg-trial{background-color:#92400e}.dark-theme .exams-list-type-paid{color:#34d399}.dark-theme .exams-list-type-free{color:#93c5fd}.dark-theme .exams-list-type-trial{color:#fbbf24}.exams-list-created-date{color:#6b7280;font-size:14px}.dark-theme .exams-list-created-date{color:#9ca3af}.exams-list-actions-content{gap:8px;display:flex}.exams-list-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.exams-list-action-view{color:#2563eb;background:#dbeafe}.exams-list-action-view:hover{background:#bfdbfe;transform:translateY(-2px)}.exams-list-action-delete{color:#dc2626;background:#fee2e2}.exams-list-action-delete:hover{background:#fecaca;transform:translateY(-2px)}.exams-list-loading,.exams-list-error{text-align:center;padding:80px 0}.exams-list-loading-text,.exams-list-error-text{margin-bottom:24px;font-size:1.5rem}.exams-list-error-text{color:#dc2626}.dark-theme .exams-list-error-text{color:#ef4444}.exams-list-retry-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.exams-list-retry-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.exams-list-empty{text-align:center;padding:60px 0}.exams-list-empty-text{color:#6b7280;font-size:1.1rem;font-style:italic}.dark-theme .exams-list-empty-text{color:#9ca3af}.exams-list-item-deleting{opacity:.5;transition:all .3s;transform:scale(.95)}.exams-list-icon-credit-card:before{content:"💳"}.exams-list-icon-gift:before{content:"🎁"}.exams-list-icon-clock:before{content:"⏱️"}@media (max-width:1024px){.exams-list-container{padding:24px}.exams-list-title{font-size:1.5rem}.exams-list-column-title{font-size:1rem}}@media (max-width:768px){.exams-list-container{padding:20px}.exams-list-header,.exams-list-table-header,.exams-list-item-content{flex-direction:column;align-items:flex-start;gap:16px}.exams-list-column{margin-bottom:12px;padding:8px 0;width:100%!important}.exams-list-actions-content{justify-content:flex-start}.exams-list-icon{width:40px;height:40px;font-size:18px}.exams-list-action-btn{flex:1;max-width:100%}.exams-list-divider,.exams-list-table-header{display:none}.exams-list-name-content{flex-direction:row;align-items:center;gap:12px}.exams-list-item-content{gap:1px}.exams-list-name-content{gap:8px}.exams-list-items{gap:12px}.exams-list-item{padding:16px}}@media (max-width:480px){.exams-list-container{padding:16px}.exams-list-title{font-size:1.3rem}.exams-list-total{font-size:1rem}.exams-list-action-btn{width:32px;height:32px;font-size:14px}.exams-list-created-date{display:none}}.exams-list-search-container{margin-bottom:32px}.exams-list-search{width:100%;max-width:500px}.exams-list-search .search-common-input-wrapper{max-width:100%}.exams-list-search .search-common-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;padding:14px 20px 14px 14px;font-size:1.1rem}.exams-list-search .search-common-input:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.dark-theme .exams-list-search .search-common-input{background:#374151;border-color:#4b5563}.dark-theme .exams-list-search .search-common-input:focus{background:#1f2937;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.exams-list-search .search-common-clear-btn{color:#6b7280;right:120px}.exams-list-search .search-common-clear-btn:hover{color:#374151;background:#f3f4f6}.dark-theme .exams-list-search .search-common-clear-btn{color:#9ca3af}.dark-theme .exams-list-search .search-common-clear-btn:hover{color:#f3f4f6;background:#4b5563}.exams-list-search .search-common-submit-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);right:12px}.exams-list-search .search-common-submit-btn:hover{transform:translateY(-50%)scale(1.02);box-shadow:0 4px 12px #f59e0b4d}.exams-list-search .search-common-submit-btn:active{transform:translateY(-50%)scale(.98)}.exams-list-search .search-common-input-wrapper:before{content:"";color:#6b7280;font-size:18px;position:absolute;transform:translateY(-50%)}.dark-theme .exams-list-search .search-common-input-wrapper:before{color:#9ca3af}@media (max-width:768px){.exams-list-search-container{margin-bottom:24px}.exams-list-search .search-common-input{padding:12px 16px 12px 48px;font-size:1rem}.exams-list-search .search-common-clear-btn{right:110px}.exams-list-search .search-common-input-wrapper:before{font-size:16px;left:16px}}@media (max-width:480px){.exams-list-search-container{margin-bottom:20px}.exams-list-search .search-common-input{padding:10px 14px 10px 44px;font-size:.95rem}.exams-list-search .search-common-clear-btn{right:100px}.exams-list-search .search-common-submit-btn{padding:10px 16px;font-size:.9rem}.exams-list-search .search-common-input-wrapper:before{font-size:16px;left:14px}}
.exam-create-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .exam-create-container{background:#1e293b;box-shadow:0 8px 24px #0003}.exam-create-header{text-align:center;margin-bottom:32px}.exam-create-title{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .exam-create-title{color:#f3f4f6}.exam-create-subtitle{color:#6b7280;margin:0;font-size:1.1rem}.dark-theme .exam-create-subtitle{color:#9ca3af}.exam-create-form{max-width:800px;margin:0 auto}.form-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-section{background:#fafafa;border:2px solid #f3f4f6;border-radius:12px;padding:24px}.dark-theme .form-section{background:#293444;border-color:#374151}.form-section-title{color:#111827;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:1.3rem;font-weight:600}.dark-theme .form-section-title{color:#f3f4f6;border-bottom-color:#374151}.form-group{margin-bottom:20px}.form-label{color:#374151;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.dark-theme .form-label{color:#d1d5db}.form-input,.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.dark-theme .form-input,.dark-theme .form-select{color:#f3f4f6;background:#374151;border-color:#4b5563}.form-input:focus,.form-select:focus{border-color:#2275fc;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.select-loading{color:#6b7280;align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:flex}.dark-theme .select-loading{color:#9ca3af}.select-loading .icon-loader{animation:1s linear infinite spin}.chapter-preview{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px}.dark-theme .chapter-preview{background:#374151;border-color:#4b5563}.chapter-preview-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.chapter-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.chapter-preview-info{flex:1;min-width:0}.chapter-preview-name{color:#111827;margin:0 0 4px;font-size:1.2rem;font-weight:600;line-height:1.3}.dark-theme .chapter-preview-name{color:#f3f4f6}.chapter-preview-subject{color:#374151;background:#e5e7eb;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-block}.dark-theme .chapter-preview-subject{color:#d1d5db;background:#4b5563}.chapter-preview-meta{gap:16px;display:flex}.meta-item{color:#6b7280;align-items:center;gap:6px;font-size:.9rem;display:flex}.dark-theme .meta-item{color:#9ca3af}.meta-item i{color:#2275fc;font-size:1rem}.dark-theme .meta-item i{color:#3b82f6}.exam-type-preview{text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px}.dark-theme .exam-type-preview{background:#374151;border-color:#4b5563}.exam-type-description{color:#6b7280;margin-top:12px;font-size:.9rem;line-height:1.5}.dark-theme .exam-type-description{color:#9ca3af}.exam-type-badge{border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:1.1rem;font-weight:600;line-height:1.2;display:inline-flex}.exam-type-bg-paid{background-color:#d1fae5}.exam-type-bg-free{background-color:#dbeafe}.exam-type-bg-trial{background-color:#fef3c7}.exam-type-paid{color:#065f46}.exam-type-free{color:#1e40af}.exam-type-trial{color:#92400e}.dark-theme .exam-type-bg-paid{background-color:#065f46}.dark-theme .exam-type-bg-free{background-color:#1e3a8a}.dark-theme .exam-type-bg-trial{background-color:#92400e}.dark-theme .exam-type-paid{color:#34d399}.dark-theme .exam-type-free{color:#93c5fd}.dark-theme .exam-type-trial{color:#fbbf24}.form-error{color:#dc2626;background:#fee2e2;border:2px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:16px}.dark-theme .form-error{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.form-actions{border-top:2px solid #f3f4f6;justify-content:center;gap:16px;padding-top:24px;display:flex}.dark-theme .form-actions{border-top-color:#374151}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#2275fc}.btn-primary:hover:not(:disabled){background:#1a67e8;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#d1d5db;transform:translateY(-2px)}.dark-theme .btn-secondary{color:#d1d5db;background:#4b5563}.dark-theme .btn-secondary:hover:not(:disabled){background:#6b7280}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (max-width:768px){.exam-create-container{padding:24px}.exam-create-title{font-size:1.8rem}.form-section{padding:20px}.chapter-preview-header{text-align:center;flex-direction:column;gap:12px}.chapter-preview-meta{flex-direction:column;gap:8px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.exam-create-container{padding:20px}.exam-create-title{font-size:1.5rem}.form-section{padding:16px}.exam-type-badge{padding:10px 16px;font-size:12px}}
.exam-details-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .exam-details-container{background:#1e293b;box-shadow:0 8px 24px #0003}.exam-details-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dark-theme .exam-details-header{border-bottom-color:#374151}.exam-details-title-section h2.exam-details-title{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .exam-details-title-section h2.exam-details-title{color:#f3f4f6}.exam-details-id{color:#6b7280;font-size:1.1rem}.dark-theme .exam-details-id{color:#9ca3af}.exam-details-actions{align-items:center;gap:12px;display:flex}.exam-details-card{background:#fafafa;border-radius:12px;gap:32px;margin-bottom:32px;padding:24px;display:flex}.dark-theme .exam-details-card{background:#293444}.exam-details-icon-section{flex-shrink:0}.exam-details-icon.large{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;display:flex}.exam-details-info-section{flex:1}.exam-details-name{color:#111827;margin:0 0 16px;font-size:1.8rem;font-weight:700}.dark-theme .exam-details-name{color:#f3f4f6}.exam-details-type-display{margin-bottom:24px}.exam-details-type-badge{border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.exam-details-type-bg-paid{background-color:#fef3c7}.exam-details-type-paid{color:#d97706}.exam-details-type-bg-free{background-color:#dcfce7}.exam-details-type-free{color:#16a34a}.exam-details-meta{flex-direction:column;gap:8px;display:flex}.exam-details-meta-item{align-items:center;gap:8px;display:flex}.exam-details-meta-label{color:#374151;min-width:120px;font-weight:600}.dark-theme .exam-details-meta-label{color:#d1d5db}.exam-details-meta-value{color:#6b7280}.dark-theme .exam-details-meta-value{color:#9ca3af}.exam-details-related-info{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.exam-details-info-section-card{background:#fafafa;border:2px solid #f3f4f6;border-radius:12px;padding:20px}.dark-theme .exam-details-info-section-card{background:#293444;border-color:#374151}.exam-details-info-section-title{color:#111827;margin:0 0 16px;font-size:1.3rem;font-weight:600}.dark-theme .exam-details-info-section-title{color:#f3f4f6}.exam-details-info-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px}.dark-theme .exam-details-info-card{background:#374151;border-color:#4b5563}.exam-details-info-card-header{color:#2275fc;align-items:center;gap:8px;margin-bottom:12px;display:flex}.dark-theme .exam-details-info-card-header{color:#3b82f6}.exam-details-info-card-header h4{margin:0;font-size:1.1rem;font-weight:600}.exam-details-info-card-content{color:#374151}.dark-theme .exam-details-info-card-content{color:#d1d5db}.exam-details-no-info{color:#6b7280;font-style:italic}.dark-theme .exam-details-no-info{color:#9ca3af}.exam-details-subject-link{color:#2275fc;font-weight:500;text-decoration:none;transition:color .2s}.exam-details-subject-link:hover{color:#1a67e8;text-decoration:underline}.dark-theme .exam-details-subject-link{color:#3b82f6}.dark-theme .exam-details-subject-link:hover{color:#2563eb}.exam-details-edit-form{flex-direction:column;gap:16px;display:flex}.exam-details-form-group{flex-direction:column;gap:8px;display:flex}.exam-details-form-group label{color:#374151;font-weight:600}.dark-theme .exam-details-form-group label{color:#d1d5db}.exam-details-form-group input,.exam-details-form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:1rem}.dark-theme .exam-details-form-group input,.dark-theme .exam-details-form-group select{color:#f3f4f6;background:#374151;border-color:#4b5563}.exam-details-form-actions{gap:12px;margin-top:16px;display:flex}.exam-details-btn-primary,.exam-details-btn-secondary,.exam-details-edit-btn,.exam-details-back-btn,.exam-details-retry-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.exam-details-btn-primary{color:#fff;background:#2275fc}.exam-details-btn-primary:hover{background:#1a67e8;transform:translateY(-2px)}.exam-details-btn-secondary{color:#374151;background:#e5e7eb}.exam-details-btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}.exam-details-edit-btn{color:#d97706;background:#fef3c7}.exam-details-edit-btn:hover{background:#fde68a;transform:translateY(-2px)}.exam-details-back-btn{color:#374151;background:#e5e7eb}.exam-details-back-btn:hover{background:#d1d5db;transform:translateY(-2px)}.exam-details-retry-btn{color:#fff;background:#3b82f6;margin-right:12px}.exam-details-retry-btn:hover{background:#2563eb;transform:translateY(-2px)}.exam-details-loading,.exam-details-error{text-align:center;padding:80px 0}.exam-details-loading-text,.exam-details-error-text{margin-bottom:24px;font-size:1.5rem}.exam-details-error-text{color:#dc2626}.dark-theme .exam-details-error-text{color:#ef4444}@media (max-width:768px){.exam-details-container{padding:24px}.exam-details-header{flex-direction:column;align-items:flex-start;gap:16px}.exam-details-card{text-align:center;flex-direction:column}.exam-details-icon.large{margin:0 auto}.exam-details-related-info{grid-template-columns:1fr}}@media (max-width:480px){.exam-details-container{padding:20px}.exam-details-title-section h2.exam-details-title,.exam-details-name{font-size:1.5rem}.exam-details-form-actions{flex-direction:column}.exam-details-btn-primary,.exam-details-btn-secondary{width:100%}}
.questions-list-container{background:#fff;border-radius:20px;max-width:1600px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .questions-list-container{background:#1e293b;box-shadow:0 4px 20px #0003}.questions-list-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;display:flex}.dark-theme .questions-list-header{border-bottom-color:#334155}.questions-list-title{color:#0f172a;margin:0;font-size:2rem;font-weight:700}.dark-theme .questions-list-title{color:#f8fafc}.questions-list-header-info{align-items:center;gap:20px;display:flex}.questions-list-total{color:#64748b;font-size:1.1rem;font-weight:500}.dark-theme .questions-list-total{color:#94a3b8}.questions-list-table{width:100%}.questions-list-table-header{gap:24px;margin-bottom:20px;padding:0 12px;display:flex}.questions-list-column{padding:16px 8px}.questions-list-column-title{color:#334155;text-transform:uppercase;letter-spacing:.5px;font-size:1.1rem;font-weight:700}.dark-theme .questions-list-column-title{color:#cbd5e1}questions-list-column-sid{width:10%}.questions-list-column-chapter,.questions-list-column-exam,.questions-list-column-subject,.questions-list-column-created,.questions-list-column-actions{width:15%}.questions-list-divider{background:linear-gradient(90deg,#0000 0%,#e2e8f0 20% 80%,#0000 100%);height:2px;margin-bottom:24px}.dark-theme .questions-list-divider{background:linear-gradient(90deg,#0000 0%,#475569 20% 80%,#0000 100%)}.questions-list-items{flex-direction:column;gap:16px;display:flex}.questions-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;transition:all .3s}.questions-list-item:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dark-theme .questions-list-item{background:#293445;border-color:#475569}.dark-theme .questions-list-item:hover{background:#334155;border-color:#64748b;box-shadow:0 8px 24px #0000004d}.questions-list-item-content{align-items:center;gap:24px;display:flex}.questions-list-title-content{align-items:flex-start;gap:16px;display:flex}.questions-list-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#26c98f);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;box-shadow:0 4px 12px #8b5cf64d}.questions-list-details{flex:1;min-width:0}.questions-list-question-title{color:#1e293b;word-break:break-word;margin:0 0 8px;font-size:1.2rem;font-weight:600;line-height:1.4}.dark-theme .questions-list-question-title{color:#f1f5f9}.questions-list-images{color:#64748b;align-items:center;gap:6px;font-size:.85rem;display:flex}.dark-theme .questions-list-images{color:#94a3b8}.questions-list-images-count{align-items:center;gap:4px;display:flex}.questions-list-chapter,.questions-list-exam,.questions-list-subject{align-items:center;gap:8px;min-height:44px;display:flex}.questions-list-link{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:10px 14px;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.questions-list-chapter .questions-list-link{color:#3b82f6;background:#eff6ff;border-color:#dbeafe}.questions-list-chapter .questions-list-link:hover{color:#2563eb;background:#dbeafe;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.questions-list-exam .questions-list-link{color:#16a34a;background:#d1fae5;border-color:#a7f3d0}.questions-list-exam .questions-list-link:hover{color:#15803d;background:#a7f3d0;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a33}.questions-list-subject .questions-list-link{color:#d97706;background:#ffedd5;border-color:#fed7aa}.questions-list-subject .questions-list-link:hover{color:#b45309;background:#fed7aa;transform:translateY(-2px);box-shadow:0 4px 12px #d9770633}.dark-theme .questions-list-chapter .questions-list-link{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.dark-theme .questions-list-exam .questions-list-link{color:#4ade80;background:#16a34a26;border-color:#16a34a4d}.dark-theme .questions-list-subject .questions-list-link{color:#fbbf24;background:#d9770626;border-color:#d977064d}.dark-theme .questions-list-chapter .questions-list-link:hover{color:#3b82f6;background:#3b82f640;box-shadow:0 4px 12px #3b82f64d}.dark-theme .questions-list-exam .questions-list-link:hover{color:#15803d;background:#16a34a40;box-shadow:0 4px 12px #16a34a4d}.dark-theme .questions-list-subject .questions-list-link:hover{color:#b45309;background:#d9770640;box-shadow:0 4px 12px #d977064d}.questions-list-no-chapter,.questions-list-no-exam,.questions-list-no-subject{color:#94a3b8;align-items:center;min-height:44px;padding:10px 14px;font-size:.9rem;font-style:italic;display:flex}.questions-list-created-date{color:#64748b;text-align:center;justify-content:center;align-items:center;min-height:44px;padding:10px 0;font-size:.9rem;font-weight:500;display:flex}.dark-theme .questions-list-created-date{color:#94a3b8}.questions-list-actions-content{justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.questions-list-action-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.questions-list-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.questions-list-action-view{color:#2563eb;background:#dbeafe}.questions-list-action-view:hover{background:#bfdbfe}.questions-list-action-edit{color:#d97706;background:#fef3c7}.questions-list-action-edit:hover{background:#fde68a}.questions-list-action-delete{color:#dc2626;background:#fee2e2}.questions-list-action-delete:hover{background:#fecaca}.questions-list-loading,.questions-list-error{text-align:center;padding:80px 0}.questions-list-loading-text,.questions-list-error-text{margin-bottom:24px;font-size:1.5rem;font-weight:500}.questions-list-error-text{color:#dc2626}.dark-theme .questions-list-error-text{color:#ef4444}.questions-list-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.questions-list-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.questions-list-empty{text-align:center;padding:60px 0}.questions-list-empty-text{color:#64748b;font-size:1.1rem;font-style:italic}.dark-theme .questions-list-empty-text{color:#94a3b8}.questions-list-item-deleting{opacity:.5;transition:all .3s;transform:scale(.95)}@media (max-width:1200px){.questions-list-column-title{width:20%}.questions-list-column-chapter,.questions-list-column-exam,.questions-list-column-subject,.questions-list-column-created{width:15%}.questions-list-column-actions{width:20%}}@media (max-width:1024px){.questions-list-container{padding:24px}.questions-list-title{font-size:1.8rem}.questions-list-table-header{gap:16px}}@media (max-width:768px){.questions-list-container{border-radius:16px;padding:20px}.questions-list-header{flex-direction:column;align-items:flex-start;gap:16px}.questions-list-header-info{flex-direction:column;align-items:flex-start;gap:12px}.questions-list-table-header{display:none}.questions-list-item-content{flex-direction:column;align-items:flex-start;gap:20px}.questions-list-column{margin-bottom:16px;padding:0;width:100%!important}.questions-list-title-content{flex-direction:row;align-items:flex-start;gap:12px}.questions-list-actions-content{justify-content:flex-start;width:100%}.questions-list-item{padding:20px}.questions-list-icon{width:44px;height:44px;font-size:20px}.questions-list-link{justify-content:flex-start}}@media (max-width:480px){.questions-list-container{border-radius:12px;padding:16px}.questions-list-title{font-size:1.5rem}.questions-list-total{font-size:1rem}.questions-list-item{padding:16px}.questions-list-action-btn{width:36px;height:36px;font-size:14px}.questions-list-link{padding:8px 12px;font-size:.9rem}}.questions-list-item-wrapper{align-items:stretch;gap:16px;display:flex}.questions-list-system-id-item{color:#293445;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;padding:24px 20px;display:flex}.dark-theme .questions-list-system-id-item{color:#fff;background:#293445;border-color:#475569}.questions-list-system-id-value{margin-bottom:4px;font-size:1.1rem;font-weight:700}.questions-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex:1;padding:24px 20px;transition:all .3s}.questions-list-column-title{width:30%}.questions-list-column-chapter,.questions-list-column-exam,.questions-list-column-subject,.questions-list-column-created,.questions-list-column-actions{width:14%}@media (max-width:1200px){.questions-list-column-title{width:25%}.questions-list-column-chapter,.questions-list-column-exam,.questions-list-column-subject,.questions-list-column-created,.questions-list-column-actions{width:15%}}@media (max-width:768px){.questions-list-item-wrapper{flex-direction:column;gap:12px}}.questions-list-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:32px;padding:24px}.dark-theme .questions-list-filters{background:#293445;border-color:#475569}.questions-list-search-box{margin-bottom:20px}.questions-list-search-input-wrapper{max-width:400px;position:relative}.questions-list-filter-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.questions-list-filter-group{flex:1;min-width:200px}.questions-list-filter-label{color:#374151;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.dark-theme .questions-list-filter-label{color:#d1d5db}.questions-list-filter-select{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}.questions-list-filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.questions-list-filter-select:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.dark-theme .questions-list-filter-select{color:#f9fafb;background:#374151;border-color:#4b5563}.dark-theme .questions-list-filter-select:disabled{color:#6b7280;background:#4b5563}.questions-list-filter-actions{gap:12px;margin-left:auto;display:flex}.questions-list-apply-btn,.questions-list-reset-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.questions-list-apply-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.questions-list-apply-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.questions-list-reset-btn{color:#fff;background:#6b7280}.questions-list-reset-btn:hover{background:#4b5563;transform:translateY(-2px)}@media (max-width:768px){.questions-list-filters{padding:20px}.questions-list-filter-row{flex-direction:column}.questions-list-filter-group{min-width:100%}.questions-list-filter-actions{justify-content:stretch;width:100%;margin-left:0}.questions-list-apply-btn,.questions-list-reset-btn{flex:1;justify-content:center}}.questions-list-search-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:32px;padding:24px}.dark-theme .questions-list-search-section{background:#293445;border-color:#475569}.questions-list-search-form{align-items:flex-start;gap:12px;display:flex}.questions-list-search-input-wrapper{flex:1;max-width:400px;position:relative}.questions-list-search-icon{color:#64748b;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.questions-list-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px 12px 48px;font-size:1rem;transition:all .3s}.questions-list-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.dark-theme .questions-list-search-input{color:#f9fafb;background:#374151;border-color:#4b5563}.dark-theme .questions-list-search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.questions-list-clear-search{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.questions-list-clear-search:hover{color:#374151;background:#f3f4f6}.dark-theme .questions-list-clear-search:hover{color:#f9fafb;background:#4b5563}.questions-list-search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.questions-list-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.questions-list-search-results{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.dark-theme .questions-list-search-results{background:#374151;border-color:#4b5563}.questions-list-search-text{color:#64748b;font-size:.9rem}.dark-theme .questions-list-search-text{color:#d1d5db}.questions-list-search-text strong{color:#374151;font-weight:600}.dark-theme .questions-list-search-text strong{color:#f9fafb}.questions-list-clear-results{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem;transition:all .3s}.questions-list-clear-results:hover{background:#4b5563}@media (max-width:768px){.questions-list-search-section{padding:20px}.questions-list-search-form{flex-direction:column;gap:12px}.questions-list-search-input-wrapper{max-width:100%}.questions-list-search-btn{justify-content:center;width:100%}.questions-list-search-results{flex-direction:column;align-items:flex-start;gap:8px}}.questions-list-column-topic{width:12%}.questions-list-topic{align-items:center;gap:8px;min-height:44px;display:flex}.questions-list-topic .questions-list-link{color:#8b5cf6;background:#ede9fe;border-color:#ddd6fe}.questions-list-topic .questions-list-link:hover{color:#7c3aed;background:#ddd6fe;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.dark-theme .questions-list-topic .questions-list-link{color:#a78bfa;background:#8b5cf626;border-color:#8b5cf64d}.dark-theme .questions-list-topic .questions-list-link:hover{color:#7c3aed;background:#8b5cf640;box-shadow:0 4px 12px #8b5cf64d}.questions-list-no-topic{color:#94a3b8;align-items:center;min-height:44px;padding:10px 14px;font-size:.9rem;font-style:italic;display:flex}@media (max-width:1200px){.questions-list-column-topic{width:10%}}@media (max-width:768px){.questions-list-column-topic{width:100%}}
.question-create-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .question-create-container{background:#1e293b;box-shadow:0 8px 24px #0003}.question-create-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.dark-theme .question-create-header{border-bottom-color:#374151}.question-create-header-content{flex:1}.question-create-title{color:#111827;margin:0 0 8px;font-size:2.5rem;font-weight:700}.dark-theme .question-create-title{color:#f3f4f6}.question-create-subtitle{color:#6b7280;margin:0;font-size:1.125rem}.dark-theme .question-create-subtitle{color:#9ca3af}.question-create-back-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.question-create-back-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.dark-theme .question-create-back-btn{color:#f3f4f6;background:#374151}.dark-theme .question-create-back-btn:hover{background:#4b5563}.question-create-alert{border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-weight:500;display:flex}.alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.dark-theme .alert-error{color:#fecaca;background:#7f1d1d;border-color:#991b1b}.dark-theme .alert-success{color:#bbf7d0;background:#14532d;border-color:#166534}.question-create-alert-close{cursor:pointer;opacity:.7;color:inherit;background:0 0;border:none;margin-left:auto;transition:opacity .2s}.question-create-alert-close:hover{opacity:1}.question-create-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 12px #00000014}.dark-theme .question-create-card{background:#1e293b;border-color:#374151;box-shadow:0 4px 12px #0003}.question-create-card-header{border-bottom:2px solid #f3f4f6;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.dark-theme .question-create-card-header{border-bottom-color:#374151}.question-create-card-icon{color:#3b82f6;font-size:1.5rem}.question-create-card-title{color:#111827;margin:0;font-size:1.5rem;font-weight:600}.dark-theme .question-create-card-title{color:#f3f4f6}.question-create-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.question-create-field{flex-direction:column;gap:8px;display:flex}.question-create-label{color:#374151;align-items:center;gap:8px;font-weight:600;display:flex}.dark-theme .question-create-label{color:#d1d5db}.question-create-input,.question-create-textarea,.question-create-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:1rem;transition:all .2s}.dark-theme .question-create-input,.dark-theme .question-create-textarea,.dark-theme .question-create-select{color:#f3f4f6;background:#374151;border-color:#4b5563}.question-create-input:focus,.question-create-textarea:focus,.question-create-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.question-create-textarea{resize:vertical;min-height:100px}.question-create-select-wrapper{position:relative}.question-create-select-arrow{pointer-events:none;color:#6b7280;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.dark-theme .question-create-select-arrow{color:#9ca3af}.option-correct{background:#ecfdf5;border-color:#10b981}.dark-theme .option-correct{background:#064e3b;border-color:#047857}.option-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.option-actions{align-items:center;gap:12px;display:flex}.option-radio{color:#6b7280;cursor:pointer;align-items:center;gap:6px;font-size:.875rem;display:flex}.option-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.option-remove-btn:hover{background:#fef2f2}.dark-theme .option-remove-btn:hover{background:#7f1d1d}.question-create-images-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:20px;display:grid}.question-create-image-card{border:2px solid #e5e7eb;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.dark-theme .question-create-image-card{border-color:#4b5563}.image-remove-btn{color:#fff;cursor:pointer;z-index:10;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.image-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.question-create-add-option-btn,.question-create-add-image-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:inline-flex}.question-create-add-option-btn:hover,.question-create-add-image-btn:hover{background:#e5e7eb;border-color:#9ca3af}.dark-theme .question-create-add-option-btn,.dark-theme .question-create-add-image-btn{color:#d1d5db;background:#374151;border-color:#4b5563}.dark-theme .question-create-add-option-btn:hover,.dark-theme .question-create-add-image-btn:hover{background:#4b5563;border-color:#6b7280}.question-create-actions{border-top:2px solid #f3f4f6;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;display:flex}.dark-theme .question-create-actions{border-top-color:#374151}.question-create-cancel-btn,.question-create-submit-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-weight:600;transition:all .2s;display:flex}.question-create-cancel-btn{color:#374151;background:#f3f4f6}.question-create-cancel-btn:hover{background:#e5e7eb}.dark-theme .question-create-cancel-btn{color:#d1d5db;background:#374151}.dark-theme .question-create-cancel-btn:hover{background:#4b5563}.question-create-submit-btn{color:#fff;background:#3b82f6}.question-create-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.question-create-submit-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.question-create-container{padding:16px}.question-create-header{flex-direction:column;align-items:flex-start;gap:16px}.question-create-title{font-size:2rem}.question-create-grid,.question-create-options-grid{grid-template-columns:1fr}.question-create-actions{flex-direction:column}.question-create-cancel-btn,.question-create-submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.question-create-card{padding:16px}.option-header{flex-direction:column;align-items:flex-start;gap:12px}.option-actions{justify-content:space-between;width:100%}}.option-input-group{margin-bottom:16px}.option-input-label{color:#374151;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.dark-theme .option-input-label{color:#d1d5db}.option-explanation{resize:vertical;min-height:80px}.option-correct{background:#10b9810d;border:2px solid #10b981}.dark-theme .option-correct{background:#10b9811a}.question-create-textarea.over-explanation{min-height:100px}.option-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.dark-theme .option-header{border-bottom-color:#767a81}.option-letter{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:700;display:flex}.option-radio{cursor:pointer;color:#374151;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.dark-theme .option-radio{color:#d1d5db}.option-radio-input{display:none}.option-radio-checkmark{border:2px solid #d1d5db;border-radius:50%;width:18px;height:18px;transition:all .2s;display:inline-block;position:relative}.option-radio-input:checked+.option-radio-checkmark{background:#10b981;border-color:#10b981}.option-radio-input:checked+.option-radio-checkmark:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.option-radio-input:disabled+.option-radio-checkmark{opacity:.5;cursor:not-allowed}@media (max-width:768px){.option-header{flex-direction:column;align-items:flex-start;gap:12px}.option-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.option-input-group{margin-bottom:12px}}.question-create-options-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px;display:grid}.question-create-option{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.dark-theme .question-create-option{background:#293444;border-color:#374151}.question-create-option:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-theme .question-create-option:hover{box-shadow:0 4px 12px #0000004d}.question-create-loading{color:#6b7280;align-items:center;gap:8px;margin-top:8px;font-size:.875rem;display:flex}.dark-theme .question-create-loading{color:#9ca3af}.animate-spin{animation:1s linear infinite spin}.references-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.dark-theme .references-card{background:#1e293b;border-color:#374151}.references-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.reference-item{align-items:center;gap:8px;display:flex}.reference-input{border:2px solid #d1d5db;border-radius:8px;flex:1;padding:12px 16px;font-size:1rem;transition:all .2s}.reference-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.dark-theme .reference-input{color:#f3f4f6;background:#374151;border-color:#4b5563}.reference-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.reference-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.add-reference-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:inline-flex}.add-reference-btn:hover{background:#e5e7eb;border-color:#3b82f6}.dark-theme .add-reference-btn{color:#d1d5db;background:#374151;border-color:#4b5563}.dark-theme .add-reference-btn:hover{background:#4b5563;border-color:#3b82f6}.option-images-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.option-images-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.add-option-image-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:.375rem;padding:.25rem .5rem;font-size:.875rem;transition:all .2s}.add-option-image-btn:hover{color:#374151;background:#e5e7eb}.option-images-grid{gap:1rem;display:grid}.option-image-card{position:relative}.option-image-card .image-remove-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;top:.5rem;right:.5rem}.dark-theme .option-images-section{border-top:1px solid #374151;margin-top:1rem;padding-top:1rem}.dark-theme .option-images-header{color:#d1d5db;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dark-theme .add-option-image-btn{color:#9ca3af;cursor:pointer;background:#1f2937;border:1px dashed #4b5563;border-radius:.375rem;padding:.25rem .5rem;font-size:.875rem;transition:all .2s}.dark-theme .add-option-image-btn:hover{color:#f3f4f6;background:#374151}.dark-theme .option-images-grid{gap:1rem;display:grid}.dark-theme .option-image-card{position:relative}.dark-theme .option-image-card .image-remove-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;top:.5rem;right:.5rem}.highlight-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:20px;transition:all .2s;box-shadow:0 4px 12px #0000000d}.dark-theme .highlight-card{background:#1e293b;border-color:#374151;box-shadow:0 4px 12px #0003}.highlight-card-header{border-bottom:2px solid #e5e7eb;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.dark-theme .highlight-card-header{color:#d1d5db;border-bottom-color:#374151}.highlight-card-icon{color:#f59e0b;font-size:1.5rem}.highlight-card-title{color:#111827;margin:0;font-size:1.5rem;font-weight:600}.dark-theme .highlight-card-title{color:#f3f4f6}.highlight-card-content{flex-direction:column;gap:12px;display:flex}.highlight-item{align-items:center;gap:12px;display:flex}.highlight-input{border:2px solid #d1d5db;border-radius:12px;flex:1;padding:12px 16px;font-size:1rem;transition:all .2s}.highlight-input:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b33}.dark-theme .highlight-input{color:#f3f4f6;background:#374151;border-color:#4b5563}.highlight-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.highlight-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.highlight-add-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:inline-flex}.highlight-add-btn:hover{background:#e5e7eb;border-color:#f59e0b}.dark-theme .highlight-add-btn{color:#d1d5db;background:#374151;border-color:#4b5563}.dark-theme .highlight-add-btn:hover{background:#4b5563;border-color:#f59e0b}.question-create-grid{flex-direction:column;gap:20px;width:100%;display:flex}.question-create-field{flex-direction:column;gap:8px;width:100%;display:flex}.question-create-input,.question-create-textarea,.question-create-select{box-sizing:border-box;width:100%;max-width:none}.rich-text-editor-container,.rich-text-editor,.rich-text-editor .ql-toolbar,.rich-text-editor .ql-container{width:100%}.question-create-select-wrapper{width:100%;position:relative}.question-create-form,.question-create-card-content{width:100%}@media (max-width:768px){.question-create-grid{gap:16px}}@media (max-width:480px){.question-create-grid{gap:12px}}.question-create-no-topics{color:#d97706;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:.875rem;display:flex}.dark-theme .question-create-no-topics{color:#fbbf24;background:#451a03;border-color:#78350f}.question-create-no-topics i{font-size:1rem}.question-create-main-layout{grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);align-items:start;gap:24px;display:grid}.question-create-main-fields{flex-direction:column;gap:20px;min-width:0;display:flex}.question-create-images-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;min-width:0;padding:18px}.dark-theme .question-create-images-panel{background:#293444;border-color:#374151}.question-create-images-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.question-create-images-panel-title{color:#374151;flex-wrap:wrap;align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.dark-theme .question-create-images-panel-title{color:#d1d5db}.question-create-images-panel-title i{color:#3b82f6;font-size:1.15rem}.question-create-images-optional{color:#6b7280;font-size:.75rem;font-weight:500}.dark-theme .question-create-images-optional{color:#9ca3af}.question-create-images-panel .question-create-images-grid{grid-template-columns:1fr;gap:14px;margin-bottom:0;display:grid}.question-create-images-panel .question-create-image-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;position:relative;overflow:hidden}.dark-theme .question-create-images-panel .question-create-image-card{background:#1f2937;border-color:#4b5563}.question-create-images-panel .question-create-add-image-btn{justify-content:center;width:100%;margin-top:14px}@media (max-width:1024px){.question-create-main-layout{grid-template-columns:1fr}.question-create-images-panel{order:-1}.question-create-images-panel .question-create-images-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.question-create-images-panel-header{flex-direction:column;align-items:stretch}.question-create-images-panel .question-create-add-image-btn{width:100%}}