@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.app-container[data-v-0689868c]{min-height:100vh;background:var(--bg-secondary)}.main-content[data-v-0689868c]{padding-top:76px}.navbar[data-v-0689868c]{position:fixed;top:0;left:0;right:0;z-index:1030}.avatar[data-v-0689868c]{width:32px;height:32px;border-radius:50%;background:var(--role-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;border:2px solid #fff}.demo-credentials[data-v-0689868c]{background:var(--bg-secondary);padding:1rem;border-radius:8px;text-align:center}@media (max-width:768px){.login-card[data-v-0689868c]{padding:2rem;margin:1rem}}.google-signin-container[data-v-174623fb]{width:100%}.btn-google[data-v-174623fb]{width:100%;height:48px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:600;font-size:1rem;color:#374151;position:relative;overflow:hidden}.btn-google[data-v-174623fb]:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.btn-google[data-v-174623fb]:disabled{opacity:.6;cursor:not-allowed}.btn-google.loading[data-v-174623fb]{pointer-events:none}.btn-content[data-v-174623fb]{display:flex;align-items:center;gap:.75rem}.google-icon[data-v-174623fb],.spinner[data-v-174623fb]{display:flex;align-items:center;justify-content:center}.btn-text[data-v-174623fb]{font-weight:600;color:#374151}.modal[data-v-174623fb]{z-index:1055}.modal-backdrop[data-v-174623fb]{z-index:1050}.modal-content[data-v-174623fb]{border-radius:15px;border:none;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-header[data-v-174623fb]{border-bottom:1px solid #e5e7eb;padding:1.5rem}.modal-title[data-v-174623fb]{font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.modal-body[data-v-174623fb]{padding:2rem 1.5rem}.verification-icon[data-v-174623fb]{margin-bottom:1rem}.verification-steps[data-v-174623fb]{background:#f8fafc;border-radius:12px;padding:1.5rem;margin-top:1.5rem}.step[data-v-174623fb]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9rem;color:#4b5563}.step[data-v-174623fb]:last-child{margin-bottom:0}.step i[data-v-174623fb]{font-size:1.1rem;width:20px;text-align:center}.modal-footer[data-v-174623fb]{border-top:1px solid #e5e7eb;padding:1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.btn-outline-secondary[data-v-174623fb]{border-color:#d1d5db;color:#6b7280}.btn-outline-secondary[data-v-174623fb]:hover{background:#f3f4f6;border-color:#9ca3af}.btn-primary[data-v-174623fb]{background:#3b82f6;border-color:#3b82f6}.btn-primary[data-v-174623fb]:hover{background:#2563eb;border-color:#2563eb}@media (max-width:768px){.modal-dialog[data-v-174623fb]{margin:1rem}.modal-body[data-v-174623fb]{padding:1.5rem 1rem}.verification-steps[data-v-174623fb]{padding:1rem}}.login-container[data-v-58fa1c0e]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-wrapper[data-v-58fa1c0e]{display:flex;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;max-width:900px;width:100%;min-height:600px}.login-left[data-v-58fa1c0e]{flex:1;background:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#06b6d4);padding:3rem;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden}.login-left[data-v-58fa1c0e]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;pointer-events:none}.brand-section[data-v-58fa1c0e]{position:relative;z-index:1}.brand-logo[data-v-58fa1c0e]{width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;backdrop-filter:blur(10px)}.brand-title[data-v-58fa1c0e]{font-size:2.5rem;font-weight:800;color:#fff;margin:0}.brand-subtitle[data-v-58fa1c0e]{font-size:1.1rem;color:hsla(0,0%,100%,.9);line-height:1.6}.features-list[data-v-58fa1c0e]{display:flex;flex-direction:column;gap:1rem}.feature-item[data-v-58fa1c0e]{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:hsla(0,0%,100%,.95)}.feature-item i[data-v-58fa1c0e]{width:24px;font-size:1.1rem;color:#fbbf24}.login-right[data-v-58fa1c0e]{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center}.login-form-container[data-v-58fa1c0e]{max-width:400px;margin:0 auto;width:100%}.form-title[data-v-58fa1c0e]{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.form-subtitle[data-v-58fa1c0e]{color:#6b7280;font-size:1rem}.role-selector[data-v-58fa1c0e]{display:flex;flex-direction:column;gap:.75rem}.role-option[data-v-58fa1c0e]{display:flex;align-items:center;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f9fafb}.role-option[data-v-58fa1c0e]:hover{border-color:#d1d5db;background:#f3f4f6}.role-option.active[data-v-58fa1c0e]{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.role-icon[data-v-58fa1c0e]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;margin-right:.75rem}.role-info[data-v-58fa1c0e]{flex:1}.role-title[data-v-58fa1c0e]{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 .25rem 0}.role-desc[data-v-58fa1c0e]{color:#6b7280;font-size:.8rem}.role-check[data-v-58fa1c0e]{color:#3b82f6;font-size:1.2rem}.form-group[data-v-58fa1c0e]{margin-bottom:1rem}.form-label[data-v-58fa1c0e]{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.input-with-icon[data-v-58fa1c0e]{position:relative}.input-with-icon i[data-v-58fa1c0e]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem}.input-with-icon .form-control[data-v-58fa1c0e]{padding-left:2.75rem;height:48px;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .3s ease}.input-with-icon .form-control[data-v-58fa1c0e]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.btn-login[data-v-58fa1c0e]{height:48px;border:none;border-radius:12px;font-weight:600;font-size:1rem;color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-login[data-v-58fa1c0e]:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.demo-info[data-v-58fa1c0e]{background:#f9fafb;border-radius:12px;padding:1rem;text-align:center}.demo-badge[data-v-58fa1c0e]{display:inline-flex;align-items:center;background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.demo-text[data-v-58fa1c0e]{color:#6b7280;font-size:.85rem;margin:0}.divider[data-v-58fa1c0e]{position:relative;text-align:center;margin:1.5rem 0}.divider[data-v-58fa1c0e]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb;z-index:1}.divider-text[data-v-58fa1c0e]{position:relative;background:#fff;padding:0 1rem;color:#9ca3af;font-size:.875rem;font-weight:500;z-index:2}.btn-register[data-v-58fa1c0e]{height:48px;border:2px solid #10b981;border-radius:12px;font-weight:600;font-size:.95rem;color:#10b981;background:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-register[data-v-58fa1c0e]:hover{background:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 10px 20px rgba(16,185,129,.2)}.register-benefits[data-v-58fa1c0e]{margin-top:.5rem}.forgot-password-link[data-v-58fa1c0e]{color:var(--role-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-password-link[data-v-58fa1c0e]:hover{color:var(--role-primary-dark);text-decoration:underline}.alert[data-v-58fa1c0e]{border:none;border-radius:15px;padding:1rem;font-size:.9rem;display:flex;align-items:center}.alert-danger[data-v-58fa1c0e]{background:rgba(239,68,68,.1);color:#dc2626}.alert-success[data-v-58fa1c0e]{background:rgba(16,185,129,.1);color:#059669}@media (max-width:768px){.login-wrapper[data-v-58fa1c0e]{flex-direction:column;max-width:100%;margin:1rem;min-height:auto}.login-left[data-v-58fa1c0e]{padding:2rem;text-align:center}.login-right[data-v-58fa1c0e]{padding:2rem}.brand-title[data-v-58fa1c0e]{font-size:2rem}.features-list[data-v-58fa1c0e]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}}.registration-container[data-v-37e908a8]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem 0}.registration-wrapper[data-v-37e908a8]{width:100%;max-width:1200px;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.1);overflow:hidden;display:flex;min-height:80vh}.registration-left[data-v-37e908a8]{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;color:#fff}.registration-left[data-v-37e908a8]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;pointer-events:none}.brand-section[data-v-37e908a8]{position:relative;z-index:1}.brand-logo[data-v-37e908a8]{width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;backdrop-filter:blur(10px)}.brand-title[data-v-37e908a8]{font-size:2.5rem;font-weight:800;color:#fff;margin:0}.brand-subtitle[data-v-37e908a8]{font-size:1.1rem;color:hsla(0,0%,100%,.9);line-height:1.6}.benefits-list[data-v-37e908a8]{display:flex;flex-direction:column;gap:1.5rem}.benefit-item[data-v-37e908a8]{display:flex;align-items:flex-start;gap:1rem}.benefit-icon[data-v-37e908a8]{width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fbbf24;flex-shrink:0}.benefit-content h6[data-v-37e908a8]{color:#fff;font-weight:600;margin:0 0 .5rem 0;font-size:1rem}.benefit-content p[data-v-37e908a8]{color:hsla(0,0%,100%,.8);margin:0;font-size:.9rem;line-height:1.4}.registration-right[data-v-37e908a8]{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.registration-form-container[data-v-37e908a8]{max-width:500px;margin:0 auto;width:100%}.form-title[data-v-37e908a8]{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.form-subtitle[data-v-37e908a8]{color:#6b7280;font-size:1rem}.steps-indicator[data-v-37e908a8]{display:flex;align-items:center;justify-content:center;margin:2rem 0}.step[data-v-37e908a8]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number[data-v-37e908a8]{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;transition:all .3s ease}.step.active .step-number[data-v-37e908a8]{background:#3b82f6;color:#fff}.step.completed .step-number[data-v-37e908a8]{background:#10b981;color:#fff}.step-label[data-v-37e908a8]{font-size:.8rem;color:#6b7280;font-weight:500}.step.active .step-label[data-v-37e908a8]{color:#3b82f6}.step.completed .step-label[data-v-37e908a8]{color:#10b981}.step-line[data-v-37e908a8]{width:60px;height:2px;background:#e5e7eb;margin:0 1rem;transition:all .3s ease}.step-line.completed[data-v-37e908a8]{background:#10b981}.step-content[data-v-37e908a8]{animation:fadeIn-37e908a8 .3s ease}@keyframes fadeIn-37e908a8{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title[data-v-37e908a8]{font-size:1.25rem;font-weight:600;color:#1f2937;text-align:center}.role-selector[data-v-37e908a8]{display:flex;flex-direction:column;gap:1rem}.role-option[data-v-37e908a8]{display:flex;align-items:center;padding:1.5rem;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s ease;background:#f9fafb}.role-option[data-v-37e908a8]:hover{border-color:#d1d5db;background:#f3f4f6;transform:translateY(-2px)}.role-option.active[data-v-37e908a8]{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.role-icon[data-v-37e908a8]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-right:1rem;flex-shrink:0}.role-info[data-v-37e908a8]{flex:1}.role-title[data-v-37e908a8]{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem 0}.role-desc[data-v-37e908a8]{color:#6b7280;font-size:.85rem;margin-bottom:.5rem}.role-features[data-v-37e908a8]{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag[data-v-37e908a8]{background:#e0e7ff;color:#3730a3;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.role-check[data-v-37e908a8]{color:#3b82f6;font-size:1.5rem}.form-group[data-v-37e908a8]{margin-bottom:1rem}.form-label[data-v-37e908a8]{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.input-with-icon[data-v-37e908a8]{position:relative}.input-with-icon i[data-v-37e908a8]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem;z-index:2}.input-with-icon .form-control[data-v-37e908a8]{padding-left:2.75rem;height:48px;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .3s ease}.input-with-icon .form-control[data-v-37e908a8]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.password-toggle[data-v-37e908a8]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;z-index:3}.password-toggle[data-v-37e908a8]:hover{color:#6b7280}.email-checking[data-v-37e908a8],.email-success[data-v-37e908a8]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:3}.password-strength[data-v-37e908a8]{margin-top:.5rem}.strength-bar[data-v-37e908a8]{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.strength-fill[data-v-37e908a8]{height:100%;border-radius:2px;transition:all .3s ease}.strength-fill.weak[data-v-37e908a8]{background:#ef4444}.strength-fill.medium[data-v-37e908a8]{background:#f59e0b}.strength-fill.strong[data-v-37e908a8]{background:#10b981}.strength-text[data-v-37e908a8]{font-size:.8rem;font-weight:500}.strength-text.weak[data-v-37e908a8]{color:#ef4444}.strength-text.medium[data-v-37e908a8]{color:#f59e0b}.strength-text.strong[data-v-37e908a8]{color:#10b981}.form-check-input[data-v-37e908a8]{width:1.2rem;height:1.2rem;margin-top:.125rem;border:2px solid #d1d5db;border-radius:4px}.form-check-input[data-v-37e908a8]:checked{background-color:#3b82f6;border-color:#3b82f6}.form-check-label[data-v-37e908a8]{font-size:.9rem;color:#374151;margin-left:.5rem}.btn[data-v-37e908a8]{height:48px;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary[data-v-37e908a8]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff}.btn-primary[data-v-37e908a8]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px rgba(59,130,246,.3)}.btn-primary[data-v-37e908a8]:disabled{opacity:.6;cursor:not-allowed}.btn-outline-secondary[data-v-37e908a8]{border:2px solid #e5e7eb;color:#6b7280;background:#fff}.btn-outline-secondary[data-v-37e908a8]:hover{border-color:#d1d5db;background:#f9fafb}.success-icon[data-v-37e908a8]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2.5rem;color:#fff}.success-message[data-v-37e908a8]{color:#6b7280;font-size:1rem;line-height:1.6}.account-summary[data-v-37e908a8]{background:#f9fafb;border-radius:12px;padding:1.5rem;text-align:left}.summary-item[data-v-37e908a8]{margin-bottom:.5rem;color:#374151}.summary-item[data-v-37e908a8]:last-child{margin-bottom:0}.form-text[data-v-37e908a8]{font-size:.8rem;color:#6b7280;margin-top:.25rem}.link-primary[data-v-37e908a8]{color:#3b82f6;text-decoration:none}.link-primary[data-v-37e908a8]:hover{color:#1d4ed8;text-decoration:underline}@media (max-width:768px){.registration-wrapper[data-v-37e908a8]{flex-direction:column;margin:1rem;border-radius:16px}.registration-left[data-v-37e908a8]{padding:2rem;text-align:center}.registration-right[data-v-37e908a8]{padding:2rem}.benefits-list[data-v-37e908a8]{gap:1rem}.benefit-item[data-v-37e908a8]{flex-direction:column;text-align:center;gap:.5rem}.steps-indicator[data-v-37e908a8]{margin:1rem 0}.step-line[data-v-37e908a8]{width:40px;margin:0 .5rem}.role-option[data-v-37e908a8]{padding:1rem}.role-features[data-v-37e908a8]{justify-content:center}}@media (max-width:480px){.registration-container[data-v-37e908a8]{padding:1rem 0}.registration-left[data-v-37e908a8],.registration-right[data-v-37e908a8]{padding:1.5rem}.brand-title[data-v-37e908a8]{font-size:2rem}.form-title[data-v-37e908a8]{font-size:1.5rem}.role-option[data-v-37e908a8]{flex-direction:column;text-align:center;gap:1rem}.role-info[data-v-37e908a8]{text-align:center}}.email-verification-page[data-v-44bba703]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;padding:2rem 0}.card[data-v-44bba703]{border:none;border-radius:20px;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)}.card-body[data-v-44bba703]{padding:3rem 2rem}.loading-state .spinner-border[data-v-44bba703]{width:3rem;height:3rem}.error-state[data-v-44bba703],.invalid-state[data-v-44bba703],.success-state[data-v-44bba703]{animation:fadeIn-44bba703 .5s ease-in-out}@keyframes fadeIn-44bba703{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn[data-v-44bba703]{border-radius:10px;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn[data-v-44bba703]:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.text-success[data-v-44bba703]{color:#28a745!important}.text-danger[data-v-44bba703]{color:#dc3545!important}.text-warning[data-v-44bba703]{color:#ffc107!important}.text-muted[data-v-44bba703]{color:#6c757d!important}@media (max-width:768px){.card-body[data-v-44bba703]{padding:2rem 1rem}}.view-btn[data-v-193e2700]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 24px;font-weight:600;transition:all .3s ease}.view-btn[data-v-193e2700]:first-child{border-radius:15px 0 0 15px}.view-btn[data-v-193e2700]:last-child{border-radius:0 15px 15px 0}.view-btn.active[data-v-193e2700]{background:var(--role-primary);color:#fff;border-color:var(--role-primary)}.calendar-grid[data-v-193e2700]{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-color);border-radius:10px;overflow:hidden}.calendar-header[data-v-193e2700]{background:var(--bg-secondary);padding:12px;text-align:center;font-weight:600;font-size:12px;color:var(--text-secondary)}.calendar-day[data-v-193e2700]{background:var(--bg-primary);padding:12px 8px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .2s ease;position:relative;color:var(--text-primary)}.calendar-day[data-v-193e2700]:hover{background:var(--bg-secondary)}.calendar-day.other-month[data-v-193e2700]{color:var(--text-muted);background:var(--bg-tertiary)}.calendar-day.today[data-v-193e2700]{background:var(--role-light);color:var(--role-primary);font-weight:700}.calendar-day.selected[data-v-193e2700]{background:var(--role-primary);color:#fff;border-radius:8px}.calendar-day.has-tasks .task-indicator[data-v-193e2700]{width:6px;height:6px;background:#ef4444;border-radius:50%;margin-top:4px}.date-number[data-v-193e2700]{font-weight:500}.progress-ring[data-v-193e2700]{position:relative}.progress-text[data-v-193e2700]{font-size:18px;font-weight:700;fill:var(--role-primary)}.progress-label[data-v-193e2700]{font-size:12px;fill:var(--text-secondary)}.emotion-selector[data-v-193e2700]{font-size:24px;padding:8px;border-radius:50%;background:var(--bg-secondary);transition:all .3s ease;cursor:pointer}.emotion-selector[data-v-193e2700]:hover{transform:scale(1.2)}.emotion-selector.active[data-v-193e2700]{background:var(--role-primary);transform:scale(1.2)}.task-item[data-v-193e2700]{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.task-item[data-v-193e2700]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.task-checkbox[data-v-193e2700]{width:24px;height:24px;border:2px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.task-checkbox.completed[data-v-193e2700]{background:#10b981;border-color:#10b981;color:#fff}.add-task-btn[data-v-193e2700]{font-weight:600;transition:all .3s ease}.add-task-btn[data-v-193e2700]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.modal-overlay[data-v-193e2700]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-193e2700]{background:var(--bg-primary);border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;color:var(--text-primary)}.modal-header[data-v-193e2700]{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-body[data-v-193e2700]{padding:20px}.modal-footer[data-v-193e2700]{padding:20px;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end}.btn-close[data-v-193e2700]{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;margin-left:auto}.week-view[data-v-193e2700]{background:var(--bg-primary);border-radius:10px;overflow:hidden}.week-header[data-v-193e2700]{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.week-day-header[data-v-193e2700]{padding:15px 10px;text-align:center;border-right:1px solid var(--border-color)}.week-day-header[data-v-193e2700]:last-child{border-right:none}.day-name[data-v-193e2700]{font-weight:600;color:var(--text-primary);font-size:12px;margin-bottom:5px}.day-date[data-v-193e2700]{font-size:18px;font-weight:700;color:var(--text-secondary)}.day-date.today[data-v-193e2700]{color:var(--role-primary);background:var(--role-light);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:0 auto}.week-body[data-v-193e2700]{display:grid;grid-template-columns:repeat(7,1fr);min-height:400px}.week-day-column[data-v-193e2700]{padding:15px 10px;border-right:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.week-day-column[data-v-193e2700]:hover{background:var(--bg-secondary)}.week-day-column[data-v-193e2700]:last-child{border-right:none}.week-task[data-v-193e2700]{background:var(--role-light);color:var(--role-primary);padding:5px 8px;border-radius:5px;font-size:12px;margin-bottom:5px;cursor:pointer;transition:all .2s ease}.week-task[data-v-193e2700]:hover{background:var(--role-primary);color:#fff}.add-task-quick[data-v-193e2700]{margin-top:10px;font-size:12px;padding:5px 10px}.day-view[data-v-193e2700]{background:var(--bg-primary);border-radius:10px;overflow:hidden}.day-header[data-v-193e2700]{padding:20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);text-align:center}.day-timeline[data-v-193e2700]{max-height:500px;overflow-y:auto}.time-slot[data-v-193e2700]{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--border-color);min-height:60px}.time-label[data-v-193e2700]{padding:15px 10px;background:var(--bg-secondary);border-right:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.time-content[data-v-193e2700]{padding:10px;position:relative;min-height:60px}.time-task[data-v-193e2700]{background:var(--role-light);border:1px solid var(--role-primary);border-radius:5px;padding:8px 10px;margin-bottom:5px;cursor:pointer;transition:all .2s ease}.time-task[data-v-193e2700]:hover{background:var(--role-primary);color:#fff}.task-title[data-v-193e2700]{font-weight:600;display:block}.task-time[data-v-193e2700]{font-size:11px;opacity:.8}.add-task-time[data-v-193e2700]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;padding:5px 10px;opacity:0;transition:opacity .2s ease}.time-content:hover .add-task-time[data-v-193e2700]{opacity:1}.completed-task-item[data-v-193e2700]{background:var(--bg-tertiary)!important;border-color:#10b981!important;opacity:.8}.task-title[data-v-193e2700]{transition:all .3s ease}.badge-danger[data-v-193e2700]{background-color:#ef4444!important}.badge-warning[data-v-193e2700]{background-color:#f59e0b!important}.badge-info[data-v-193e2700]{background-color:#06b6d4!important}.task-count[data-v-193e2700]{position:absolute;top:5px;right:5px;background:var(--role-primary);color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.badge[data-v-193e2700]{transition:all .3s ease}.badge[data-v-193e2700]:hover{transform:scale(1.1)}.calendar-day.has-tasks[data-v-193e2700]{font-weight:600}@media (max-width:768px){.week-body[data-v-193e2700],.week-header[data-v-193e2700]{grid-template-columns:repeat(7,1fr);gap:1px}.week-day-header[data-v-193e2700]{padding:10px 5px}.day-name[data-v-193e2700]{font-size:10px}.day-date[data-v-193e2700]{font-size:14px}.time-slot[data-v-193e2700]{grid-template-columns:60px 1fr}.time-label[data-v-193e2700]{font-size:10px;padding:10px 5px}}.badge-progress[data-v-d3a1bb20]{background:hsla(0,0%,100%,.2);border-radius:9999px;padding:6px 10px;min-width:170px;position:relative;overflow:hidden;display:inline-block}.progress-bar[data-v-d3a1bb20]{background:hsla(0,0%,100%,.9);border-radius:9999px;height:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.progress-bar[data-v-d3a1bb20]:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#34d399,#10b981);width:var(--progress-width,33%);border-radius:9999px;transition:width .5s ease;z-index:1}.progress-text[data-v-d3a1bb20]{font-size:12px;position:relative;z-index:2;background:rgba(0,0,0,.35);padding:2px 8px;border-radius:9999px;letter-spacing:.2px}.badge-card[data-v-d3a1bb20]{background:var(--bg-primary);border-radius:15px;padding:20px;text-align:center;transition:all .3s ease;border:2px solid transparent;height:100%;color:var(--text-primary)}.badge-card[data-v-d3a1bb20]:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.badge-card.earned[data-v-d3a1bb20]{border-color:#10b981}.badge-card.locked[data-v-d3a1bb20]{opacity:.6;background:var(--bg-secondary)}.badge-icon-container[data-v-d3a1bb20]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.badge-card.locked .badge-icon-container[data-v-d3a1bb20]{background:#9ca3af!important}.badge-icon[data-v-d3a1bb20]{font-size:32px}.lock-icon[data-v-d3a1bb20]{font-size:24px;color:#fff}.create-badge-btn[data-v-d3a1bb20]{font-weight:600;transition:all .3s ease}.create-badge-btn[data-v-d3a1bb20]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.featured-badge[data-v-d3a1bb20]{padding:20px;border-radius:15px;background:linear-gradient(135deg,#86efac,#10b981);color:#fff}.featured-badge-icon[data-v-d3a1bb20]{width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto}.progress-container[data-v-d3a1bb20]{margin:15px 0}.progress-bar-custom[data-v-d3a1bb20]{background:hsla(0,0%,100%,.3);height:8px;border-radius:4px;overflow:hidden;margin-bottom:5px}.progress-fill[data-v-d3a1bb20]{background:#fff;height:100%;border-radius:4px;transition:width .3s ease}.modal-overlay[data-v-d3a1bb20]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-d3a1bb20]{background:var(--bg-primary);border-radius:15px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;color:var(--text-primary)}.modal-header[data-v-d3a1bb20]{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-body[data-v-d3a1bb20]{padding:20px}.modal-footer[data-v-d3a1bb20]{padding:20px;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end}.btn-close[data-v-d3a1bb20]{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0}.icon-selector[data-v-d3a1bb20]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px}.icon-option[data-v-d3a1bb20]{width:50px;height:50px;border:2px solid var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .3s ease;background:var(--bg-primary)}.icon-option[data-v-d3a1bb20]:hover{border-color:var(--role-primary)}.icon-option.active[data-v-d3a1bb20]{border-color:var(--role-primary);background:var(--role-light)}.color-selector[data-v-d3a1bb20]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.color-option[data-v-d3a1bb20]{width:50px;height:50px;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .3s ease}.color-option[data-v-d3a1bb20]:hover{transform:scale(1.1)}.color-option.active[data-v-d3a1bb20]{border-color:var(--text-primary);transform:scale(1.1)}.badge-description[data-v-d3a1bb20],.badge-title[data-v-d3a1bb20]{color:var(--text-primary)!important}.earned-indicator[data-v-d3a1bb20]{position:absolute;top:-5px;right:-5px;background:#10b981;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #fff}.progress-ring[data-v-d3a1bb20]{position:absolute;bottom:-10px;right:-10px;width:40px;height:40px}.progress-circle[data-v-d3a1bb20]{width:100%;height:100%;background:conic-gradient(#10b981 var(--progress),#e5e7eb var(--progress))}.progress-circle[data-v-d3a1bb20],.progress-text[data-v-d3a1bb20]{border-radius:50%;display:flex;align-items:center;justify-content:center}.progress-text[data-v-d3a1bb20]{font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,.7);width:24px;height:24px}.progress-bar-mini[data-v-d3a1bb20]{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:5px}.progress-fill-mini[data-v-d3a1bb20]{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.progress-details[data-v-d3a1bb20]{margin-top:10px}.unlock-hint[data-v-d3a1bb20]{margin-top:8px}.almost-unlocked[data-v-d3a1bb20]{animation:glow-d3a1bb20 2s ease-in-out infinite alternate;border-color:#fbbf24!important}@keyframes glow-d3a1bb20{0%{box-shadow:0 0 10px rgba(251,191,36,.5)}to{box-shadow:0 0 20px rgba(251,191,36,.8)}}.badge-detail-overlay[data-v-d3a1bb20]{backdrop-filter:blur(5px)}.badge-detail-modal[data-v-d3a1bb20]{max-width:600px;max-height:80vh;overflow-y:auto}.badge-detail-header[data-v-d3a1bb20]{padding:30px;border-radius:15px 15px 0 0;position:relative}.badge-detail-icon[data-v-d3a1bb20]{font-size:64px;margin-bottom:15px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.achievement-celebration[data-v-d3a1bb20]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:15px;padding:20px}.celebration-icon[data-v-d3a1bb20]{font-size:48px;margin-bottom:10px}.stat-item[data-v-d3a1bb20]{display:flex;align-items:center;padding:15px;background:var(--bg-secondary);border-radius:10px;margin-bottom:10px}.stat-icon[data-v-d3a1bb20]{font-size:24px;margin-right:10px}.large-progress-bar[data-v-d3a1bb20]{height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden;position:relative;margin-bottom:10px}.progress-fill-large[data-v-d3a1bb20]{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:10px;transition:width .3s ease}.progress-label[data-v-d3a1bb20]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.requirement-item[data-v-d3a1bb20]{display:flex;align-items:center;padding:10px;background:var(--bg-secondary);border-radius:8px;margin-bottom:10px}.tips-list[data-v-d3a1bb20]{list-style:none;padding:0}.tips-list li[data-v-d3a1bb20]{padding:8px 0;border-bottom:1px solid var(--border-color);position:relative;padding-left:20px}.tips-list li[data-v-d3a1bb20]:before{content:"💡";position:absolute;left:0}.tips-list li[data-v-d3a1bb20]:last-child{border-bottom:none}.badge-tooltip[data-v-d3a1bb20]{background:rgba(0,0,0,.9);color:#fff;padding:15px;border-radius:10px;max-width:250px;box-shadow:0 8px 16px rgba(0,0,0,.3);pointer-events:none}.tooltip-content h6[data-v-d3a1bb20]{color:#fff!important;margin-bottom:8px}.tooltip-content p[data-v-d3a1bb20]{color:hsla(0,0%,100%,.9)!important;margin-bottom:8px}.mini-progress-bar[data-v-d3a1bb20]{height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;overflow:hidden;margin-bottom:5px}.mini-progress-fill[data-v-d3a1bb20]{height:100%;background:#10b981;border-radius:2px;transition:width .3s ease}.confetti-container[data-v-d3a1bb20]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.confetti[data-v-d3a1bb20]{position:absolute;width:10px;height:10px;background:var(--color);animation:confetti-fall-d3a1bb20 3s linear}@keyframes confetti-fall-d3a1bb20{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) translateX(var(--x-end)) rotate(var(--rotation));opacity:0}}.badge-card.earned[data-v-d3a1bb20]:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.2);cursor:pointer}.badge-card.locked[data-v-d3a1bb20]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.btn[data-v-d3a1bb20]:hover{transform:translateY(-1px)}.progress-bar[data-v-d3a1bb20],.progress-fill-large[data-v-d3a1bb20],.progress-fill-mini[data-v-d3a1bb20]{transition:width .5s ease-in-out}.badge-details-expanded[data-v-d3a1bb20]{background:var(--bg-secondary);border-radius:15px;padding:20px;margin-top:15px;border:2px solid var(--border-color);animation:slideDown-d3a1bb20 .3s ease-out}@keyframes slideDown-d3a1bb20{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-header[data-v-d3a1bb20]{border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:15px}.requirement-item-inline[data-v-d3a1bb20]{display:flex;align-items:center;padding:10px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.progress-breakdown[data-v-d3a1bb20]{background:var(--bg-primary);border-radius:10px;padding:15px;border:1px solid var(--border-color)}.progress-stats[data-v-d3a1bb20]{display:flex;flex-direction:column;gap:8px}.stat-row[data-v-d3a1bb20]{display:flex;justify-content:between;align-items:center}.stat-label[data-v-d3a1bb20]{font-weight:500;color:var(--text-secondary);flex:1}.stat-value[data-v-d3a1bb20]{font-weight:700;font-size:16px}.tips-section-inline[data-v-d3a1bb20]{background:var(--bg-primary);border-radius:10px;padding:15px;border:1px solid var(--border-color)}.tips-list-inline[data-v-d3a1bb20]{display:flex;flex-direction:column;gap:8px}.tip-item[data-v-d3a1bb20]{display:flex;align-items:center;padding:8px 0;font-size:14px;color:var(--text-primary)}.detail-actions[data-v-d3a1bb20]{display:flex;gap:10px;justify-content:center;padding-top:15px;border-top:1px solid var(--border-color)}.detail-actions .btn[data-v-d3a1bb20]{flex:1;max-width:150px}.detail-actions .btn[data-v-d3a1bb20]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.badge-detail-modal[data-v-d3a1bb20]{margin:10px;max-height:90vh}.badge-detail-header[data-v-d3a1bb20]{padding:20px}.badge-detail-icon[data-v-d3a1bb20]{font-size:48px}.badge-tooltip[data-v-d3a1bb20]{max-width:200px;font-size:12px}.stat-item[data-v-d3a1bb20]{padding:10px}.tips-list li[data-v-d3a1bb20]{font-size:14px}.badge-details-expanded[data-v-d3a1bb20]{padding:15px}.detail-actions[data-v-d3a1bb20]{flex-direction:column}.detail-actions .btn[data-v-d3a1bb20]{max-width:none}.progress-stats[data-v-d3a1bb20]{gap:6px}.tip-item[data-v-d3a1bb20]{font-size:13px}}.story-reader[data-v-2dee6190]{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.story-reader.fullscreen[data-v-2dee6190]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--bg-primary)}.reader-header[data-v-2dee6190]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:15px 20px;position:sticky;top:0;z-index:100}.btn-ghost[data-v-2dee6190]{background:transparent;border:none;color:var(--text-primary);padding:8px 12px;border-radius:8px;transition:all .3s ease}.btn-ghost[data-v-2dee6190]:hover{background:var(--bg-tertiary);color:var(--role-primary)}.reading-progress-mini[data-v-2dee6190]{display:flex;align-items:center;gap:10px;background:var(--bg-primary);padding:8px 12px;border-radius:20px;border:1px solid var(--border-color)}.progress-bar-mini[data-v-2dee6190]{width:60px;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.progress-fill-mini[data-v-2dee6190]{height:100%;background:var(--role-primary);border-radius:2px;transition:width .3s ease}.progress-text[data-v-2dee6190]{font-size:12px;font-weight:600;color:var(--text-secondary)}.story-content[data-v-2dee6190]{flex:1;padding:40px 20px;max-width:800px;margin:0 auto;width:100%}.story-page[data-v-2dee6190]{background:var(--bg-primary);border-radius:15px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.1);min-height:500px}.page-header[data-v-2dee6190]{margin-bottom:30px}.page-illustration[data-v-2dee6190]{font-size:80px;margin-bottom:20px}.page-title[data-v-2dee6190]{color:var(--text-primary);font-size:24px;margin-bottom:20px}.page-text[data-v-2dee6190]{font-size:18px;line-height:1.8;color:var(--text-primary);text-align:justify}.page-text.large-text[data-v-2dee6190]{font-size:22px;line-height:2}.page-questions[data-v-2dee6190]{background:var(--bg-secondary);border-radius:15px;padding:20px;border:1px solid var(--border-color)}.question-item[data-v-2dee6190]{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.question-item[data-v-2dee6190]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.question-text[data-v-2dee6190]{font-weight:600;color:var(--text-primary);margin-bottom:10px}.vocabulary-section[data-v-2dee6190]{background:var(--bg-secondary);border-radius:15px;padding:20px;border:1px solid var(--border-color)}.vocabulary-grid[data-v-2dee6190]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.vocabulary-card[data-v-2dee6190]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:15px;cursor:pointer;transition:all .3s ease}.vocabulary-card[data-v-2dee6190]:hover{border-color:var(--role-primary);transform:translateY(-2px)}.story-navigation[data-v-2dee6190]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:20px;position:sticky;bottom:0}.page-indicators[data-v-2dee6190]{display:flex;gap:8px;align-items:center}.page-dot[data-v-2dee6190]{width:12px;height:12px;border-radius:50%;background:var(--border-color);cursor:pointer;transition:all .3s ease}.page-dot.completed[data-v-2dee6190]{background:var(--role-success)}.page-dot.active[data-v-2dee6190]{background:var(--role-primary);transform:scale(1.3)}.page-dot[data-v-2dee6190]:hover{transform:scale(1.2)}.completion-modal[data-v-2dee6190]{max-width:500px}.completion-celebration[data-v-2dee6190]{text-align:center;padding:20px}.celebration-icon[data-v-2dee6190]{font-size:64px;margin-bottom:15px}.reading-stats[data-v-2dee6190]{background:var(--bg-secondary);border-radius:15px;padding:20px;margin:20px 0}.stat-item[data-v-2dee6190]{text-align:center}.stat-number[data-v-2dee6190]{font-size:32px;font-weight:700;color:var(--role-primary)}.stat-label[data-v-2dee6190]{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.definition-tooltip[data-v-2dee6190]{position:fixed;background:rgba(0,0,0,.9);color:#fff;padding:15px;border-radius:10px;max-width:250px;z-index:1000;box-shadow:0 8px 16px rgba(0,0,0,.3)}.tooltip-content h6[data-v-2dee6190]{color:#fff;margin-bottom:8px}.tooltip-content p[data-v-2dee6190]{color:hsla(0,0%,100%,.9);margin:0}@media (max-width:768px){.story-content[data-v-2dee6190]{padding:20px 15px}.story-page[data-v-2dee6190]{padding:20px}.page-illustration[data-v-2dee6190]{font-size:60px}.page-text[data-v-2dee6190]{font-size:16px}.reader-header[data-v-2dee6190]{padding:10px 15px}.reading-progress-mini[data-v-2dee6190]{display:none}.story-navigation[data-v-2dee6190]{padding:15px}.vocabulary-grid[data-v-2dee6190]{grid-template-columns:1fr}}.story-featured-image[data-v-1242e58c]{box-shadow:0 10px 25px rgba(0,0,0,.1)}.nav-pills[data-v-1242e58c]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.nav-pill[data-v-1242e58c]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:12px 20px;border-radius:25px;font-weight:600;transition:all .3s ease;cursor:pointer}.nav-pill[data-v-1242e58c]:hover{background:var(--bg-tertiary);border-color:var(--role-primary)}.nav-pill.active[data-v-1242e58c]{background:var(--role-primary);color:#fff;border-color:var(--role-primary)}.story-card[data-v-1242e58c]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:15px;overflow:hidden;transition:all .3s ease;height:100%;position:relative}.story-card[data-v-1242e58c]:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.story-card-image[data-v-1242e58c]{background:var(--role-light);height:120px;display:flex;align-items:center;justify-content:center;font-size:48px;border-bottom:1px solid var(--border-color)}.story-card-content[data-v-1242e58c]{padding:15px;color:var(--text-primary)}.story-card-content h6[data-v-1242e58c]{color:var(--text-primary)}.story-card-content .text-muted[data-v-1242e58c]{color:var(--text-muted)!important}.story-level-badge[data-v-1242e58c]{background:var(--role-light);color:var(--role-primary);padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600}.continue-reading-card[data-v-1242e58c]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:15px;padding:15px;cursor:pointer;transition:all .3s ease}.continue-reading-card[data-v-1242e58c]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1);border-color:var(--role-primary)}.book-thumbnail[data-v-1242e58c]{width:50px;height:50px;background:var(--role-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px}.progress-bar-small[data-v-1242e58c]{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-bottom:5px}.progress-fill-small[data-v-1242e58c]{height:100%;background:linear-gradient(90deg,var(--role-primary),var(--role-secondary));border-radius:3px;transition:width .3s ease}.reading-streak[data-v-1242e58c]{font-weight:600;font-size:16px}.reading-progress-indicator[data-v-1242e58c]{margin-top:10px}.story-card[data-v-1242e58c]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--role-primary),var(--role-secondary));border-radius:17px;opacity:0;transition:opacity .3s ease;z-index:-1}.story-card[data-v-1242e58c]:hover:before{opacity:.1}.story-card[data-progress=new][data-v-1242e58c]{border-left:4px solid var(--role-primary)}.story-card[data-progress=reading][data-v-1242e58c]{border-left:4px solid var(--role-warning)}.story-card[data-progress=completed][data-v-1242e58c]{border-left:4px solid var(--role-success)}@media (max-width:768px){.continue-reading-card[data-v-1242e58c]{padding:12px}.book-thumbnail[data-v-1242e58c]{width:40px;height:40px;font-size:20px}.reading-streak[data-v-1242e58c]{font-size:14px}}.routine-btn[data-v-6fa560cc]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:15px 20px;border-radius:15px;font-weight:600;transition:all .3s ease;cursor:pointer;min-width:180px;text-align:center}.routine-btn[data-v-6fa560cc]:hover{background:var(--bg-tertiary);border-color:var(--role-primary);transform:translateY(-2px)}.routine-btn.active[data-v-6fa560cc]{background:var(--role-primary);color:#fff;border-color:var(--role-primary)}.level-btn[data-v-6fa560cc]{color:#fff;border:none;border-radius:25px;padding:8px 24px;font-weight:600;transition:all .3s ease;opacity:.7}.level-btn.active[data-v-6fa560cc]{opacity:1;transform:scale(1.05)}.video-player-container[data-v-6fa560cc]{height:350px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.video-placeholder[data-v-6fa560cc]{height:100%;color:#fff}.play-button[data-v-6fa560cc]{width:80px;height:80px;border-radius:50%;background:hsla(0,0%,100%,.2);border:3px solid #fff;color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.play-button[data-v-6fa560cc]:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.exercise-timer[data-v-6fa560cc]{text-align:center}.timer-display[data-v-6fa560cc]{font-size:48px;font-weight:700;margin-bottom:15px}.timer-controls[data-v-6fa560cc]{display:flex;justify-content:center;gap:10px}.progress-ring[data-v-6fa560cc]{position:relative}.progress-text[data-v-6fa560cc]{font-size:18px;font-weight:700;fill:#10b981}.progress-label[data-v-6fa560cc]{font-size:12px;fill:var(--text-secondary)}.streak-counter[data-v-6fa560cc]{transition:all .3s ease}.streak-counter[data-v-6fa560cc]:hover{transform:scale(1.05)}.exercise-card[data-v-6fa560cc]{transition:all .3s ease;border:none;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;position:relative}.exercise-card[data-v-6fa560cc]:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.exercise-card.completed[data-v-6fa560cc]{border:2px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.exercise-card.selected[data-v-6fa560cc]{border:2px solid var(--role-primary);box-shadow:0 0 20px rgba(139,92,246,.3)}.exercise-icon-container[data-v-6fa560cc]{height:80px;border-radius:20px 20px 0 0;position:relative}.exercise-icon[data-v-6fa560cc]{font-size:32px}.completion-badge[data-v-6fa560cc]{position:absolute;top:10px;right:10px;color:#10b981;font-size:24px;background:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.exercise-meta[data-v-6fa560cc]{border-top:1px solid var(--border-color);padding-top:10px}.btn-start[data-v-6fa560cc]{background:#f87171;color:#fff;border:none;border-radius:15px;padding:10px;font-weight:600;transition:all .3s ease}.btn-start[data-v-6fa560cc]:hover{background:#ef4444;transform:translateY(-2px)}.btn-completed[data-v-6fa560cc]{background:#10b981!important;color:#fff}.btn-completed[data-v-6fa560cc]:hover{background:#059669!important}.exercise-detail-modal[data-v-6fa560cc]{max-width:600px;max-height:80vh;overflow-y:auto}.exercise-preview[data-v-6fa560cc]{height:200px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.exercise-icon-large[data-v-6fa560cc]{font-size:80px;color:#fff}.detail-stats[data-v-6fa560cc]{display:flex;flex-direction:column;gap:10px}.stat-item[data-v-6fa560cc]{display:flex;align-items:center;gap:10px;padding:8px 0}.instructions-list[data-v-6fa560cc]{display:flex;flex-direction:column;gap:15px}.instruction-item[data-v-6fa560cc]{display:flex;align-items:flex-start;gap:15px;padding:15px;background:var(--bg-secondary);border-radius:10px}.instruction-number[data-v-6fa560cc]{background:var(--role-primary);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.instruction-text[data-v-6fa560cc]{flex:1;line-height:1.5}.achievement-toast[data-v-6fa560cc]{position:fixed;bottom:20px;right:20px;z-index:1000;animation:slideIn-6fa560cc .5s ease}.achievement-content[data-v-6fa560cc]{background:var(--bg-primary);border-radius:15px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;align-items:center;gap:15px;max-width:350px;color:var(--text-primary);border:2px solid #10b981}.achievement-badge[data-v-6fa560cc]{font-size:32px}.btn-close-achievement[data-v-6fa560cc]{background:none;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.completion-celebration[data-v-6fa560cc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.celebration-content[data-v-6fa560cc]{background:var(--bg-primary);border-radius:20px;padding:40px;text-align:center;max-width:500px;margin:20px}.celebration-animation[data-v-6fa560cc]{font-size:80px;margin-bottom:20px;animation:bounce-6fa560cc 1s infinite}.celebration-stats[data-v-6fa560cc]{background:var(--bg-secondary);border-radius:15px;padding:20px;margin:20px 0}.stat-number[data-v-6fa560cc]{font-size:24px;font-weight:700;color:var(--role-primary)}.stat-label[data-v-6fa560cc]{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}@keyframes slideIn-6fa560cc{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes bounce-6fa560cc{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.routine-btn[data-v-6fa560cc]{min-width:140px;padding:12px 15px}.video-player-container[data-v-6fa560cc]{height:250px}.timer-display[data-v-6fa560cc]{font-size:36px}.exercise-detail-modal[data-v-6fa560cc]{margin:10px;max-height:90vh}.celebration-content[data-v-6fa560cc]{padding:30px 20px}.celebration-animation[data-v-6fa560cc]{font-size:60px}}.current-word-display[data-v-e26c8244]{background:var(--bg-secondary);border-radius:12px;padding:20px;border:2px solid #06d6a0;margin-bottom:20px}.pronunciation-result[data-v-e26c8244]{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.accuracy-score[data-v-e26c8244]{text-align:center;margin-bottom:16px}.score-circle[data-v-e26c8244]{width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin:0 auto}.score-circle.excellent[data-v-e26c8244]{background:#10b981}.score-circle.good[data-v-e26c8244]{background:#06d6a0}.score-circle.fair[data-v-e26c8244]{background:#f59e0b}.score-circle.needs-improvement[data-v-e26c8244]{background:#ef4444}.score-number[data-v-e26c8244]{font-size:18px;font-weight:700}.feedback h6[data-v-e26c8244]{color:var(--text-primary);margin-bottom:8px}.feedback p[data-v-e26c8244]{color:var(--text-secondary);margin-bottom:12px}.feedback ul[data-v-e26c8244]{margin:0;padding-left:20px}.feedback li[data-v-e26c8244]{color:var(--text-secondary);margin-bottom:4px}.word-item[data-v-e26c8244]{cursor:pointer}.word-item[data-v-e26c8244]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.word-item.active[data-v-e26c8244]{border-color:#06d6a0;background:rgba(6,214,160,.1)}.word-content[data-v-e26c8244]{flex:1}.word-definition[data-v-e26c8244]{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.word-actions[data-v-e26c8244]{display:flex;align-items:center;gap:8px}.accuracy-badge[data-v-e26c8244]{background:#06d6a0;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.luna-chat-card[data-v-e26c8244]{background:var(--bg-primary);border-radius:16px;padding:20px;border:1px solid var(--border-color);box-shadow:var(--shadow);max-height:400px;display:flex;flex-direction:column}.chat-title[data-v-e26c8244]{color:var(--text-primary);font-weight:700;font-size:14px;letter-spacing:1px;margin-bottom:16px}.chat-messages[data-v-e26c8244]{flex:1;overflow-y:auto;margin-bottom:16px;max-height:200px;scrollbar-width:thin}.chat-messages[data-v-e26c8244]::-webkit-scrollbar{width:4px}.chat-messages[data-v-e26c8244]::-webkit-scrollbar-track{background:var(--bg-tertiary)}.chat-messages[data-v-e26c8244]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.chat-message[data-v-e26c8244]{margin-bottom:12px;display:flex}.user-message[data-v-e26c8244]{justify-content:flex-end}.luna-message[data-v-e26c8244]{justify-content:flex-start}.message-content[data-v-e26c8244]{max-width:80%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4}.user-message .message-content[data-v-e26c8244]{background:#06d6a0;color:#fff}.luna-message .message-content[data-v-e26c8244]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.chat-input[data-v-e26c8244]{display:flex;gap:8px}.chat-input input[data-v-e26c8244]{flex:1;border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:14px}.chat-input button[data-v-e26c8244]{border-radius:8px;padding:8px 16px}.btn-voice[data-v-e26c8244]{position:relative;min-width:48px;padding:8px 12px!important;border-radius:8px;transition:all .3s ease}.btn-voice[data-v-e26c8244]:not(.recording):hover{transform:scale(1.05)}.btn-voice.recording[data-v-e26c8244]{animation:pulse-recording-e26c8244 1.5s infinite;box-shadow:0 0 0 4px rgba(220,53,69,.3)}.recording-pulse[data-v-e26c8244]{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ff4757;border-radius:50%;animation:pulse-dot-e26c8244 1s infinite}.volume-meter[data-v-e26c8244]{display:flex;align-items:center;width:60px;height:4px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden;margin:0 8px;position:relative}.volume-bar[data-v-e26c8244]{height:100%;background:linear-gradient(90deg,#28a745,#ffc107 50%,#dc3545);border-radius:2px;transition:width .1s ease;min-width:2px}@keyframes pulse-recording-e26c8244{0%,to{box-shadow:0 0 0 4px rgba(220,53,69,.3)}50%{box-shadow:0 0 0 8px rgba(220,53,69,.1)}}@keyframes pulse-dot-e26c8244{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.typing-indicator[data-v-e26c8244]{display:flex;gap:4px;align-items:center}.typing-indicator span[data-v-e26c8244]{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:typing-e26c8244 1.4s ease-in-out infinite}.typing-indicator span[data-v-e26c8244]:first-child{animation-delay:-.32s}.typing-indicator span[data-v-e26c8244]:nth-child(2){animation-delay:-.16s}@keyframes typing-e26c8244{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.microphone-btn.processing[data-v-e26c8244]{background:#f59e0b;animation:processing-e26c8244 1s ease-in-out infinite}@keyframes processing-e26c8244{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stats-grid[data-v-e26c8244]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-small[data-v-e26c8244]{text-align:center;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.stat-value[data-v-e26c8244]{display:block;font-size:18px;font-weight:700;color:var(--text-primary)}.stat-small .stat-label[data-v-e26c8244]{font-size:12px;color:var(--text-secondary)}.spinner-border-sm[data-v-e26c8244]{width:1rem;height:1rem}@media (max-width:768px){.luna-chat-card[data-v-e26c8244]{max-height:300px}.chat-messages[data-v-e26c8244]{max-height:150px}.stats-grid[data-v-e26c8244]{grid-template-columns:1fr;gap:8px}.word-item[data-v-e26c8244]{padding:12px 16px}.word-definition[data-v-e26c8244]{display:none}}.language-learning-page[data-v-e26c8244]{background:linear-gradient(135deg,#1e40af,#3b82f6);min-height:100vh}.luna-header[data-v-e26c8244]{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);padding:24px 0;color:#fff}.luna-header h4[data-v-e26c8244]{color:#fff!important}.luna-header p[data-v-e26c8244]{color:hsla(0,0%,100%,.9)!important}.luna-avatar[data-v-e26c8244]{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center}.avatar-img[data-v-e26c8244]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.luna-character[data-v-e26c8244]{width:100%;height:100%;background:linear-gradient(135deg,#a855f7,#ec4899 50%,#fbbf24);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:visible;animation:gentle-glow-e26c8244 3s ease-in-out infinite alternate}.luna-face[data-v-e26c8244]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.luna-eyes[data-v-e26c8244]{display:flex;gap:8px;margin-bottom:4px}.eye[data-v-e26c8244]{width:8px;height:8px;background:#fff;border-radius:50%;position:relative;animation:blink-e26c8244 4s infinite}.eye[data-v-e26c8244]:after{content:"";position:absolute;top:2px;left:2px;width:4px;height:4px;background:#1f2937;border-radius:50%}.luna-mouth[data-v-e26c8244]{font-size:16px;animation:smile-e26c8244 2s ease-in-out infinite alternate}.luna-sparkles[data-v-e26c8244]{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;pointer-events:none}.sparkle[data-v-e26c8244]{position:absolute;font-size:12px;animation:twinkle-e26c8244 2s infinite}.sparkle-1[data-v-e26c8244]{top:10%;right:15%;animation-delay:0s}.sparkle-2[data-v-e26c8244]{bottom:15%;left:10%;animation-delay:.7s}.sparkle-3[data-v-e26c8244]{top:60%;right:5%;animation-delay:1.4s}@keyframes gentle-glow-e26c8244{0%{box-shadow:0 0 20px rgba(168,85,247,.4)}to{box-shadow:0 0 30px rgba(236,72,153,.6)}}@keyframes blink-e26c8244{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes smile-e26c8244{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes twinkle-e26c8244{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.level-selector[data-v-e26c8244]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff;border-radius:8px;padding:8px 16px}.level-selector option[data-v-e26c8244]{background:var(--bg-primary);color:var(--text-primary)}.learning-tabs[data-v-e26c8244]{display:flex;gap:16px;padding:0 24px}.tab-button[data-v-e26c8244]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer}.tab-button.active[data-v-e26c8244]{background:#06d6a0;border-color:#06d6a0;color:#fff}.tab-button[data-v-e26c8244]:hover:not(.active){background:hsla(0,0%,100%,.3)}.container-fluid[data-v-e26c8244]{padding:24px}.practice-section[data-v-e26c8244]{background:var(--bg-primary);border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.section-title[data-v-e26c8244]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:12px 24px;border-radius:8px;margin:0;text-align:center;font-weight:700}.word-list[data-v-e26c8244]{display:flex;flex-direction:column;gap:16px}.word-item[data-v-e26c8244]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:2px solid var(--border-color);border-radius:12px;transition:all .3s ease;background:var(--bg-secondary)}.word-item.completed[data-v-e26c8244]{border-color:#10b981;background:var(--role-light,#f0fdf4)}.word-text[data-v-e26c8244]{font-size:18px;font-weight:600;color:var(--text-primary)}.btn-play[data-v-e26c8244]{background:#06d6a0;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.voice-interface[data-v-e26c8244]{background:var(--bg-secondary);border-radius:12px;padding:32px;text-align:center;border:1px solid var(--border-color)}.voice-interface p[data-v-e26c8244]{color:var(--text-primary)}.microphone-btn[data-v-e26c8244]{width:120px;height:120px;border-radius:50%;background:#06d6a0;border:none;color:#fff;font-size:48px;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease;cursor:pointer;box-shadow:0 8px 32px rgba(6,214,160,.3)}.microphone-btn[data-v-e26c8244]:hover{transform:scale(1.05)}.microphone-btn.recording[data-v-e26c8244]{background:#ef4444;animation:pulse-e26c8244 2s infinite}@keyframes pulse-e26c8244{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 20px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.action-buttons[data-v-e26c8244]{display:flex;gap:16px;justify-content:center;margin-top:24px}.btn-secondary[data-v-e26c8244]{background:#f87171}.btn-primary[data-v-e26c8244],.btn-secondary[data-v-e26c8244]{border:none;color:#fff;padding:12px 24px;border-radius:20px;font-weight:600}.btn-primary[data-v-e26c8244]{background:#10b981}.progress-card[data-v-e26c8244],.tips-card[data-v-e26c8244]{background:var(--bg-primary);border-radius:16px;padding:24px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.progress-title[data-v-e26c8244],.tips-title[data-v-e26c8244]{color:var(--text-primary);font-weight:700;font-size:14px;letter-spacing:1px}.voice-settings-panel[data-v-e26c8244]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 0;border-bottom:1px solid hsla(0,0%,100%,.1);animation:slideDown-e26c8244 .3s ease-out}@keyframes slideDown-e26c8244{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.voice-panel-content[data-v-e26c8244]{background:hsla(0,0%,100%,.1);border-radius:12px;padding:20px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.voice-title[data-v-e26c8244]{color:#fff;font-weight:700;margin-bottom:16px}.voice-settings-btn[data-v-e26c8244]{transition:all .3s ease}.voice-settings-btn.active[data-v-e26c8244],.voice-settings-btn[data-v-e26c8244]:hover{background:#06d6a0;border-color:#06d6a0;color:#fff}.voice-settings-btn[data-v-e26c8244]:hover{transform:scale(1.05)}.voice-parameters .form-range[data-v-e26c8244],.voice-selection .form-select[data-v-e26c8244]{background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.3);color:#333}.voice-parameters .form-range[data-v-e26c8244]:focus,.voice-selection .form-select[data-v-e26c8244]:focus{border-color:#06d6a0;box-shadow:0 0 0 .2rem rgba(6,214,160,.25)}.voice-preview[data-v-e26c8244]{background:hsla(0,0%,100%,.1);border-radius:8px;padding:16px;border:1px solid hsla(0,0%,100%,.2)}.voice-preview .btn-primary[data-v-e26c8244]{background:#06d6a0;border-color:#06d6a0}.voice-preview .btn-primary[data-v-e26c8244]:hover{background:#05c5a0;border-color:#05c5a0;transform:scale(1.05)}.luna-character[data-v-e26c8244]{position:relative;animation:lunaFloat-e26c8244 3s ease-in-out infinite}@keyframes lunaFloat-e26c8244{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tips-list[data-v-e26c8244]{list-style:none;padding:0;margin:0}.tips-list li[data-v-e26c8244]{padding:8px 0;color:var(--text-secondary);font-size:14px;border-bottom:1px solid var(--border-color)}.tips-list li[data-v-e26c8244]:last-child{border-bottom:none}.stat-item[data-v-e26c8244]{text-align:center;margin-bottom:16px}.stat-number[data-v-e26c8244]{display:block;font-size:24px;font-weight:700;color:var(--text-primary)}.stat-label[data-v-e26c8244]{display:block;font-size:14px;color:var(--text-secondary)}.progress-bar-container[data-v-e26c8244]{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:16px;border:1px solid var(--border-color)}.progress-bar-fill[data-v-e26c8244]{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .3s ease}.level-badge[data-v-e26c8244]{text-align:center;background:var(--bg-secondary);color:var(--text-primary);padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;border:1px solid var(--border-color)}.streak-badge[data-v-e26c8244]{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff;padding:8px 12px;border-radius:50%;text-align:center;box-shadow:0 4px 12px rgba(236,72,153,.3);transform:rotate(12deg)}.progress-card[data-v-e26c8244]{position:relative}.streak-number[data-v-e26c8244]{font-size:12px;font-weight:700;line-height:1}.streak-label[data-v-e26c8244]{font-size:10px;line-height:1}@media (max-width:768px){.learning-tabs[data-v-e26c8244]{flex-direction:column;padding:0 16px}.action-buttons[data-v-e26c8244]{flex-direction:column}.microphone-btn[data-v-e26c8244]{width:100px;height:100px;font-size:40px}}.container-fluid[data-v-52975f78]{background-color:var(--bg-secondary);min-height:100vh}.fade-in[data-v-52975f78]{animation:fadeIn-52975f78 .5s ease-in}.gradient-text[data-v-52975f78]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn-52975f78{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-pills[data-v-52975f78]{display:flex;gap:.5rem;background:var(--bg-primary);padding:.5rem;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);flex-wrap:wrap}.nav-pill[data-v-52975f78]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;white-space:nowrap}.nav-pill[data-v-52975f78]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-pill.active[data-v-52975f78]{background:var(--role-primary);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.nav-pill i[data-v-52975f78]{font-size:1rem}.tab-content[data-v-52975f78]{margin-top:1rem}.greeting-section[data-v-52975f78]{background:var(--bg-primary);border-radius:16px;padding:20px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.greeting-icon[data-v-52975f78]{font-size:32px}.greeting-section h3[data-v-52975f78]{color:var(--text-primary)}.greeting-section p[data-v-52975f78]{color:var(--text-secondary)}.emotion-card[data-v-52975f78]{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.emotion-card p[data-v-52975f78]{color:var(--text-primary)}.emotion-selector[data-v-52975f78]{display:flex;gap:8px}.emotion-item[data-v-52975f78]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color)}.emotion-item[data-v-52975f78]:hover{transform:scale(1.1);background:var(--bg-tertiary)}.emotion-item.selected[data-v-52975f78]{background:var(--role-primary);border-color:var(--role-primary);transform:scale(1.1)}.dashboard-card[data-v-52975f78]{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border-color);height:100%}.dashboard-card h5[data-v-52975f78],.dashboard-card h6[data-v-52975f78]{color:var(--text-primary)}.badges-card[data-v-52975f78]{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.badges-card .badge-count[data-v-52975f78],.badges-card h5[data-v-52975f78],.badges-card p[data-v-52975f78],.badges-card[data-v-52975f78] *{color:#065f46!important}.star-filled[data-v-52975f78]{font-size:24px;margin-right:4px}.badge-count[data-v-52975f78]{color:#065f46;font-weight:600}.progress-container[data-v-52975f78]{width:100%;height:8px;background:rgba(6,95,70,.2);border-radius:4px;overflow:hidden}.progress-bar-custom[data-v-52975f78]{width:100%;height:100%;background:rgba(6,95,70,.2);border-radius:4px}.progress-fill[data-v-52975f78]{height:100%;background:#10b981;transition:width .3s ease}.btn-view-badges[data-v-52975f78]{background:#10b981;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600}.priority-task-card[data-v-52975f78]{background:linear-gradient(135deg,#fef3c7,#fde68a)}.priority-task-card .task-label[data-v-52975f78],.priority-task-card h6[data-v-52975f78],.priority-task-card p[data-v-52975f78],.priority-task-card[data-v-52975f78] *{color:#92400e!important}.task-icon[data-v-52975f78]{font-size:24px}.task-label[data-v-52975f78]{color:#92400e;font-size:14px}.progress-circle-container[data-v-52975f78]{position:relative}.progress-circle[data-v-52975f78]{width:80px;height:80px;border-radius:50%;background:#f59e0b;display:flex;align-items:center;justify-content:center;margin:0 auto}.progress-text[data-v-52975f78]{text-align:center;color:#fff}.progress-number[data-v-52975f78]{font-size:18px;font-weight:700;display:block}.progress-unit[data-v-52975f78]{font-size:10px;display:block}.btn-mark-done[data-v-52975f78]{background:#f59e0b;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-weight:600}.stories-card[data-v-52975f78]{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.stories-card .story-description[data-v-52975f78],.stories-card .story-meta[data-v-52975f78],.stories-card h6[data-v-52975f78],.stories-card p[data-v-52975f78],.stories-card[data-v-52975f78] *{color:#9d174d!important}.story-icon[data-v-52975f78]{font-size:48px;text-align:center}.story-meta[data-v-52975f78]{color:#be185d;font-size:14px}.story-description[data-v-52975f78]{color:#9d174d;font-size:14px}.btn-read-now[data-v-52975f78]{background:#ec4899;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-weight:600}.leaderboard-item[data-v-52975f78]{padding:8px 0}.leaderboard-item p[data-v-52975f78]{color:var(--text-primary)}.rank-badge[data-v-52975f78]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.rank-1[data-v-52975f78]{background:#f59e0b}.rank-2[data-v-52975f78]{background:#6b7280}.rank-3[data-v-52975f78]{background:#cd7c2f}.student-avatar[data-v-52975f78]{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.avatar-img[data-v-52975f78]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-emoji[data-v-52975f78]{font-size:24px}.view-all-link[data-v-52975f78]{color:var(--text-secondary);text-decoration:none;font-size:14px}.view-all-link[data-v-52975f78]:hover{color:var(--role-primary)}.insights-grid[data-v-52975f78]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.activity-item[data-v-52975f78]{cursor:pointer;padding:16px;border-radius:12px;transition:all .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color)}.activity-item[data-v-52975f78]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--role-primary)}.activity-item p[data-v-52975f78]{color:var(--text-primary)}.activity-icon[data-v-52975f78]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;margin:0 auto}.task-card[data-v-52975f78]{border-radius:12px;color:#fff}.task-card h6[data-v-52975f78],.task-card p[data-v-52975f78],.task-card small[data-v-52975f78],.task-card[data-v-52975f78] *{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.task-icon-large[data-v-52975f78]{font-size:32px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.btn-task[data-v-52975f78]{border:none;border-radius:8px;padding:8px 16px;font-weight:600;color:#fff}.challenge-card[data-v-52975f78]{background:linear-gradient(135deg,#fef3c7,#fde68a)}.challenge-card .text-muted[data-v-52975f78],.challenge-card h6[data-v-52975f78],.challenge-card p[data-v-52975f78],.challenge-card[data-v-52975f78] *{color:#92400e!important}.challenge-icon[data-v-52975f78]{font-size:32px}.btn-challenge[data-v-52975f78]{background:#f59e0b;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-weight:600}@media (max-width:768px){.insights-grid[data-v-52975f78]{grid-template-columns:repeat(4,1fr)}.activity-item[data-v-52975f78]{padding:12px}.activity-icon[data-v-52975f78]{width:40px;height:40px;font-size:16px}}.assignment-card[data-v-3ebc5294]{transition:transform .2s ease,box-shadow .2s ease}.assignment-card[data-v-3ebc5294]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-header[data-v-3ebc5294]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem}.card-body[data-v-3ebc5294]{padding:1rem}.modal.show[data-v-3ebc5294]{background:rgba(0,0,0,.5)}.modal-backdrop[data-v-3ebc5294]{background-color:rgba(0,0,0,.5)}.student-avatar[data-v-14f849d2]{width:40px;height:40px;border-radius:50%;background:var(--role-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.chart-container[data-v-14f849d2]{height:200px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px}.subject-item[data-v-14f849d2]{transition:all .2s ease}.subject-item[data-v-14f849d2]:hover{transform:translateX(5px)}.progress[data-v-14f849d2]{height:8px;background:var(--bg-secondary)}.insight-item[data-v-14f849d2],.recommendation-item[data-v-14f849d2]{transition:all .2s ease}.insight-item[data-v-14f849d2]:hover,.recommendation-item[data-v-14f849d2]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.table th[data-v-14f849d2]{border-top:none;font-weight:600;color:var(--text-primary)}.table td[data-v-14f849d2]{vertical-align:middle}.btn-group-sm .btn[data-v-14f849d2]{padding:.25rem .5rem}.progress[data-v-bf86bee8]{background-color:var(--bg-secondary);border-radius:4px}.progress-bar[data-v-bf86bee8]{border-radius:4px}.form-control[data-v-bf86bee8],.form-select[data-v-bf86bee8]{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.form-control[data-v-bf86bee8]:focus,.form-select[data-v-bf86bee8]:focus{background:var(--bg-primary);color:var(--text-primary);border-color:var(--role-primary);box-shadow:0 0 0 .2rem rgba(var(--role-primary-rgb),.25)}.form-select option[data-v-bf86bee8]{background:var(--bg-primary);color:var(--text-primary)}.table[data-v-bf86bee8]{color:var(--text-primary)}.table th[data-v-bf86bee8]{border-bottom:2px solid var(--border-color);color:var(--text-primary)}.table td[data-v-bf86bee8]{border-bottom:1px solid var(--border-color);color:var(--text-primary)}.progress-ring[data-v-bf86bee8]{position:relative;display:inline-block}.progress-donut[data-v-bf86bee8]{width:100px;height:100px;border-radius:50%}.progress-hole[data-v-bf86bee8]{position:absolute;top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50%;background:var(--bg-primary);box-shadow:inset 0 0 0 6px var(--bg-primary),0 0 0 6px var(--bg-primary)}.progress-ring-text[data-v-bf86bee8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:var(--role-primary)}.modern-card h5[data-v-bf86bee8],.modern-card h6[data-v-bf86bee8],.modern-card p[data-v-bf86bee8],.modern-card small[data-v-bf86bee8],.modern-card span[data-v-bf86bee8],.modern-card td[data-v-bf86bee8],.modern-card th[data-v-bf86bee8]{color:var(--text-primary)!important}.modern-card .text-muted[data-v-bf86bee8],.modern-card small[data-v-bf86bee8]{color:var(--text-secondary)!important}.table[data-v-bf86bee8]{background:transparent!important}.table td[data-v-bf86bee8],.table th[data-v-bf86bee8]{color:var(--text-primary)!important;border-color:var(--border-color)!important}.table thead th[data-v-bf86bee8]{color:var(--text-primary)!important;background:transparent!important}.form-control[data-v-bf86bee8]::-moz-placeholder{color:var(--text-muted)!important}.form-control[data-v-bf86bee8]::placeholder{color:var(--text-muted)!important}.badge[data-v-bf86bee8]{color:#fff!important}.modern-card .form-control[data-v-bf86bee8],.modern-card .form-select[data-v-bf86bee8],.modern-card div[data-v-bf86bee8],.modern-card h1[data-v-bf86bee8],.modern-card h2[data-v-bf86bee8],.modern-card h3[data-v-bf86bee8],.modern-card h4[data-v-bf86bee8],.modern-card h5[data-v-bf86bee8],.modern-card h6[data-v-bf86bee8],.modern-card label[data-v-bf86bee8],.modern-card p[data-v-bf86bee8],.modern-card span[data-v-bf86bee8],.modern-card td[data-v-bf86bee8],.modern-card th[data-v-bf86bee8]{color:#1f2937!important}.modern-card .text-muted[data-v-bf86bee8],.modern-card small[data-v-bf86bee8]{color:#6b7280!important}.modern-card .table[data-v-bf86bee8],.modern-card[data-v-bf86bee8] :not(.badge):not(.btn):not(.progress-bar){color:#1f2937!important}.modern-card .table td[data-v-bf86bee8],.modern-card .table th[data-v-bf86bee8]{color:#1f2937!important;border-color:rgba(31,41,55,.2)!important;background:transparent!important}.modern-card .table thead th[data-v-bf86bee8]{color:#1f2937!important;background:transparent!important}.modern-card .table tbody tr[data-v-bf86bee8],.modern-card .table tbody tr[data-v-bf86bee8]:nth-child(2n),.modern-card .table tbody tr[data-v-bf86bee8]:nth-child(odd){background:transparent!important}.modern-card .table tbody tr td[data-v-bf86bee8],.modern-card .table tbody tr:nth-child(2n) td[data-v-bf86bee8],.modern-card .table tbody tr:nth-child(odd) td[data-v-bf86bee8]{background:transparent!important;color:#1f2937!important}.modern-card .form-control[data-v-bf86bee8],.modern-card .form-select[data-v-bf86bee8]{background:hsla(0,0%,100%,.8)!important;color:#1f2937!important;border-color:rgba(31,41,55,.3)!important}.modern-card .form-control[data-v-bf86bee8]::-moz-placeholder{color:#6b7280!important}.modern-card .form-control[data-v-bf86bee8]::placeholder{color:#6b7280!important}.modern-card .form-control[data-v-bf86bee8]:focus,.modern-card .form-select[data-v-bf86bee8]:focus{background:hsla(0,0%,100%,.9)!important;color:#1f2937!important;border-color:#3b82f6!important;box-shadow:0 0 0 .2rem rgba(59,130,246,.25)!important}.performance-table-card[data-v-bf86bee8]{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important}.performance-table-card .table td[data-v-bf86bee8],.performance-table-card .table th[data-v-bf86bee8],.performance-table-card div[data-v-bf86bee8],.performance-table-card h1[data-v-bf86bee8],.performance-table-card h2[data-v-bf86bee8],.performance-table-card h3[data-v-bf86bee8],.performance-table-card h4[data-v-bf86bee8],.performance-table-card h5[data-v-bf86bee8],.performance-table-card h6[data-v-bf86bee8],.performance-table-card p[data-v-bf86bee8],.performance-table-card span[data-v-bf86bee8],.performance-table-card[data-v-bf86bee8] :not(.badge):not(.btn):not(.progress-bar){color:var(--text-primary)!important}.performance-table-card .table th[data-v-bf86bee8]{border-bottom:2px solid var(--border-color)!important}.performance-table-card .table td[data-v-bf86bee8]{border-bottom:1px solid var(--border-color)!important}.gradient-override[data-v-bf86bee8]{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important}.gradient-override[data-v-bf86bee8] *{color:var(--text-primary)!important}.gradient-override .text-muted[data-v-bf86bee8],.gradient-override small[data-v-bf86bee8]{color:var(--text-secondary)!important}.gradient-override .badge[data-v-bf86bee8]{color:#fff!important}.form-control[data-v-bf86bee8],.form-select[data-v-bf86bee8],.modern-card[data-v-bf86bee8],.modern-card[data-v-bf86bee8] *,.table[data-v-bf86bee8],.table[data-v-bf86bee8] *{color:var(--text-primary)!important}.modern-card .small[data-v-bf86bee8],.modern-card small[data-v-bf86bee8],.table .small[data-v-bf86bee8],.table small[data-v-bf86bee8]{color:var(--text-secondary)!important}.modern-card .badge[data-v-bf86bee8],.table .badge[data-v-bf86bee8]{color:#fff!important}.table tbody td[data-v-bf86bee8],.table tbody tr[data-v-bf86bee8],.table thead th[data-v-bf86bee8],.table thead tr[data-v-bf86bee8]{color:var(--text-primary)!important;background:transparent!important;border-color:var(--border-color)!important}.form-control[data-v-bf86bee8],.form-select[data-v-bf86bee8]{border-color:var(--border-color)!important}.form-control[data-v-bf86bee8],.form-select option[data-v-bf86bee8],.form-select[data-v-bf86bee8]{background:var(--bg-primary)!important;color:var(--text-primary)!important}.progress[data-v-bf86bee8]{background:var(--bg-secondary)!important}.progress-bar[data-v-bf86bee8]{background:var(--role-primary)!important}b[data-v-bf86bee8],div[data-v-bf86bee8],em[data-v-bf86bee8],h1[data-v-bf86bee8],h2[data-v-bf86bee8],h3[data-v-bf86bee8],h4[data-v-bf86bee8],h5[data-v-bf86bee8],h6[data-v-bf86bee8],i[data-v-bf86bee8],p[data-v-bf86bee8],small[data-v-bf86bee8],span[data-v-bf86bee8],strong[data-v-bf86bee8],td[data-v-bf86bee8],th[data-v-bf86bee8]{color:var(--text-primary)!important}.small[data-v-bf86bee8],.text-muted[data-v-bf86bee8],small[data-v-bf86bee8]{color:var(--text-secondary)!important}span[class*=emoji][data-v-bf86bee8],span[data-v-bf86bee8]:contains("⭐"),span[data-v-bf86bee8]:contains("📢"),span[data-v-bf86bee8]:contains("📧"){opacity:1!important;visibility:visible!important}.table tr[data-v-bf86bee8]{background:transparent!important}.table tr[data-v-bf86bee8]:nth-child(2n){background:var(--bg-secondary)!important}.table tr[data-v-bf86bee8]:nth-child(odd){background:transparent!important}.btn[data-v-bf86bee8]{opacity:1!important;visibility:visible!important}.class-list-card[data-v-bf86bee8]:not(.gradient-override){background:linear-gradient(135deg,#ecfeff,#cffafe)!important}.assign-module-card[data-v-bf86bee8]:not(.gradient-override){background:linear-gradient(135deg,#fef3c7,#fde68a)!important}.announcements-card[data-v-bf86bee8]:not(.gradient-override){background:linear-gradient(135deg,#fce7f3,#fbcfe8)!important}.class-progress-card[data-v-bf86bee8]:not(.gradient-override){background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important}.announcements-card[data-v-bf86bee8] *,.assign-module-card[data-v-bf86bee8] *,.class-list-card[data-v-bf86bee8] *,.class-progress-card[data-v-bf86bee8] *{color:var(--text-primary)!important}.announcements-card .small[data-v-bf86bee8],.announcements-card small[data-v-bf86bee8],.assign-module-card .small[data-v-bf86bee8],.assign-module-card small[data-v-bf86bee8],.class-list-card .small[data-v-bf86bee8],.class-list-card small[data-v-bf86bee8],.class-progress-card .small[data-v-bf86bee8],.class-progress-card small[data-v-bf86bee8]{color:var(--text-secondary)!important}.modern-tabs .nav-link[data-v-bf86bee8]{border:none;border-bottom:3px solid transparent;background:transparent;color:var(--text-secondary);font-weight:500;padding:1rem 1.5rem;transition:all .3s ease}.modern-tabs .nav-link[data-v-bf86bee8]:hover{color:var(--text-primary);background:var(--bg-secondary)}.modern-tabs .nav-link.active[data-v-bf86bee8]{color:var(--role-primary);border-bottom-color:var(--role-primary);background:transparent}.space-y-3[data-v-38716433]>*+*{margin-top:.75rem}.form-select.header-ctrl[data-v-38716433]{height:38px;display:inline-flex;align-items:center}.form-select[data-v-38716433]{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.form-select[data-v-38716433]:focus{border-color:var(--role-primary);box-shadow:0 0 0 .2rem rgba(var(--role-primary-rgb),.25)}.form-select option[data-v-38716433],.form-select[data-v-38716433]:focus{background:var(--bg-primary);color:var(--text-primary)}.progress-ring[data-v-38716433]{position:relative;display:inline-block}.progress-ring-circle[data-v-38716433]{width:100px;height:100px;border-radius:50%;border:6px solid var(--bg-secondary);position:relative;overflow:hidden}.progress-ring-fill[data-v-38716433]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:6px solid var(--role-primary);border-left-color:transparent;border-bottom-color:transparent}.progress-ring-fill.full[data-v-38716433]{border-left-color:var(--role-primary);border-bottom-color:var(--role-primary)}.progress-ring-text[data-v-38716433]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:var(--role-primary)}.puzzle-card[data-v-4ba8a227]{border:2px solid transparent;border-radius:12px;transition:all .3s ease;background:var(--bg-primary)}.puzzle-card[data-v-4ba8a227]:hover{border-color:var(--role-primary);transform:translateY(-2px)}.puzzle-card.active[data-v-4ba8a227]{border-color:var(--role-primary);background:var(--role-primary);color:#fff}.puzzle-icon[data-v-4ba8a227]{font-size:2.5rem}.letter-tile[data-v-4ba8a227]{width:50px;height:50px;border:2px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.letter-tile[data-v-4ba8a227]:hover{border-color:var(--role-primary);transform:scale(1.05)}.letter-tile.selected[data-v-4ba8a227]{background:var(--role-primary);color:#fff;border-color:var(--role-primary)}.answer-tile[data-v-4ba8a227]{width:50px;height:50px;border:2px dashed var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;cursor:pointer;background:var(--bg-secondary)}.answer-tile[data-v-4ba8a227]:hover{background:var(--bg-primary)}.option-card[data-v-4ba8a227]{border:2px solid var(--border-color);border-radius:8px;transition:all .2s ease;background:var(--bg-primary)}.option-card[data-v-4ba8a227]:hover{border-color:var(--role-primary)}.option-card.selected[data-v-4ba8a227]{border-color:var(--role-primary);background:var(--role-primary);color:#fff}.option-letter[data-v-4ba8a227]{width:30px;height:30px;border-radius:50%;background:var(--role-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.success-icon[data-v-4ba8a227]{font-size:3rem}.achievement-icon[data-v-4ba8a227]{font-size:1.2rem}.cursor-pointer[data-v-4ba8a227]{cursor:pointer}.modal.show[data-v-4ba8a227]{background:rgba(0,0,0,.5)}.modal-backdrop[data-v-4ba8a227]{background-color:rgba(0,0,0,.5)}.prompt-card[data-v-0de4bebf]{border:2px solid transparent;border-radius:12px;transition:all .3s ease;background:var(--bg-primary)}.prompt-card[data-v-0de4bebf]:hover{border-color:var(--role-primary);transform:translateY(-2px)}.prompt-card.active[data-v-0de4bebf]{border-color:var(--role-primary);background:var(--role-primary);color:#fff}.prompt-icon[data-v-0de4bebf]{font-size:2rem}.reflection-textarea[data-v-0de4bebf]{min-height:200px;resize:vertical}.mood-option[data-v-0de4bebf]{padding:.5rem;border:2px solid transparent;border-radius:8px;transition:all .2s ease}.mood-option[data-v-0de4bebf]:hover{border-color:var(--role-primary)}.mood-option.selected[data-v-0de4bebf]{border-color:var(--role-primary);background:var(--bg-secondary)}.mood-emoji[data-v-0de4bebf]{font-size:2rem;margin-bottom:.25rem}.mood-label[data-v-0de4bebf]{display:block;font-weight:500}.tip-item[data-v-0de4bebf]{display:flex;align-items:flex-start}.tip-icon[data-v-0de4bebf]{font-size:1rem;margin-top:.1rem}.reflection-item[data-v-0de4bebf]{background:var(--bg-secondary);transition:all .2s ease}.reflection-item[data-v-0de4bebf]:hover{background:var(--bg-primary)}.mood-indicator[data-v-0de4bebf]{font-size:1.2rem}.success-icon[data-v-0de4bebf]{font-size:3rem}.cursor-pointer[data-v-0de4bebf]{cursor:pointer}.modal.show[data-v-0de4bebf]{background:rgba(0,0,0,.5)}.modal-backdrop[data-v-0de4bebf]{background-color:rgba(0,0,0,.5)}.challenge-icon[data-v-ac956b00]{opacity:.1;position:absolute;top:20px;right:20px}.activity-card[data-v-ac956b00],.goal-item[data-v-ac956b00],.leaderboard-item[data-v-ac956b00]{transition:all .2s ease;border:1px solid var(--border-color)}.activity-card[data-v-ac956b00]:hover,.goal-item[data-v-ac956b00]:hover,.leaderboard-item[data-v-ac956b00]:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.activity-card.completed[data-v-ac956b00]{background-color:var(--bg-secondary);opacity:.8}.activity-card.locked[data-v-ac956b00]{opacity:.5;cursor:not-allowed}.participant-avatar[data-v-ac956b00]{width:40px;height:40px;border-radius:50%;background:var(--role-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.cursor-pointer[data-v-ac956b00]{cursor:pointer}.progress[data-v-ac956b00]{height:8px}.info-item small[data-v-ac956b00]{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.instruction-number[data-v-176b5596]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--role-primary);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.subtask-item[data-v-176b5596]{transition:all .2s ease}.subtask-item[data-v-176b5596]:hover{background-color:var(--bg-secondary)!important}.related-task-item[data-v-176b5596]{transition:all .2s ease}.related-task-item[data-v-176b5596]:hover{background-color:var(--role-light);border-color:var(--role-primary)!important}.cursor-pointer[data-v-176b5596]{cursor:pointer}.progress[data-v-176b5596]{height:8px}.comment-item[data-v-176b5596]{border-left-width:3px!important}.info-item small[data-v-176b5596]{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-avatar-large[data-v-cebf774a]{width:100px;height:100px;border-radius:50%;background:var(--role-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto}.form-label[data-v-cebf774a]{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-control[data-v-cebf774a]:focus,.form-select[data-v-cebf774a]:focus{border-color:var(--role-primary);box-shadow:0 0 0 .2rem rgba(var(--role-primary),.25)}.btn-primary[data-v-cebf774a]{background:var(--role-gradient);border:none}.btn-primary[data-v-cebf774a]:hover{background:var(--role-primary);transform:translateY(-1px)}.btn-outline-primary[data-v-cebf774a]{border-color:var(--role-primary);color:var(--role-primary)}.btn-outline-primary[data-v-cebf774a]:hover{background-color:var(--role-primary);border-color:var(--role-primary)}.form-label[data-v-26ef5d14]{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-control[data-v-26ef5d14]:focus,.form-select[data-v-26ef5d14]:focus{border-color:var(--role-primary);box-shadow:0 0 0 .2rem rgba(var(--role-primary),.25)}.btn-primary[data-v-26ef5d14]{background:var(--role-gradient);border:none}.btn-primary[data-v-26ef5d14]:hover{background:var(--role-primary);transform:translateY(-1px)}.btn-outline-primary[data-v-26ef5d14]{border-color:var(--role-primary);color:var(--role-primary)}.btn-outline-primary[data-v-26ef5d14]:hover,.form-check-input[data-v-26ef5d14]:checked{background-color:var(--role-primary);border-color:var(--role-primary)}.student-avatar-large[data-v-f28b586e]{width:100px;height:100px;border-radius:50%;background:var(--role-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto}.stat-number[data-v-f28b586e]{font-size:1.5rem;font-weight:700;color:var(--role-primary)}.stat-label[data-v-f28b586e]{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.activity-icon[data-v-f28b586e]{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.progress[data-v-f28b586e]{height:8px;border-radius:4px}.table th[data-v-f28b586e]{border-top:none;font-weight:600;color:var(--text-primary)}.badge[data-v-f28b586e]{font-size:.75rem}.nav-pills[data-v-1d287376]{display:flex;gap:.5rem;background:var(--bg-primary);padding:.5rem;border-radius:12px;border:1px solid var(--border-color)}.nav-pill[data-v-1d287376]{padding:.5rem 1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary)}.nav-pill.active[data-v-1d287376]{background:var(--role-primary);color:#fff}.modern-card[data-v-1d287376]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow)}.gradient-text[data-v-1d287376]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--role-primary:#8b5cf6;--role-primary-dark:#7c3aed}.student-theme{--role-primary:#4f46e5;--role-primary-dark:#4338ca;--role-secondary:#6366f1;--role-accent:#8b5cf6;--role-gradient:linear-gradient(135deg,#4f46e5,#7c3aed);--role-bg:linear-gradient(135deg,#6366f1,#8b5cf6);--role-light:#f0f4ff;--role-hover:#4338ca}.parent-theme{--role-primary:#3b82f6;--role-primary-dark:#2563eb;--role-secondary:#60a5fa;--role-accent:#93c5fd;--role-gradient:linear-gradient(135deg,#3b82f6,#60a5fa);--role-bg:linear-gradient(135deg,#60a5fa,#93c5fd);--role-light:#eff6ff;--role-hover:#2563eb}.teacher-theme{--role-primary:#0891b2;--role-primary-dark:#0e7490;--role-secondary:#06b6d4;--role-accent:#22d3ee;--role-gradient:linear-gradient(135deg,#0891b2,#06b6d4);--role-bg:linear-gradient(135deg,#06b6d4,#22d3ee);--role-light:#ecfeff;--role-hover:#0e7490}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);line-height:1.6;transition:all .3s ease}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p{color:var(--text-secondary)}.text-muted{color:var(--text-muted)!important}.modern-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--role-gradient);opacity:0;transition:opacity .3s ease}.modern-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--role-primary)}.modern-card:hover:before{opacity:1}.emotion-selector{gap:1rem;margin-top:1rem}.emotion-item{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;background:var(--bg-secondary);border:2px solid var(--border-color);transition:all .3s ease}.emotion-item.selected,.emotion-item:hover{background:var(--role-light);border-color:var(--role-primary);transform:scale(1.1);box-shadow:var(--shadow)}.task-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden}.task-card:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:var(--role-primary)}.task-card.priority-high{border-left:4px solid #ef4444}.task-card.priority-medium{border-left:4px solid #f59e0b}.task-card.priority-low{border-left:4px solid #10b981}.task-card.completed{opacity:.6;background:var(--bg-secondary)}.badge-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.badge-item{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.badge-item.earned{border-color:var(--role-primary);background:var(--role-light)}.badge-item.earned:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--role-gradient)}.badge-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.badge-icon{font-size:3rem;margin-bottom:.5rem;display:block}.badge-earned{opacity:1}.badge-unearned{opacity:.4;filter:grayscale(100%)}.badge-progress{margin-top:.5rem}.badge-progress-bar{background:var(--bg-secondary);border-radius:10px;height:6px;overflow:hidden}.badge-progress-fill{height:100%;background:var(--role-gradient);border-radius:10px;transition:width .3s ease}.emotion-selector{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:20px 0}.emotion-option{background:#fff;border:2px solid #e5e7eb;border-radius:15px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;min-width:80px}.emotion-option:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1);border-color:var(--role-primary)}.emotion-option.selected{background:var(--role-primary);color:#fff;border-color:var(--role-primary);box-shadow:0 5px 15px rgba(139,92,246,.3)}.emotion-emoji{font-size:24px;display:block;margin-bottom:8px}.emotion-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.progress-ring{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.progress-ring-circle{width:100%;height:100%;border-radius:50%;border:8px solid var(--border-color);position:relative;overflow:hidden}.progress-ring-fill{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:8px solid var(--role-primary);border-left:8px solid transparent;border-bottom:8px solid transparent;transform-origin:center;transition:transform .3s ease}.progress-ring-text{position:absolute;font-weight:600;font-size:14px}.fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:var(--role-gradient);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .3s ease;z-index:1000}.fab:hover{transform:scale(1.1);box-shadow:0 20px 25px -5px rgba(0,0,0,.3)}.gradient-text{background:var(--role-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.animated-progress{background:var(--border-color);height:8px}.animated-progress,.animated-progress .progress-bar{border-radius:10px;overflow:hidden;position:relative}.animated-progress .progress-bar{height:100%;background:var(--role-gradient);transition:width .6s ease}.nav-pills{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:12px;border:1px solid var(--border-color)}.nav-pill{padding:.5rem 1rem;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.875rem}.nav-pill.active{background:var(--role-primary);color:#fff;box-shadow:var(--shadow)}.nav-pill:hover:not(.active){background:var(--bg-primary);color:var(--text-primary)}@media (max-width:768px){.fab{bottom:1rem;right:1rem;width:48px;height:48px;font-size:18px}.modern-card{border-radius:12px;margin-bottom:1rem}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.bounce-in{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--role-primary)}.story-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;height:100%}.story-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.story-card-image{height:180px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff}.story-card-content{padding:20px}.story-level-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600}.search-bar{position:relative;max-width:400px;margin:0 auto 30px}.search-input{width:100%;padding:15px 50px 15px 20px;border:2px solid #e5e7eb;border-radius:25px;font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#9ca3af}.reading-progress{background:#f3f4f6;border-radius:10px;padding:15px;margin:15px 0}.progress-bar-container{background:#e5e7eb;border-radius:10px;height:8px;overflow:hidden;margin:10px 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--role-primary) 0,var(--role-secondary) 100%);border-radius:10px;transition:width .3s ease}.activity-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.activity-item:hover{background-color:#f9fafb}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:18px}.activity-content{flex:1}.activity-time{font-size:12px;color:#9ca3af}.performance-table{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}.performance-table th{background:var(--role-primary);color:#fff;font-weight:600;padding:15px;border:none}.performance-table td{padding:15px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.performance-table tr:hover{background-color:#f9fafb}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.status-online{background:#10b981}.status-away{background:#f59e0b}.status-offline{background:#ef4444}.module-card{background:#fff;border:2px solid #e5e7eb;border-radius:15px;padding:20px;margin-bottom:15px;cursor:pointer;transition:all .3s ease}.module-card:hover{border-color:var(--role-primary);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.module-card.selected{border-color:var(--role-primary);background:linear-gradient(135deg,rgba(139,92,246,.05),rgba(139,92,246,.1))}.module-title{font-weight:600;color:var(--text-primary);margin-bottom:8px}.module-description{color:#6b7280;font-size:14px;margin-bottom:10px}.module-stats{display:flex;gap:15px;font-size:12px;color:#9ca3af}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}@media (max-width:768px){.story-card-image{height:150px;font-size:50px}.d-flex.gap-3{flex-direction:column;gap:10px!important}.performance-table{font-size:14px}.performance-table td,.performance-table th{padding:10px}.nav-pill{font-size:14px;padding:8px 16px}}