body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.image-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;background:#000000f2;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:99999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-modal-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;position:fixed;right:20px;top:20px;transition:background .2s ease,transform .2s ease;width:48px;z-index:100000}.image-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.image-modal-img{animation:modalZoomIn .25s ease-out;border-radius:8px;box-shadow:0 10px 50px #00000080;height:auto;max-height:90vh;max-width:95vw;object-fit:contain;width:auto}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.question-image-container.clickable{cursor:zoom-in;position:relative}.question-image-container.clickable:after{background:#0009;border-radius:20px;bottom:12px;color:#fff;content:"🔍";font-size:14px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:12px;transition:opacity .2s ease}.question-image-container.clickable:hover:after{opacity:1}.question-image-container.clickable:hover .question-image{opacity:.95}.upload-preview-clickable{cursor:zoom-in;position:relative}.question-image-container.clickable:hover .question-image,.upload-preview-clickable:hover img{opacity:.9}:root{--primary-color:#ff6b35;--primary-dark:#e85a2a;--secondary-color:#2c3e50;--success-color:#27ae60;--danger-color:#e74c3c;--warning-color:#f39c12;--background-color:#f5f7fa;--card-background:#fff;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--border-color:#e0e0e0;--shadow:0 4px 6px #0000001a;--shadow-hover:0 8px 25px #00000026;--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:#f5f7fa;background-color:var(--background-color);color:#2c3e50;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:20px}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#ff6b35;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#e85a2a;background-color:var(--primary-dark);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary{background-color:#2c3e50;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{opacity:.9}.btn-success{background-color:#27ae60;background-color:var(--success-color);color:#fff}.btn-danger{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.btn-outline{background-color:initial;border:2px solid #ff6b35;border:2px solid var(--primary-color);color:#ff6b35;color:var(--primary-color)}.btn-outline:hover{background-color:#ff6b35;background-color:var(--primary-color);color:#fff}.btn-lg{font-size:1.125rem;padding:16px 32px}.btn-sm{font-size:.875rem;padding:8px 16px}.btn-block{width:100%}.card{background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:20px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:16px}.card-title{color:#2c3e50;color:var(--text-primary);font-size:1.25rem;font-weight:700}.stat-card{padding:20px 16px;text-align:center}.stat-card:hover{transform:translateY(-2px)}.stat-value{color:#ff6b35;color:var(--primary-color);font-size:2.25rem;font-weight:700}.stat-label{color:#7f8c8d;color:var(--text-secondary);font-size:.875rem;margin-top:8px}.navbar{background-color:#fff;background-color:var(--card-background);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-brand{color:#ff6b35;color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-nav{display:flex;gap:12px;list-style:none}.nav-link{border-radius:12px;border-radius:var(--border-radius);color:#2c3e50;color:var(--text-primary);font-weight:500;padding:10px 16px;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background-color:#ff6b35;background-color:var(--primary-color);color:#fff}.form-group{margin-bottom:20px}.form-label{color:#2c3e50;color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.form-control{border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-size:1rem;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-control:focus{border-color:#ff6b35;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b3533;outline:none}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%232C3E50' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.answer-buttons{display:flex;flex-wrap:wrap;gap:12px}.answer-btn,.answer-buttons-center{justify-content:center}.answer-btn{align-items:center;background:#fff;border:3px solid #e0e0e0;border:3px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:60px;transition:all .3s ease;width:60px}.answer-btn:hover{transform:scale(1.1)}.answer-btn.selected,.answer-btn:hover{border-color:#ff6b35;border-color:var(--primary-color)}.answer-btn.selected{background-color:#ff6b35;background-color:var(--primary-color);color:#fff}.answer-btn.correct{background-color:#27ae60;background-color:var(--success-color);border-color:#27ae60;border-color:var(--success-color);color:#fff}.answer-btn.wrong{background-color:#e74c3c;background-color:var(--danger-color);border-color:#e74c3c;border-color:var(--danger-color);color:#fff}.question-image-container{margin-bottom:24px;text-align:center}.question-image{border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);max-height:450px;object-fit:contain;width:100%}.upload-preview-img{border-radius:12px;border-radius:var(--border-radius);max-height:350px;max-width:100%;object-fit:contain}.file-upload{background-color:#fafafa;border:3px dashed #e0e0e0;border:3px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.file-upload:hover{background-color:#fff5f2;border-color:#ff6b35;border-color:var(--primary-color)}.file-upload.has-file{background-color:#f0fff4;border-color:#27ae60;border-color:var(--success-color)}.file-upload-icon{font-size:3rem;margin-bottom:16px}.file-upload-icon,.file-upload-text{color:#7f8c8d;color:var(--text-secondary)}.file-upload-text{font-size:1rem}.upload-buttons-container{display:flex;gap:12px;justify-content:center;margin-top:16px}.upload-action-btn{flex:1 1;font-size:.95rem;max-width:180px;padding:14px 20px}.upload-action-btn:first-child{background:linear-gradient(135deg,#ff6b35,#ff8f66);background:linear-gradient(135deg,var(--primary-color),#ff8f66)}.upload-action-btn:last-child{background:linear-gradient(135deg,#2c3e50,#3d5369);background:linear-gradient(135deg,var(--secondary-color),#3d5369)}.lesson-list{list-style:none}.lesson-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px;transition:all .3s ease}.lesson-item:hover{background-color:#f5f5f5}.lesson-item:last-child{border-bottom:none}.lesson-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.lesson-name{color:#2c3e50;color:var(--text-primary);font-weight:600}.lesson-counts{display:flex;flex-wrap:wrap;gap:8px}.question-count-badge{background-color:#2c3e50;background-color:var(--secondary-color)}.question-count-badge,.review-count-badge{border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.review-count-badge{background-color:#f39c12;background-color:var(--warning-color)}.topic-badge{background-color:#ff6b35;background-color:var(--primary-color);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px;white-space:nowrap}.topic-list{background-color:#f9f9f9;padding:12px 20px}.topic-item{align-items:center;border-radius:8px;color:#2c3e50;color:var(--text-primary);display:flex;justify-content:space-between;padding:12px 10px;text-decoration:none;transition:background-color .2s ease}.topic-item:hover{background-color:#f0f0f0}.topic-question-count{background-color:#27ae60;background-color:var(--success-color);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.topic-item-all{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#ff6b35;color:var(--primary-color);font-weight:600;margin-bottom:8px;padding-bottom:12px}.page-title{color:#2c3e50;color:var(--text-primary);font-size:1.75rem;font-weight:700}.dashboard-header,.review-header{align-items:center;display:flex;justify-content:space-between}.review-title{font-size:1.5rem;font-weight:700}.review-progress{background:#fff;background:var(--card-background);border-radius:20px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:#7f8c8d;color:var(--text-secondary);font-size:1rem;font-weight:600;padding:8px 16px}.dashboard-bottom-grid,.dashboard-main-grid,.question-info-grid,.upload-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.alert{border-radius:12px;border-radius:var(--border-radius);margin-bottom:20px;padding:16px 20px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.result-alert{font-size:1.125rem;font-weight:500}.breadcrumb{align-items:center;color:#7f8c8d;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin-bottom:16px}.breadcrumb-separator{color:#e0e0e0;color:var(--border-color)}.breadcrumb a{color:#ff6b35;color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-top-color:#ff6b35;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#7f8c8d;color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:16px}.empty-state-title{color:#2c3e50;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:8px}.quick-actions{display:flex;flex-wrap:wrap;gap:16px}.action-buttons{display:flex;gap:16px;justify-content:center}.chart-container{min-height:280px;width:100%}.text-center{text-align:center}.text-primary{color:#ff6b35;color:var(--primary-color)}.text-success{color:#27ae60;color:var(--success-color)}.text-danger{color:#e74c3c;color:var(--danger-color)}.text-secondary{color:#7f8c8d;color:var(--text-secondary)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:80px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.pt-5{padding-top:80px}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}@media (max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.dashboard-bottom-grid,.dashboard-main-grid,.question-info-grid,.upload-grid{grid-template-columns:1fr}.stat-value{font-size:2rem}}@media (max-width:768px){.container{padding:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.navbar{padding:12px 0}.navbar-content{padding:0 16px}.navbar-brand{font-size:1.25rem}.nav-link{font-size:.9rem;padding:8px 12px}.card{margin-bottom:16px;padding:20px}.card:hover{transform:none}.card-title{font-size:1.1rem}.stat-card{padding:16px 12px}.stat-value{font-size:1.75rem}.stat-label{font-size:.8rem}.btn-lg{font-size:1rem;padding:14px 24px}.form-control{font-size:16px;padding:12px 14px}.answer-btn{font-size:1.1rem;height:54px;width:54px}.question-image{max-height:350px}.page-title{font-size:1.5rem}.review-title{font-size:1.25rem}.quick-actions{flex-direction:column}.quick-actions .btn{width:100%}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.chart-container{min-height:220px}.file-upload{padding:30px 16px}.file-upload-icon{font-size:2.5rem}.upload-buttons-container{flex-direction:column}.upload-action-btn{max-width:100%;width:100%}}@media (max-width:480px){.container{padding:12px}.navbar-brand{font-size:1.1rem}.navbar-nav{gap:6px}.nav-link{font-size:.85rem;padding:6px 10px}.card{border-radius:10px;padding:16px}.grid-4.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px 10px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.answer-btn{border-width:2px;font-size:1rem;height:48px;width:48px}.answer-buttons{gap:10px}.question-image{max-height:280px}.upload-preview-img{max-height:250px}.page-title{font-size:1.35rem}.btn{font-size:.9rem;padding:10px 18px}.btn-sm{font-size:.8rem;padding:6px 12px}.lesson-item{padding:14px 12px}.topic-badge{font-size:.7rem;padding:4px 10px}.empty-state{padding:40px 16px}.empty-state-icon{font-size:3rem}.empty-state-title{font-size:1.1rem}h1{font-size:1.35rem}h2{font-size:1.2rem}h3{font-size:1.05rem}.alert{font-size:.9rem;padding:14px 16px}.result-alert{font-size:1rem}.breadcrumb{font-size:.85rem;gap:6px}.review-progress{font-size:.9rem;padding:6px 12px}}@media print{.btn,.navbar{display:none}.card{border:1px solid #ddd;box-shadow:none}}
/*# sourceMappingURL=main.dae1d5d1.css.map*/