@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap);:root{--primary:#ff6b6b;--secondary:#4ecdc4;--accent:#ffe66d;--purple:#a855f7;--blue:#3b82f6;--green:#10b981;--orange:#f97316;--bg:#fff9f0;--card:#fff;--text:#2d3748;--text-light:#718096;--border:#e2e8f0;--shadow:0 4px 24px #00000014;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff9f0;background:var(--bg);color:#2d3748;color:var(--text);font-family:Nunito,sans-serif}.auth-page,body{min-height:100vh}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;justify-content:center;overflow:hidden;padding:20px;position:relative}.floating-shapes{inset:0;pointer-events:none;position:absolute}.shape{animation:float 6s ease-in-out infinite;font-size:2.5rem;opacity:.7;position:absolute}.shape-1{animation-delay:0s;left:8%;top:10%}.shape-2{animation-delay:1s;right:10%;top:20%}.shape-3{animation-delay:2s;bottom:15%;left:12%}.shape-4{animation-delay:.5s;bottom:25%;right:8%}.shape-5{animation-delay:1.5s;left:4%;top:50%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.auth-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003;max-width:420px;padding:40px;position:relative;width:100%;z-index:1}.register-card{max-width:520px}.auth-header{margin-bottom:32px;text-align:center}.auth-logo{display:block;font-size:3.5rem;margin-bottom:12px}.auth-header h1{color:#2d3748;color:var(--text);font-family:Fredoka One,cursive;font-size:2rem;margin-bottom:6px}.auth-header p{color:#718096;color:var(--text-light);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:18px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#2d3748;color:var(--text);font-size:.85rem;font-weight:700}.form-group input,.form-group select{background:#fafafa;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);font-family:Nunito,sans-serif;font-size:.95rem;outline:none;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#a855f7;border-color:var(--purple);box-shadow:0 0 0 3px #a855f71a}.btn-primary{align-items:center;background:linear-gradient(135deg,#ff6b6b,#a855f7);background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:10px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;gap:8px;justify-content:center;padding:14px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;border:2px solid #ff6b6b;border:2px solid var(--primary);border-radius:10px;border-radius:var(--radius-sm);color:#ff6b6b;color:var(--primary);cursor:pointer;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#ff6b6b;background:var(--primary);color:#fff}.auth-footer{color:#718096;color:var(--text-light);font-size:.9rem;margin-top:20px;text-align:center}.auth-footer a{color:#a855f7;color:var(--purple);font-weight:700;text-decoration:none}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.navbar{background:#fff;border-bottom:3px solid #ffe66d;border-bottom:3px solid var(--accent);box-shadow:0 2px 16px #0000000f;height:64px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:10px}.brand-icon{font-size:1.8rem}.brand-name{color:#ff6b6b;color:var(--primary);font-family:Fredoka One,cursive;font-size:1.4rem}.navbar-links{display:flex;gap:4px;padding:0 4px}.nav-link{align-items:center;border-radius:30px;color:#718096;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.nav-link:hover{background:#fff0f0;color:#ff6b6b;color:var(--primary)}.nav-link.active{background:linear-gradient(135deg,#ff6b6b,#a855f7);background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff}.navbar-user{align-items:center;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.user-badge{font-size:1.4rem}.username{color:#2d3748;color:var(--text);cursor:default;font-size:.9rem;font-weight:700;-webkit-user-select:none;user-select:none}.logout-btn{align-items:center;background:none;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:8px;color:#718096;color:var(--text-light);cursor:pointer;display:flex;padding:6px 8px;transition:all .2s}.logout-btn:hover{border-color:#ff6b6b;border-color:var(--primary);color:#ff6b6b;color:var(--primary)}.page-layout{display:flex;flex-direction:column;min-height:100vh}.chat-page{display:flex;flex:1 1;flex-direction:column;gap:16px;margin:0 auto;max-width:800px;padding:24px;width:100%}.chat-header{text-align:center}.chat-header h2{align-items:center;color:#ff6b6b;color:var(--primary);display:flex;font-family:Fredoka One,cursive;font-size:1.8rem;gap:10px;justify-content:center}.chat-header p{color:#718096;color:var(--text-light)}.chat-messages{background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #00000014;box-shadow:var(--shadow);display:flex;flex:1 1;flex-direction:column;gap:16px;max-height:520px;min-height:400px;overflow-y:auto;padding:20px}.message{animation:slideIn .3s ease;display:flex;gap:12px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.message.bot .message-avatar{background:linear-gradient(135deg,#4ecdc4,#3b82f6);background:linear-gradient(135deg,var(--secondary),var(--blue));color:#fff}.message.user .message-avatar{background:linear-gradient(135deg,#ff6b6b,#a855f7);background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff}.message-content{border-radius:16px;font-size:.95rem;line-height:1.6;max-width:75%;padding:12px 16px}.message.bot .message-content{background:#f7fafc;border-bottom-left-radius:4px}.message.user .message-content{background:linear-gradient(135deg,#ff6b6b,#a855f7);background:linear-gradient(135deg,var(--primary),var(--purple));border-bottom-right-radius:4px;color:#fff}.sources{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:6px;margin-top:8px}.source-tag{background:#ffe66d;background:var(--accent);border-radius:20px;font-size:.75rem;font-weight:700;padding:2px 8px}.typing{align-items:center;display:flex;gap:6px;padding:16px!important}.typing span{animation:bounce 1.2s infinite;background:#718096;background:var(--text-light);border-radius:50%;height:8px;width:8px}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.chat-input{display:flex;gap:10px}.chat-input input{border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:30px;flex:1 1;font-family:Nunito,sans-serif;font-size:.95rem;outline:none;padding:14px 20px;transition:all .2s}.chat-input input:focus{border-color:#ff6b6b;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b6b1a}.chat-input button{align-items:center;background:linear-gradient(135deg,#ff6b6b,#a855f7);background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .2s;width:50px}.chat-input button:hover:not(:disabled){transform:scale(1.1)}.chat-input button:disabled{opacity:.5}.quiz-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:24px;width:100%}.quiz-header{text-align:center}.quiz-header h2{align-items:center;color:#a855f7;color:var(--purple);display:flex;font-family:Fredoka One,cursive;font-size:1.8rem;gap:10px;justify-content:center}.quiz-header p{color:#718096;color:var(--text-light)}.quiz-form-card{background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #00000014;box-shadow:var(--shadow);padding:28px}.quiz-form{display:flex;flex-direction:column;gap:16px}.question-card{animation:slideIn .3s ease;background:#fff;border-left:4px solid #a855f7;border-left:4px solid var(--purple);border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #00000014;box-shadow:var(--shadow);padding:24px}.question-card h3{font-size:1rem;font-weight:800;margin-bottom:16px}.options{display:flex;flex-direction:column;gap:10px}.option{align-items:center;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-weight:600;gap:12px;padding:12px 16px;transition:all .2s}.option input{display:none}.option:hover{background:#f5f0ff}.option.selected,.option:hover{border-color:#a855f7;border-color:var(--purple)}.option.selected{background:linear-gradient(135deg,#f5f0ff,#ede9fe)}.submit-btn{margin-top:8px}.results-card{background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #00000014;box-shadow:var(--shadow);padding:32px;text-align:center}.score-display{margin-bottom:24px}.score-circle{align-items:center;background:linear-gradient(135deg,#10b981,#4ecdc4);background:linear-gradient(135deg,var(--green),var(--secondary));border-radius:50%;display:inline-flex;flex-direction:column;height:100px;justify-content:center;margin-bottom:16px;width:100px}.score-num{color:#fff;font-family:Fredoka One,cursive;font-size:2.5rem;line-height:1}.score-total{color:#fffc;font-size:.9rem;font-weight:700}.score-display h3{font-size:1.2rem;font-weight:800}.result-details{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;text-align:left}.result-item{align-items:center;border-radius:10px;border-radius:var(--radius-sm);display:flex;font-size:.9rem;gap:10px;padding:10px 14px}.result-item.correct{background:#f0fff4;color:#10b981;color:var(--green)}.result-item.wrong{background:#fff5f5;color:#ff6b6b;color:var(--primary)}.history-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:24px;width:100%}.history-header{text-align:center}.history-header h2{align-items:center;color:#f97316;color:var(--orange);display:flex;font-family:Fredoka One,cursive;font-size:1.8rem;gap:10px;justify-content:center}.history-header p{color:#718096;color:var(--text-light)}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.stat-card{align-items:center;background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #00000014;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.stat-card svg{color:#f97316;color:var(--orange)}.stat-emoji{font-size:1.5rem}.stat-num{color:#2d3748;color:var(--text);font-family:Fredoka One,cursive;font-size:2rem}.stat-label{color:#718096;color:var(--text-light);font-size:.8rem;font-weight:700;text-transform:uppercase}.history-list{display:flex;flex-direction:column;gap:16px}.history-card{background:#fff;border-left:4px solid #f97316;border-left:4px solid var(--orange);border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #00000014;box-shadow:var(--shadow);padding:20px}.history-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.history-card h3{font-weight:800;margin-bottom:4px}.history-date{color:#718096;color:var(--text-light);font-size:.8rem}.score-badge{border-radius:30px;font-family:Fredoka One,cursive;font-size:1.1rem;padding:6px 16px}.score-badge.good{background:#f0fff4;color:#10b981;color:var(--green)}.score-badge.ok{background:#fffaf0;color:#f97316;color:var(--orange)}.score-badge.bad{background:#fff5f5;color:#ff6b6b;color:var(--primary)}.progress-bar{background:#e2e8f0;background:var(--border);border-radius:4px;height:8px;margin:10px 0 4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f97316,#ff6b6b);background:linear-gradient(90deg,var(--orange),var(--primary));border-radius:4px;height:100%;transition:width .5s ease}.progress-pct{color:#718096;color:var(--text-light);font-size:.8rem;font-weight:700}.result-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pill{border-radius:20px;font-size:.75rem;font-weight:700;padding:4px 10px}.pill.correct{background:#f0fff4;color:#10b981;color:var(--green)}.pill.wrong{background:#fff5f5;color:#ff6b6b;color:var(--primary)}.upload-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:700px;padding:24px;width:100%}.upload-header{text-align:center}.upload-header h2{color:#4ecdc4;color:var(--secondary);font-family:Fredoka One,cursive;font-size:1.8rem}.upload-header p{color:#718096;color:var(--text-light)}.upload-card{background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #00000014;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px;padding:28px}.drop-zone{border:3px dashed #4ecdc4;border:3px dashed var(--secondary);border-radius:16px;border-radius:var(--radius);color:#4ecdc4;color:var(--secondary);cursor:pointer;padding:48px;text-align:center;transition:all .2s}.drop-zone:hover{background:#f0fffe;border-color:#3b82f6;border-color:var(--blue)}.drop-zone svg{margin-bottom:12px}.drop-zone h3{font-size:1.1rem;font-weight:800;margin-bottom:6px}.drop-zone p{color:#718096;color:var(--text-light);font-size:.9rem}.grade-select{max-width:200px}.file-list{display:flex;flex-direction:column;gap:10px}.file-list h4{font-weight:800}.file-item{align-items:center;background:#fafafa;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:10px 14px}.file-item svg{color:#ff6b6b;color:var(--primary);flex-shrink:0}.file-item span:nth-child(2){flex:1 1;font-size:.9rem;font-weight:600}.file-size{font-size:.8rem}.file-size,.remove-btn{color:#718096;color:var(--text-light)}.remove-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:2px 6px;transition:all .2s}.remove-btn:hover{background:#fff5f5;color:#ff6b6b;color:var(--primary)}.upload-results{display:flex;flex-direction:column;gap:8px}.upload-results h4{font-weight:800}.upload-result{align-items:center;border-radius:10px;border-radius:var(--radius-sm);display:flex;font-size:.9rem;gap:10px;padding:10px 14px}.upload-result.success{background:#f0fff4;color:#10b981;color:var(--green)}.upload-result.fail{background:#fff5f5;color:#ff6b6b;color:var(--primary)}.upload-result span:nth-child(2){flex:1 1;font-weight:600}.empty-state,.loading-state{background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #00000014;box-shadow:var(--shadow);padding:60px 20px;text-align:center}.empty-state span{display:block;font-size:4rem;margin-bottom:16px}.empty-state h3{color:#2d3748;color:var(--text);font-family:Fredoka One,cursive;font-size:1.5rem;margin-bottom:8px}.empty-state p{color:#718096;color:var(--text-light)}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-top-color:#f97316;border:4px solid var(--border);border-radius:50%;border-top-color:var(--orange);height:40px;margin:0 auto 16px;width:40px}@media (max-width:600px){.form-row,.stats-row{grid-template-columns:1fr}.auth-card{padding:24px}.navbar-links{display:none}}
/*# sourceMappingURL=main.c3a70684.css.map*/