@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-dark:#1a202c;--bg-card:#2d3748;--text-main:#f7fafc;--text-muted:#a0aec0;--border-color:#4a5568;--accent-color:#3182ce;--accent-hover:#2b6cb0;--success-color:#48bb78;--danger-color:#e53e3e}body{background-color:#1a202c;background-color:var(--bg-dark);color:#f7fafc;color:var(--text-main);font-family:Inter,sans-serif;margin:0;min-height:100vh;overflow-y:auto;transition:background-color .3s}*{box-sizing:border-box}.app{display:flex;min-height:100vh;width:100%}.sidebar-wrapper{height:100%}.sidebar,.sidebar-wrapper{display:flex;flex-direction:column}.sidebar{background:#2d3748;background:var(--bg-card);border-right:1px solid #4a5568;border-right:1px solid var(--border-color);height:100vh;min-width:280px;overflow-y:auto;padding:24px 12px;position:-webkit-sticky;position:sticky;top:0;width:280px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#4a5568;background-color:var(--border-color);border-radius:4px}.sidebar-header{align-items:center;border-bottom:1px solid #4a5568;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:10px;padding:0 16px 16px}.close-sidebar-btn{display:none}.item{border-radius:8px;color:#a0aec0;color:var(--text-muted);cursor:pointer;font-size:15px;font-weight:500;margin-bottom:4px;padding:12px 16px;transition:all .2s}.item:hover{background-color:#4a5568;color:#fff}.lesson.active{background-color:#2c5282;color:#fff}.sub{border-left:2px solid #4a5568;border-left:2px solid var(--border-color);margin-left:12px;padding-left:18px}.sub:hover{border-left-color:#a0aec0;border-left-color:var(--text-muted)}.sub.active{border-left-color:#3182ce;border-left-color:var(--accent-color);color:#3182ce;color:var(--accent-color);font-weight:600}.type{font-size:13px;margin-left:24px;padding-left:15px}.page-container{background-color:#1a202c;background-color:var(--bg-dark);display:flex;flex:1 1;flex-direction:column;min-height:100vh;padding:40px;position:relative}.page-header{align-items:center;border-bottom:1px solid #4a5568;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.page-header h1{color:#f7fafc;color:var(--text-main);flex:1 1;font-size:20px;margin:0}.add-question-btn{background:#3182ce;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.question-wrapper{gap:20px;margin:auto;max-width:900px}.nav-btn-desktop,.question-wrapper{align-items:center;display:flex;justify-content:center}.nav-btn-desktop{background:#2d3748;background:var(--bg-card);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:50%;color:#f7fafc;color:var(--text-main);cursor:pointer;flex-shrink:0;font-size:24px;height:50px;transition:transform .2s;width:50px}.nav-btn-desktop:not(:disabled):hover{transform:scale(1.1)}.nav-btn-desktop:disabled{cursor:not-allowed;opacity:.3}.question-card{background:#2d3748;background:var(--bg-card);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 15px -3px #0000004d;color:#f7fafc;color:var(--text-main);display:flex;flex:1 1;flex-direction:column;min-height:500px;padding:20px;position:relative}.delete-btn{background:#0000;border:none;color:#e53e3e;color:var(--danger-color);cursor:pointer;font-size:18px;opacity:.6;position:absolute;right:15px;top:15px}.delete-btn:hover{opacity:1}.action-buttons{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding-right:30px}.action-btn{background:#0003;border:1px solid;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 12px}.action-btn.incorrect{background:#e53e3e33;border-color:#e53e3e;color:#fc8181}.action-btn.correct{background:#48bb7833;border-color:#48bb78;color:#68d391}.spacer{width:80px}.counter-text{color:#a0aec0;color:var(--text-muted);font-size:14px}.image-container{flex:1 1;margin-bottom:20px;position:relative}.image-container,.zoom-btn{align-items:center;display:flex;justify-content:center}.zoom-btn{background:#0009;border:none;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;font-size:20px;height:40px;position:absolute;right:10px;transition:background .2s;width:40px;z-index:10}.zoom-btn:hover{background:#000c}.zoom-modal{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.zoom-content{max-height:95vh;max-width:95vw;position:relative}.zoom-content img{border-radius:8px;max-height:95vh;max-width:100%;object-fit:contain}.close-zoom-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:30px;position:absolute;right:0;top:-40px}.question-image{border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:8px;max-height:400px;max-width:100%;object-fit:contain}.answer-section{border-top:1px dashed #4a5568;border-top:1px dashed var(--border-color);padding-top:20px;text-align:center}.show-answer-btn{background:#4a5568;border:none;border-radius:50px;color:#fff;cursor:pointer;padding:10px 30px}.answer-content{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav-controls{display:none;gap:10px;margin-top:20px}.mobile-nav-btn{background:#1a202c;background:var(--bg-dark);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:8px;color:#f7fafc;color:var(--text-main);cursor:pointer;flex:1 1;font-weight:500;padding:12px}.mobile-nav-btn:active{background:#4a5568}.mobile-nav-btn.small-btn{flex:0 0 50px;font-size:20px;padding:0}.mobile-nav-btn.small-btn,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;bottom:0;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#2d3748;background:var(--bg-card);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:450px;overflow-y:auto;padding:30px;width:100%}.form-group{margin-bottom:15px}.form-group label{color:#a0aec0;color:var(--text-muted);display:block;margin-bottom:5px}.modal-actions{margin-top:20px;text-align:right}.cancel-btn{background:#0000;border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:4px;color:#a0aec0;color:var(--text-muted);margin-right:10px}.cancel-btn,.save-btn{cursor:pointer;padding:8px 16px}.save-btn{background:#3182ce;background:var(--accent-color);border:none;border-radius:4px;color:#fff}.snackbar{animation:slideIn .3s ease-out forwards;background-color:#48bb78;background-color:var(--success-color);border-radius:8px;bottom:30px;color:#fff;padding:16px 24px;position:fixed;right:30px;z-index:2000}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-answer-btn{background:#0000;border:1px solid #a0aec0;border:1px solid var(--text-muted);border-radius:4px;color:#a0aec0;color:var(--text-muted);cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.edit-answer-btn:hover{background:#ffffff0d;border-color:#f7fafc;border-color:var(--text-main);color:#f7fafc;color:var(--text-main)}.loading-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}.loading-content{background:#2d3748;background:var(--bg-card);border-radius:12px;box-shadow:0 4px 20px #0006;padding:30px;text-align:center;width:300px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left:4px solid var(--accent-color);border-radius:50%;height:40px;margin:0 auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.progress-bar-container{background:#ffffff1a;border-radius:5px;height:10px;margin-top:15px;overflow:hidden}.progress-bar-fill{background:#48bb78;background:var(--success-color);height:100%;transition:width .2s ease;width:0}.nav-desktop-group{align-items:center;display:flex;gap:10px}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.exam-generator{align-items:center;display:flex;gap:8px}.exam-count-input{background:#1a202c;background:var(--bg-dark);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:6px;color:#f7fafc;color:var(--text-main);font-family:Inter,sans-serif;font-size:14px;outline:none;padding:8px 12px;text-align:center;transition:border-color .2s;width:90px}.exam-count-input:focus{border-color:#3182ce;border-color:var(--accent-color)}.exam-count-input::placeholder{color:#a0aec0;color:var(--text-muted);font-size:12px}.exam-count-input::-webkit-inner-spin-button,.exam-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.exam-generate-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.exam-generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #ed893666;transform:translateY(-1px)}.exam-generate-btn:disabled{cursor:not-allowed;opacity:.6}.audio-player-container{align-items:center;background:#3182ce1a;border:1px solid #3182ce40;border-radius:10px;display:flex;flex-direction:column;gap:6px;margin-top:16px;padding:12px 16px}.audio-label{color:#3182ce;color:var(--accent-color);font-size:13px;font-weight:600}.audio-player{border-radius:20px;height:36px;max-width:360px;width:100%}.answer-edit-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}.audio-record-section{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:14px}.record-btn{background:#e53e3e26;border:1px solid #e53e3e66;border-radius:50px;color:#fc8181;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .2s}.record-btn:hover{background:#e53e3e4d;color:#fff}.modal-record-btn{margin-top:4px;width:100%}.recording-active{align-items:center;background:#e53e3e1a;border:1px solid #e53e3e4d;border-radius:10px;display:flex;gap:12px;justify-content:center;padding:10px 16px;width:100%}.recording-indicator{align-items:center;color:#fc8181;display:flex;font-size:14px;font-weight:600;gap:8px}.recording-dot{animation:pulse 1s infinite;background:#e53e3e;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.stop-record-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px}.recorded-preview{align-items:center;flex-direction:column;width:100%}.recorded-actions,.recorded-preview{display:flex;gap:8px}.save-record-btn{background:#48bb78;background:var(--success-color);border:none;border-radius:6px;color:#fff;font-weight:600}.discard-record-btn,.save-record-btn{cursor:pointer;font-size:13px;padding:6px 16px}.discard-record-btn{background:#0000;border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:6px;color:#a0aec0;color:var(--text-muted)}@media (max-width:768px){.app{flex-direction:column;height:100vh;overflow:hidden}.hamburger-menu{align-items:center;background:#1a202c;background:var(--bg-dark);border-bottom:1px solid #4a5568;border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;height:50px;left:0;padding:0 16px;position:fixed;right:0;top:0;width:100%;z-index:50}.sidebar{border:none;bottom:0;height:100vh!important;left:0;padding:16px;position:fixed!important;right:0;top:0;width:100%!important;z-index:9999}.sidebar-wrapper{height:auto!important;overflow:visible}.close-sidebar-btn{display:block}.page-container{height:calc(100vh - 50px);margin-top:50px;overflow-y:auto;padding:12px}.page-header h1{font-size:16px;text-align:center}.add-question-btn{width:100%}.header-actions{flex-direction:column;width:100%}.exam-generator{width:100%}.exam-count-input{flex:0 0 70px}.exam-generate-btn{flex:1 1;font-size:12px}.nav-btn-desktop{display:none!important}.question-card{margin-bottom:20px;min-height:auto;padding:16px}.mobile-nav-controls{display:flex}.action-buttons{gap:8px;padding-right:0}.action-btn{font-size:13px}.question-image{width:100%}.question-card img,.question-image{max-height:50vh!important}.snackbar{bottom:16px;justify-content:center;left:16px;right:16px}}
/*# sourceMappingURL=main.7de9318a.css.map*/