:root{--color-primary:#f04f3f;--color-secondary:#f99d1c;--color-accent:#bcafd6;--color-background:#fff7fa;--font-family:"Lato",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff7fa;background-color:var(--color-background);font-family:Lato,sans-serif;font-family:var(--font-family)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.login-container{align-items:center;background:#fff7fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:650px;overflow:hidden;width:100%}.login-header{background:#ffebee;padding:40px 30px;text-align:center}.login-logo{height:60px;margin-bottom:10px;object-fit:contain}.login-header p{font-size:1.1rem;opacity:.95}.login-content{padding:40px 30px}.login-content h2{color:#333;font-size:1.8rem;margin-bottom:10px}.login-content>p{color:#666;margin-bottom:30px}.google-login-btn{align-items:center;background:#fff;border:2px solid #f04f3f;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.google-login-btn:hover:not(:disabled){background:#fff7fa;border-color:#f04f3f;box-shadow:0 4px 12px #f04f3f33}.google-login-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ffebee;border:1px solid #f04f3f;border-radius:6px;color:#f04f3f}.login-footer{background:#f8f9fa;color:#666;font-size:.9rem;padding:20px 30px;text-align:center}.info-icon{font-size:3.5rem;margin:0 0 20px;text-align:center}.main-message{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:30px;text-align:center}.info-section{background:#f8f9fa;border-left:4px solid #f04f3f;border-radius:8px;margin:25px 0;padding:20px}.info-section h3{color:#333;font-size:1.2rem;margin:0 0 12px}.info-section p{color:#666;line-height:1.6;margin:8px 0}.info-section code{background:#2d3748;border-radius:6px;color:#68d391;display:block;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.8;margin:12px 0;overflow-x:auto;padding:15px}@media (max-width:768px){.login-card{max-width:100%}.login-header h1{font-size:2rem}.info-section{padding:15px}}.course-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:24px;position:relative;transition:all .3s ease}.course-card:hover{border-color:#f04f3f;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.course-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.course-card-header h3{color:#333;flex:1 1;font-size:1.3rem;margin:0;word-break:break-word}.delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.delete-btn:hover{background:#ffebee;color:#f04f3f}.course-description{font-size:.95rem;line-height:1.5;margin-bottom:15px}.course-meta{color:#888;flex-direction:column;font-size:.85rem;gap:5px;margin-bottom:15px}.course-date{display:block}.progress-section{align-items:center;display:flex;gap:10px;margin:15px 0}.progress-bar{background:#e0e0e0;border-radius:10px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:#f99d1c;border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#f99d1c;font-size:.9rem;font-weight:600;min-width:40px}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;margin:10px 0;padding:6px 12px}.status-not_started{background:#f0f0f0;color:#666}.status-in_progress{background:#f3e5f5;color:#bcafd6}.status-completed{background:#fff3e0;color:#f99d1c}.score-section{background:#f8f9fa;border-radius:6px;font-size:.95rem;margin:10px 0;padding:10px}.score-section strong{color:#333}.course-actions{margin-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #f04f3f66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #f99d1c;color:#f99d1c}.btn-secondary:hover{background:#fff7fa;border-color:#f04f3f;color:#f04f3f}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:30px;width:100%}.modal-content h3{color:#333;font-size:1.5rem;margin-bottom:15px}.modal-content p{color:#666;line-height:1.6;margin-bottom:25px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-delete{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-delete{background:#f04f3f;color:#fff}.btn-delete:hover:not(:disabled){background:#d9463a}.btn-cancel:disabled,.btn-delete:disabled{cursor:not-allowed;opacity:.6}.dashboard-container{background-color:#fff7fa;min-height:100vh}.dashboard-header{background:#fff7fa;border-bottom:2px solid #f04f3f;box-shadow:0 2px 10px #0000001a;color:#333}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px 30px}.dashboard-logo{height:40px;object-fit:contain}.header-right{gap:20px}.header-right,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-badge{background:#bcafd6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.user-avatar{border:2px solid #f04f3f;border-radius:50%;height:40px;width:40px}.admin-panel-btn{background:#f04f3f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.admin-panel-btn:hover{background:#d9463a;box-shadow:0 4px 12px #f04f3f4d;transform:translateY(-1px)}.logout-btn{background:#fff;border:2px solid #f04f3f;border-radius:6px;color:#f04f3f;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:#f04f3f;color:#fff}.dashboard-main{margin:0 auto;max-width:1400px;padding:40px 30px}.dashboard-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-actions h2{color:#333;font-size:2rem}.upload-btn{background:#f04f3f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.upload-btn:hover{background:#d9463a;box-shadow:0 4px 12px #f04f3f66;transform:translateY(-2px)}.empty-state,.loading{padding:60px 20px;text-align:center}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:500px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#333;font-size:1.5rem;margin-bottom:10px}.empty-state p{color:#666;margin-bottom:30px}.upload-btn-primary{background:#f04f3f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.upload-btn-primary:hover{background:#d9463a;box-shadow:0 6px 20px #f04f3f66;transform:translateY(-2px)}.courses-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.courses-grid{grid-template-columns:1fr}.dashboard-actions,.header-content{flex-direction:column;gap:15px}.dashboard-actions{align-items:flex-start}}.upload-modal{max-width:550px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.modal-header h2{color:#333;font-size:1.8rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.close-btn:hover{background:#f0f0f0;color:#666}.form-group{margin-bottom:25px}.form-group label{color:#333;font-size:.95rem;font-weight:600}.form-group input[type=text]{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.file-input-wrapper input[type=file]{border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.file-input-wrapper input[type=file]:hover{background:#f5f7ff;border-color:#667eea}.file-info{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-top:12px;padding:12px}.file-size{color:#888;font-size:.9rem}.error-message{background:#fee;border:1px solid #fdd;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:20px;padding:12px}.upload-progress{margin:20px 0}.upload-progress .progress-bar{background:#e0e0e0;border-radius:10px;height:10px;margin-bottom:8px;overflow:hidden}.upload-progress .progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.upload-progress .progress-text{color:#667eea;display:block;font-weight:600;text-align:center}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.btn-cancel,.btn-upload{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-cancel{background:#f0f0f0;color:#666}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-upload{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-upload:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-upload:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-container{background:#fff7fa;min-height:100vh}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 40px}.admin-header-left{align-items:center;display:flex;gap:15px}.admin-logo{height:40px;object-fit:contain}.admin-badge{background:#f04f3f;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.admin-header-right{align-items:center;display:flex;gap:20px}.admin-user-info{color:#666;font-size:14px}.admin-tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;padding:0 40px}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:15px 25px;transition:all .3s}.tab-btn:hover{background:#fff7fa;color:#f04f3f}.tab-btn.active{border-bottom-color:#f04f3f;color:#f04f3f;font-weight:500}.tab-icon{font-size:18px}.admin-content{margin:0 auto;max-width:1400px;padding:30px 40px}.admin-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.admin-section-header h2{color:#333;font-size:28px;margin:0}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 16px;transition:all .3s}.btn-primary{background:#f04f3f;color:#fff}.btn-primary:hover{background:#d9463a}.btn-small{font-size:13px;padding:6px 12px}.btn-success{background:#f99d1c;color:#fff}.btn-warning{background:#bcafd6;color:#fff}.btn-danger{background:#f04f3f;color:#fff}.btn-copy{background:#757575;color:#fff}.logout-btn{background:#f04f3f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.alert{border-radius:6px;margin-bottom:20px;padding:12px 20px}.alert-error{background:#ffebee;border:1px solid #f04f3f;color:#f04f3f}.alert-success{background:#fff3e0;border:1px solid #f99d1c;color:#f99d1c}.add-user-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:25px}.add-user-form h3{color:#333;margin-top:0}.add-user-form h3,.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.users-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#f8f9fa;color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.users-table td{border-top:1px solid #e0e0e0;font-size:14px;padding:15px}.blocked-user{background:#f5f5f5;opacity:.6}.badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.badge-admin{background:#ffebee;color:#f04f3f}.badge-learner{background:#f3e5f5;color:#bcafd6}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.active{background:#fff3e0;color:#f99d1c}.status-badge.blocked{background:#ffebee;color:#f04f3f}.status-badge.completed{background:#fff3e0;color:#f99d1c}.status-badge.in_progress{background:#f3e5f5;color:#bcafd6}.status-badge.not_started{background:#f5f5f5;color:#757575}.action-buttons{display:flex;gap:8px}.empty-state{color:#999;padding:60px 20px;text-align:center}.loading{color:#666;padding:40px;text-align:center}.courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.admin-course-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:20px}.course-header h3{color:#333;font-size:18px;margin:0 0 15px}.course-info{flex:1 1;margin-bottom:15px}.course-description{color:#666;font-size:14px;margin-bottom:10px}.course-meta{color:#999;display:flex;font-size:12px;justify-content:space-between}.course-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;padding-top:15px}.upload-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:25px}.analytics-overview{margin-bottom:40px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px}.stat-card h3,.stat-card h5{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-number{color:#333;font-size:36px;font-weight:700;margin-bottom:5px}.stat-detail{color:#999;font-size:13px}.course-analytics-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px}.course-selector{margin-bottom:30px}.course-selector label{color:#555;display:block;font-weight:500;margin-bottom:10px}.course-selector select{border:1px solid #ddd;border-radius:4px;font-size:14px;max-width:400px;padding:10px;width:100%}.course-analytics-details{margin-top:30px}.course-analytics-details h4{color:#333;font-size:20px;margin:0 0 20px}.learners-table{margin-top:30px}.learners-table h5{color:#555;font-size:16px;margin-bottom:15px}.learners-table table{border-collapse:collapse;width:100%}.learners-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#555;font-size:13px;font-weight:600;padding:12px 15px;text-align:left}.learners-table td{border-bottom:1px solid #e0e0e0;font-size:14px;padding:12px 15px}.player-container{background-color:#1a1a1a;display:flex;flex-direction:column;min-height:100vh}.player-header{align-items:center;background:#2d2d2d;box-shadow:0 2px 10px #0000004d;color:#fff;display:flex;gap:20px;justify-content:space-between;padding:15px 30px}.back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#fff3}.player-header h2{flex:1 1;font-size:1.3rem;font-weight:600;margin:0;text-align:center}.fullscreen-btn{background:#f04f3f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.fullscreen-btn:hover{background:#d9463a;box-shadow:0 4px 12px #f04f3f4d;transform:translateY(-1px)}.player-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.course-iframe{background:#fff;border:none;border-radius:8px;box-shadow:0 10px 40px #0000004d;height:calc(100vh - 100px);width:100%}.player-error,.player-loading{color:#fff;padding:60px 20px;text-align:center}.player-error h2{color:#ff6b6b;font-size:2rem;margin-bottom:15px}.player-error p{color:#ccc;font-size:1.1rem;margin-bottom:25px}.player-error button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.player-error button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.player-header{align-items:flex-start;flex-direction:column}.course-iframe{height:calc(100vh - 140px)}}.analytics-container{background-color:#f5f7fa;min-height:100vh}.analytics-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:25px 30px}.analytics-header h1{font-size:2rem;margin-top:10px}.analytics-content{margin:0 auto;max-width:1200px;padding:40px 30px}.analytics-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px;padding:30px}.analytics-section h2{color:#333;font-size:1.8rem;margin-bottom:10px}.analytics-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.course-desc{color:#666;line-height:1.6;margin-top:10px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-card{background:linear-gradient(135deg,#f5f7fa,#f0f2f5);border:1px solid #e0e0e0;border-radius:10px;padding:20px;text-align:center}.stat-label{color:#888;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-value{color:#333;font-size:2rem;font-weight:700}.stat-value-sm{font-size:1.2rem}.stat-value.status-badge{font-size:1.1rem}.verb-list{display:flex;flex-direction:column;gap:10px}.verb-item{align-items:center;background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px}.verb-name{color:#333;font-weight:600;text-transform:capitalize}.verb-count{background:#667eea;border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:4px 12px}.answers-list{display:flex;flex-direction:column;gap:20px}.answer-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:20px}.answer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.answer-header h4{color:#333;font-size:1.1rem;margin:0}.answer-result{border-radius:20px;font-size:.85rem;font-weight:600;padding:4px 12px}.answer-result.correct{background:#e8f5e9;color:#388e3c}.answer-result.incorrect{background:#ffebee;color:#d32f2f}.answer-question{color:#555;font-weight:600;line-height:1.5;margin-bottom:12px}.answer-response{background:#fff;border-radius:6px;color:#333;margin-bottom:10px;padding:12px}.answer-response strong{color:#667eea;display:block;margin-bottom:6px}.answer-score{color:#666;display:flex;font-size:.9rem;gap:10px;margin-bottom:10px}.answer-timestamp{color:#888;font-size:.85rem;margin-top:10px}.timeline{display:flex;flex-direction:column;gap:15px}.timeline-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px}.timeline-label{color:#666;font-weight:600}.timeline-value{color:#333;font-weight:500}.analytics-error,.analytics-loading{padding:60px 20px;text-align:center}.analytics-error h2{color:#d32f2f;font-size:2rem;margin-bottom:15px}.analytics-error p{color:#666;font-size:1.1rem;margin-bottom:25px}.analytics-error button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.analytics-error button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.answer-header{gap:10px}.answer-header,.timeline-item{align-items:flex-start;flex-direction:column}.timeline-item{gap:8px}}.App{background-color:#fff7fa;min-height:100vh}
/*# sourceMappingURL=main.548c68a3.css.map*/