:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#6b7280;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--background-color:#fff;--surface-color:#f8fafc;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--transition:all 0.2s ease-in-out}[data-theme=dark]{--primary-color:#6366f1;--primary-hover:#818cf8;--secondary-color:#94a3b8;--success-color:#34d399;--warning-color:#fbbf24;--error-color:#f87171;--background-color:#0f172a;--surface-color:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#334155}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--background-color);color:#1f2937;color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden;transition:all .2s ease-in-out;transition:var(--transition)}.app-container{display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h2,h3{font-weight:600}h3{font-size:1.25rem}p{margin-bottom:1rem}@media (min-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafc;background:var(--surface-color);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem;position:sticky;top:0;transition:all .2s ease-in-out;transition:var(--transition);z-index:1000}.header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.hamburger{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease-in-out;transition:var(--transition);width:2.5rem}.hamburger:hover{background:#e5e7eb;background:var(--border-color);transform:scale(1.05)}.hamburger:focus{outline:2px solid #4f46e5;outline:2px solid var(--primary-color);outline-offset:2px}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--primary-color),#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.user-stats{display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.user-stats span{background:#f8fafc;background:var(--surface-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);font-weight:600;padding:.5rem .75rem}.user-points{color:#10b981;color:var(--success-color)}.user-level{color:#4f46e5;color:var(--primary-color)}.theme-toggle{background:#4f46e5;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.theme-toggle:hover{background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.main-layout{display:flex;flex:1 1;min-height:calc(100vh - 80px);width:100%}.sidebar{background:#f8fafc;background:var(--surface-color);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);height:100vh;left:-100%;overflow-y:auto;padding:1rem;position:fixed;top:0;transition:transform .3s ease-in-out;width:280px;z-index:999}.sidebar.open{transform:translateX(100%)}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.sidebar-close{background:none;border:none;color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:1.5rem}.sidebar-section{margin-bottom:2rem}.sidebar-section h3{color:#6b7280;color:var(--text-secondary);font-size:1rem;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.settings-toggle{align-items:center;background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition)}.settings-toggle:hover{transform:translateX(4px)}.settings-toggle.active,.settings-toggle:hover{border-color:#4f46e5;border-color:var(--primary-color)}.settings-toggle.active{background:#4f46e50d}.toggle-switch{height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#e5e7eb;background:var(--border-color);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .2s ease-in-out;transition:var(--transition)}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.toggle-slider{background:#4f46e5;background:var(--primary-color)}input:checked+.toggle-slider:before{transform:translateX(20px)}.project-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.project-input{background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);flex:1 1;padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition)}.project-input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.project-list{display:flex;flex-direction:column;gap:.5rem}.project-item{align-items:center;background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition)}.project-item:hover{transform:translateX(4px)}.project-item.active,.project-item:hover{border-color:#4f46e5;border-color:var(--primary-color)}.project-item.active{background:#4f46e50d}.main-content{flex:1 1;max-width:100%;padding:1rem;width:100%}.gamification-bar{grid-gap:1rem;background:#f8fafc;background:var(--surface-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem;padding:1.5rem}@media (min-width:768px){.gamification-bar{align-items:center;grid-template-columns:1fr auto}}.progress-section{display:flex;flex-direction:column;gap:.5rem}.progress-info{align-items:center;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between}.progress-bar{background:#e5e7eb;background:var(--border-color);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);background:linear-gradient(90deg,var(--primary-color),#7c3aed);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.leaderboard-section{background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem}.leaderboard-section h3{font-size:.875rem;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.leaderboard-rank{color:#4f46e5;color:var(--primary-color);font-weight:600}.language-selection{margin-bottom:2rem;text-align:center}.language-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1.5rem}.language-card{background:#f8fafc;background:var(--surface-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s ease-in-out;transition:var(--transition)}.language-card:hover{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.language-icon{font-size:2rem;margin-bottom:.5rem}.learning-path{margin-bottom:2rem}.chapter-list{display:flex;flex-direction:column;gap:1rem}.chapter-card{background:#f8fafc;background:var(--surface-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.chapter-card:hover{border-color:#4f46e5;border-color:var(--primary-color);transform:translateY(-2px)}.lesson-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.lesson-card{background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;padding:1rem;transition:all .2s ease-in-out;transition:var(--transition)}.lesson-card:hover{border-color:#4f46e5;border-color:var(--primary-color);transform:translateY(-2px)}.lesson-card.completed{background:#10b9810d;border-color:#10b981;border-color:var(--success-color)}.chat-interface{background:#f8fafc;background:var(--surface-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.messages-container{background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);height:400px;margin-bottom:1rem;overflow-y:auto;padding:1rem}.message{animation:fadeIn .3s ease;margin-bottom:1rem}.user-message{text-align:right}.bot-message{text-align:left}.message-bubble{word-wrap:break-word;border-radius:.75rem;border-radius:var(--radius-lg);display:inline-block;max-width:80%;padding:.75rem 1rem}.user-message .message-bubble{background:#4f46e5;background:var(--primary-color);border-bottom-right-radius:.375rem;border-bottom-right-radius:var(--radius-sm);color:#fff}.bot-message .message-bubble{background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-bottom-left-radius:.375rem;border-bottom-left-radius:var(--radius-sm)}.message-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.action-btn{background:#f8fafc;background:var(--surface-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease-in-out;transition:var(--transition)}.action-btn:hover{background:#4f46e5;background:var(--primary-color);border-color:#4f46e5;border-color:var(--primary-color);color:#fff}.input-container{display:flex;gap:.5rem}.chat-input{background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);flex:1 1;padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition)}.chat-input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.send-btn{background:#4f46e5;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.send-btn:hover:not(:disabled){background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1001}.modal-content{background:#fff;background:var(--background-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-close{background:none;border:none;color:#9ca3af;color:var(--text-muted);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.modal-close:hover{color:#1f2937;color:var(--text-primary)}.auth-container{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--primary-color),#7c3aed);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:#fff;background:var(--background-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{margin-bottom:.5rem}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:#6b7280;color:var(--text-secondary);font-weight:500}.form-input{background:#fff;background:var(--background-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition)}.form-input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.submit-btn{background:#4f46e5;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition)}.submit-btn:hover:not(:disabled){background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:#6b7280;color:var(--text-secondary);margin-top:1.5rem;text-align:center}.auth-link{color:#4f46e5;color:var(--primary-color);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.loading{animation:spin 1s ease-in-out infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;border:2px solid var(--border-color);border-top-color:var(--primary-color);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.sidebar{height:auto;left:0;position:static;transform:none;width:280px}.main-content{margin-left:0}.hamburger{display:none}}@media (max-width:767px){.header-right{gap:.5rem}.user-stats{font-size:.75rem}.language-grid{grid-template-columns:repeat(2,1fr)}.lesson-list{grid-template-columns:1fr}.input-container{flex-direction:column}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}[data-theme=dark] .auth-container{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .chapter-card:hover,[data-theme=dark] .language-card:hover,[data-theme=dark] .lesson-card:hover{box-shadow:0 10px 25px #0000004d}
/*# sourceMappingURL=main.e5cac95e.css.map*/