@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.avatar[data-v-cd8893f5]{border-radius:50%;background:var(--6cd616ee);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;overflow:hidden;text-transform:uppercase}.avatar-img[data-v-cd8893f5]{width:100%;height:100%;object-fit:cover}.avatar-letter[data-v-cd8893f5]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.navbar[data-v-1fb0a981]{position:fixed;top:0;left:0;right:0;background-color:#fffffffa;box-shadow:0 2px 10px #0000001a;padding:1rem 0;z-index:1000;transition:all .3s ease}.navbar.scrolled[data-v-1fb0a981]{padding:.75rem 0;background-color:#fffffffa;box-shadow:0 2px 15px #0000001a}.navbar .container[data-v-1fb0a981]{display:flex;align-items:center;justify-content:space-between}.navbar-brand[data-v-1fb0a981]{display:flex;align-items:center}.navbar-brand .logo[data-v-1fb0a981]{display:flex;align-items:center;text-decoration:none}.navbar-brand .logo img[data-v-1fb0a981]{height:40px;margin-right:10px}.navbar-brand .logo span[data-v-1fb0a981]{font-size:1.5rem;font-weight:600;color:var(--color-primary)}.navbar-menu[data-v-1fb0a981]{display:flex;gap:2rem;align-items:center}.navbar-item[data-v-1fb0a981]{color:var(--text-color);text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative}.navbar-item[data-v-1fb0a981]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.navbar-item[data-v-1fb0a981]:hover:after{width:100%}.navbar-buttons[data-v-1fb0a981]{display:flex;gap:1rem;align-items:center}.navbar-button[data-v-1fb0a981]{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease}.login-button[data-v-1fb0a981]{color:var(--primary-color)}.login-button[data-v-1fb0a981]:hover{color:var(--primary-dark);transform:translateY(-2px)}.signup-button[data-v-1fb0a981]{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px #4361ee33}.signup-button[data-v-1fb0a981]:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 8px #4361ee4d}.mobile-menu-toggle[data-v-1fb0a981]{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.mobile-menu-toggle span[data-v-1fb0a981]{display:block;height:3px;width:100%;background-color:var(--text-color);border-radius:3px;transition:all .3s ease}.mobile-menu-toggle.is-active span[data-v-1fb0a981]:nth-child(1){transform:translateY(9px) rotate(45deg);background-color:var(--primary-color)}.mobile-menu-toggle.is-active span[data-v-1fb0a981]:nth-child(2){opacity:0}.mobile-menu-toggle.is-active span[data-v-1fb0a981]:nth-child(3){transform:translateY(-9px) rotate(-45deg);background-color:var(--primary-color)}@media (max-width: 768px){.desktop-only[data-v-1fb0a981]{display:none}.mobile-only[data-v-1fb0a981]{display:block}.navbar-menu[data-v-1fb0a981]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;flex-direction:column;justify-content:flex-start;padding:4rem 2rem 2rem;transform:translate(100%);transition:all .4s cubic-bezier(.215,.61,.355,1);display:flex;opacity:0;z-index:1000;box-shadow:-5px 0 25px #0000001a;gap:1.5rem;overflow-y:auto}.navbar-menu.is-active[data-v-1fb0a981]{transform:translate(0);opacity:1}.navbar-item[data-v-1fb0a981]{font-size:1.2rem;padding:.75rem 0;border-bottom:1px solid var(--bg-light);width:100%}.navbar-item[data-v-1fb0a981]:last-child{border-bottom:none}.navbar-buttons[data-v-1fb0a981]{display:none}.mobile-buttons[data-v-1fb0a981]{display:flex;flex-direction:column;gap:1rem}.mobile-buttons .navbar-button[data-v-1fb0a981]{width:100%;padding:1rem;text-align:center;font-weight:600}.mobile-buttons .theme-button[data-v-1fb0a981]{background-color:var(--primary-color);color:#fff;border-radius:8px}.mobile-menu-toggle[data-v-1fb0a981]{display:flex}.navbar-dropdown-container[data-v-1fb0a981]{width:100%}.navbar-dropdown[data-v-1fb0a981]{position:static;box-shadow:none;min-width:auto;padding:.5rem 0;margin-top:.5rem;background-color:var(--bg-light);border-radius:8px;visibility:hidden;height:0;opacity:0;transition:all .3s ease;overflow:hidden;transform:none}.navbar-dropdown.is-active[data-v-1fb0a981]{visibility:visible;height:auto;opacity:1;padding:.5rem}.dropdown-item[data-v-1fb0a981]{padding:.8rem 1rem;border-radius:6px;margin:.25rem 0}.dropdown-item[data-v-1fb0a981]:hover{background-color:#0000000d}.navbar-item.mobile-only[data-v-1fb0a981]{font-size:1.2rem;padding:.75rem 0;border-bottom:1px solid var(--bg-light);width:100%}.navbar-item.mobile-only[data-v-1fb0a981]:first-of-type{margin-top:1rem;position:relative}.navbar-item.mobile-only[data-v-1fb0a981]:first-of-type:before{content:"Features";display:block;font-size:1.3rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-light)}.navbar-item.mobile-only[data-v-1fb0a981]{padding-left:1rem;color:var(--text-light)}}@media (max-width: 1024px){.navbar-menu[data-v-1fb0a981]{gap:1.5rem}.navbar-button[data-v-1fb0a981]{padding:.6rem 1.2rem}}@media (max-width: 768px){.navbar-menu[data-v-1fb0a981]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;flex-direction:column;justify-content:center;padding:2rem;transform:translate(100%);transition:transform .3s ease}.navbar-menu.is-active[data-v-1fb0a981]{transform:translate(0)}.navbar-buttons[data-v-1fb0a981]{display:none}.mobile-menu-toggle[data-v-1fb0a981]{display:flex}.mobile-menu-toggle.is-active span[data-v-1fb0a981]:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle.is-active span[data-v-1fb0a981]:nth-child(2){opacity:0}.mobile-menu-toggle.is-active span[data-v-1fb0a981]:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}@media (max-width: 480px){.navbar-brand .logo img[data-v-1fb0a981]{height:32px}.navbar[data-v-1fb0a981]{padding:.75rem 0}}.hero[data-v-1fb0a981]{padding-top:120px;background:linear-gradient(135deg,var(--primary-light) 0%,#ffffff 100%);padding-bottom:4rem;position:relative;overflow:hidden}.hero-image[data-v-1fb0a981]{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.hero-image iframe[data-v-1fb0a981]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.landing-page[data-v-1fb0a981]{color:#333;font-family:var(--font-family)}.container[data-v-1fb0a981]{max-width:1200px;margin:0 auto;padding:0 20px}.landing-page a.btn[data-v-1fb0a981],.landing-page a.btn-primary[data-v-1fb0a981],.landing-page a.btn-outline[data-v-1fb0a981],.landing-page a.btn-secondary[data-v-1fb0a981],.landing-page a.btn-cta[data-v-1fb0a981],.landing-page a.btn-block[data-v-1fb0a981]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background-color:#fff;color:var(--primary-color);font-size:1.125rem;font-weight:600;padding:1rem 2rem;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px #00000026;position:relative;overflow:hidden}.landing-page a.btn[data-v-1fb0a981]:before,.landing-page a.btn-primary[data-v-1fb0a981]:before,.landing-page a.btn-outline[data-v-1fb0a981]:before,.landing-page a.btn-secondary[data-v-1fb0a981]:before,.landing-page a.btn-cta[data-v-1fb0a981]:before,.landing-page a.btn-block[data-v-1fb0a981]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.landing-page a.btn[data-v-1fb0a981]:hover,.landing-page a.btn-primary[data-v-1fb0a981]:hover,.landing-page a.btn-outline[data-v-1fb0a981]:hover,.landing-page a.btn-secondary[data-v-1fb0a981]:hover,.landing-page a.btn-cta[data-v-1fb0a981]:hover,.landing-page a.btn-block[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:0 15px 25px #0003;color:var(--primary-dark)}.landing-page a.btn[data-v-1fb0a981]:hover:before,.landing-page a.btn-primary[data-v-1fb0a981]:hover:before,.landing-page a.btn-outline[data-v-1fb0a981]:hover:before,.landing-page a.btn-secondary[data-v-1fb0a981]:hover:before,.landing-page a.btn-cta[data-v-1fb0a981]:hover:before,.landing-page a.btn-block[data-v-1fb0a981]:hover:before{transform:translate(100%)}.landing-page a.btn[data-v-1fb0a981]:active,.landing-page a.btn-primary[data-v-1fb0a981]:active,.landing-page a.btn-outline[data-v-1fb0a981]:active,.landing-page a.btn-secondary[data-v-1fb0a981]:active,.landing-page a.btn-cta[data-v-1fb0a981]:active,.landing-page a.btn-block[data-v-1fb0a981]:active{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.landing-page a.btn-primary[data-v-1fb0a981]{background-color:var(--primary-color);color:#fff}.landing-page a.btn-primary[data-v-1fb0a981]:hover{color:#fff;background-color:var(--primary-dark)}.landing-page a.btn-outline[data-v-1fb0a981]{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 5px 15px #0000000d}.landing-page a.btn-outline[data-v-1fb0a981]:hover{background-color:var(--primary-light);color:var(--primary-color)}.landing-page a.btn-block[data-v-1fb0a981]{display:block;width:100%}.landing-page a.btn:hover .btn-icon[data-v-1fb0a981],.landing-page a.btn-primary:hover .btn-icon[data-v-1fb0a981],.landing-page a.btn-outline:hover .btn-icon[data-v-1fb0a981],.landing-page a.btn-secondary:hover .btn-icon[data-v-1fb0a981],.landing-page a.btn-cta:hover .btn-icon[data-v-1fb0a981],.landing-page a.btn-block:hover .btn-icon[data-v-1fb0a981]{transform:translate(5px)}.hero[data-v-1fb0a981]:before{content:"";position:absolute;top:-10%;right:-5%;width:300px;height:300px;border-radius:50%;background:#4361ee1a;z-index:0}.hero[data-v-1fb0a981]:after{content:"";position:absolute;bottom:-15%;left:-5%;width:250px;height:250px;border-radius:50%;background:#4361ee0d;z-index:0}.hero .container[data-v-1fb0a981]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;position:relative;z-index:1}.hero-content[data-v-1fb0a981]{display:flex;flex-direction:column;gap:1.5rem}.hero h1[data-v-1fb0a981]{font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--text-color);margin:0}.hero-subtitle[data-v-1fb0a981]{font-size:1.125rem;color:var(--text-light);max-width:540px;margin:0}.hero-features[data-v-1fb0a981]{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.feature-tag[data-v-1fb0a981]{background-color:#fff;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-color);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.5rem}.feature-tag span[data-v-1fb0a981]{color:var(--primary-color);font-weight:700}.cta-buttons[data-v-1fb0a981]{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.cta-buttons .button-group[data-v-1fb0a981]{display:flex;gap:1rem}.cta-buttons .tutorial-link[data-v-1fb0a981]{margin-top:.5rem;color:#4361ee;font-size:1rem;text-decoration:none;text-align:left;transition:all .2s ease;padding-left:1rem}.cta-buttons .tutorial-link[data-v-1fb0a981]:hover{color:#1d4ed8;text-decoration:underline}.hero-image[data-v-1fb0a981]{display:flex;justify-content:center;align-items:center}.hero-image img[data-v-1fb0a981]{max-width:100%;height:auto;filter:drop-shadow(0px 10px 20px rgba(67,97,238,.15));animation:float-1fb0a981 6s ease-in-out infinite}@keyframes float-1fb0a981{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.features[data-v-1fb0a981]{padding:5rem 0;background-color:#fff}.section-header[data-v-1fb0a981]{text-align:center;margin-bottom:3rem}.section-header h2[data-v-1fb0a981]{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.section-subtitle[data-v-1fb0a981]{font-size:1.125rem;color:var(--text-light);max-width:700px;margin:0 auto}.features-grid[data-v-1fb0a981]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card[data-v-1fb0a981]{background-color:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-md);transition:var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon[data-v-1fb0a981]{width:70px;height:70px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary-color);font-size:1.75rem}.feature-card h3[data-v-1fb0a981]{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.feature-card p[data-v-1fb0a981]{color:var(--text-light);font-size:.95rem;line-height:1.6;margin:0}.testimonials[data-v-1fb0a981]{padding:5rem 0;background-color:var(--primary-light);position:relative;overflow:hidden}.testimonials[data-v-1fb0a981]:before{content:"";position:absolute;top:-5%;left:-5%;width:250px;height:250px;border-radius:50%;background:#4361ee1a;z-index:0}.testimonials-slider[data-v-1fb0a981]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.testimonial-card[data-v-1fb0a981]{background-color:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-md);transition:var(--transition);display:flex;flex-direction:column}.testimonial-card[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.testimonial-rating[data-v-1fb0a981]{color:gold;font-size:1rem;margin-bottom:1rem}.testimonial-text[data-v-1fb0a981]{flex-grow:1;font-size:1rem;line-height:1.6;color:var(--text-color);font-style:italic;margin-bottom:1.5rem}.testimonial-author[data-v-1fb0a981]{display:flex;align-items:center;gap:1rem}.testimonial-avatar[data-v-1fb0a981]{width:50px;height:50px;border-radius:50%;object-fit:cover}.testimonial-info h4[data-v-1fb0a981]{font-size:1rem;font-weight:600;margin:0;color:var(--text-color)}.testimonial-info p[data-v-1fb0a981]{font-size:.875rem;color:var(--text-light);margin:0}.testimonial-stats[data-v-1fb0a981]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;text-align:center}.stat-item h3[data-v-1fb0a981]{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-item p[data-v-1fb0a981]{font-size:1rem;color:var(--text-color);font-weight:500}.pricing[data-v-1fb0a981]{padding:5rem 0;background-color:#f8f9fa}.pricing-cards[data-v-1fb0a981]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:3rem 0 2rem}.pricing-card[data-v-1fb0a981]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition);position:relative;display:flex;flex-direction:column}.pricing-card[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.pricing-card.popular[data-v-1fb0a981]{transform:scale(1.05);border:2px solid var(--primary-color);z-index:1}.pricing-card.popular[data-v-1fb0a981]:hover{transform:scale(1.05) translateY(-5px)}.popular-tag[data-v-1fb0a981]{position:absolute;top:0;right:0;background-color:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;padding:.5rem 1rem;border-bottom-left-radius:var(--border-radius)}.pricing-header[data-v-1fb0a981]{padding:2rem;text-align:center;border-bottom:1px solid var(--border-color)}.pricing-header h3[data-v-1fb0a981]{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.price[data-v-1fb0a981]{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;display:flex;align-items:flex-start;justify-content:center}.currency[data-v-1fb0a981]{font-size:1.5rem;margin-top:.5rem}.period[data-v-1fb0a981]{font-size:1rem;color:var(--text-light);font-weight:400;margin-top:.75rem}.pricing-subtitle[data-v-1fb0a981]{font-size:.875rem;color:var(--text-light)}.pricing-features[data-v-1fb0a981]{list-style:none;padding:2rem;margin:0;flex-grow:1}.pricing-features li[data-v-1fb0a981]{margin-bottom:1rem;color:var(--text-color);display:flex;align-items:center;gap:.75rem}.pricing-features li svg[data-v-1fb0a981]{color:var(--success-color);font-size:1rem}.btn-block[data-v-1fb0a981]{display:block;width:calc(100% - 4rem);margin:0 2rem 2rem}.pricing-note[data-v-1fb0a981]{text-align:center;margin-top:3rem;margin-bottom:2rem;color:var(--text-light);background-color:var(--primary-light);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.pricing-note p[data-v-1fb0a981]{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-color)}.pricing-note .btn-primary[data-v-1fb0a981]{padding:1.2rem 2.5rem;font-size:1.2rem}@media (max-width: 1024px){.pricing-cards[data-v-1fb0a981]{grid-template-columns:repeat(3,1fr);gap:1.5rem}.pricing-header[data-v-1fb0a981],.pricing-features[data-v-1fb0a981]{padding:1.5rem}.btn-block[data-v-1fb0a981]{width:calc(100% - 3rem);margin:0 1.5rem 1.5rem}}@media (max-width: 768px){.pricing-cards[data-v-1fb0a981]{grid-template-columns:1fr;max-width:500px;margin:3rem auto 2rem}.pricing-card.popular[data-v-1fb0a981]{transform:scale(1);order:-1}.pricing-card.popular[data-v-1fb0a981]:hover{transform:translateY(-5px)}}.faq[data-v-1fb0a981]{padding:80px 0;background-color:#f0f7ff;border-top:8px solid #ffcc00}.faq h2[data-v-1fb0a981]{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#06c}.faq-list[data-v-1fb0a981]{max-width:800px;margin:0 auto}.faq-item[data-v-1fb0a981]{background-color:#fff;border-radius:20px;padding:25px;margin-bottom:20px;box-shadow:0 10px 20px #0000000d;border-left:5px solid #ffcc00;transition:transform .3s ease}.faq-item[data-v-1fb0a981]:hover{transform:translate(5px)}.faq-question[data-v-1fb0a981]{font-size:1.3rem;color:#333;margin-bottom:10px;font-weight:600}.faq-answer[data-v-1fb0a981]{color:#555;line-height:1.6;font-size:1.1rem}.cta[data-v-1fb0a981]{background:linear-gradient(135deg,var(--primary-color) 0%,#3a56d4 100%);padding:5rem 0;text-align:center;color:#fff;position:relative;overflow:hidden}.cta[data-v-1fb0a981]:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:#ffffff1a}.cta[data-v-1fb0a981]:after{content:"";position:absolute;bottom:-70px;left:-70px;width:300px;height:300px;border-radius:50%;background:#ffffff0d}.cta-content[data-v-1fb0a981]{position:relative;z-index:1;max-width:800px;margin:0 auto}.cta h2[data-v-1fb0a981]{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta p[data-v-1fb0a981]{font-size:1.25rem;margin-bottom:2rem;color:#ffffffe6}.cta-features[data-v-1fb0a981]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.cta-feature-item[data-v-1fb0a981]{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;color:#fff}.cta-feature-item span[data-v-1fb0a981]{color:#4cff4c;font-weight:700;font-size:1.2rem}.btn-cta[data-v-1fb0a981]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background-color:#fff;color:var(--primary-color);font-size:1.125rem;font-weight:600;padding:1rem 2rem;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px #00000026;position:relative;overflow:hidden}.btn-cta[data-v-1fb0a981]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.btn-cta[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:0 15px 25px #0003;color:var(--primary-dark)}.btn-cta[data-v-1fb0a981]:hover:before{transform:translate(100%)}.btn-cta[data-v-1fb0a981]:active{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.btn-icon[data-v-1fb0a981]{transition:transform .3s ease}.btn-cta:hover .btn-icon[data-v-1fb0a981]{transform:translate(5px)}@media (max-width: 768px){.cta[data-v-1fb0a981]{padding:4rem 0}.cta h2[data-v-1fb0a981]{font-size:2rem}.cta p[data-v-1fb0a981]{font-size:1.125rem;margin-bottom:2rem}.cta-features[data-v-1fb0a981]{padding:0 1rem}.cta-feature-item[data-v-1fb0a981]{font-size:1rem}}@media (max-width: 480px){.cta[data-v-1fb0a981]{padding:3rem 0}.cta h2[data-v-1fb0a981]{font-size:1.75rem}.cta p[data-v-1fb0a981]{font-size:1rem;margin-bottom:1.5rem}.cta-features[data-v-1fb0a981]{text-align:left;padding:0 .5rem}.cta-feature-item[data-v-1fb0a981]{font-size:.9rem}.btn-cta[data-v-1fb0a981]{width:100%;max-width:300px;padding:.875rem 1.5rem;font-size:1rem}}.footer[data-v-1fb0a981]{background-color:#f8f9fa;padding:5rem 0 2rem;border-top:1px solid var(--border-color)}.footer-grid[data-v-1fb0a981]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.footer-brand[data-v-1fb0a981]{display:flex;flex-direction:column;gap:1rem}.footer-logo[data-v-1fb0a981]{max-width:150px;height:auto;margin-bottom:1rem}.footer-brand p[data-v-1fb0a981]{color:var(--text-light);font-size:.95rem;line-height:1.6}.social-links[data-v-1fb0a981]{display:flex;gap:1rem;margin-top:.5rem}.social-links a[data-v-1fb0a981]{width:36px;height:36px;border-radius:50%;background-color:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-links a[data-v-1fb0a981]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px)}.footer-links[data-v-1fb0a981]{display:flex;flex-direction:column;gap:1rem}.footer-links h4[data-v-1fb0a981]{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.footer-links ul[data-v-1fb0a981]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links a[data-v-1fb0a981]{color:var(--text-light);text-decoration:none;font-size:.95rem;transition:var(--transition)}.footer-links a[data-v-1fb0a981]:hover{color:var(--primary-color);text-decoration:none}.footer-newsletter[data-v-1fb0a981]{display:flex;flex-direction:column;gap:1rem}.footer-newsletter p[data-v-1fb0a981]{color:var(--text-light);font-size:.95rem;line-height:1.6}.newsletter-form[data-v-1fb0a981]{display:flex;flex-direction:column;gap:.75rem}.newsletter-form input[data-v-1fb0a981]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem;outline:none;transition:var(--transition)}.newsletter-form input[data-v-1fb0a981]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a}.newsletter-form button[data-v-1fb0a981]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background-color:var(--primary-color);color:#fff;font-size:1.125rem;font-weight:600;padding:1rem 2rem;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px #00000026;position:relative;overflow:hidden;border:none;cursor:pointer;width:100%}.newsletter-form button[data-v-1fb0a981]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.newsletter-form button[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:0 15px 25px #0003;background-color:var(--primary-dark)}.newsletter-form button[data-v-1fb0a981]:hover:before{transform:translate(100%)}.newsletter-form button[data-v-1fb0a981]:active{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.newsletter-form button:hover .btn-icon[data-v-1fb0a981]{transform:translate(5px)}.footer-bottom[data-v-1fb0a981]{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-light);font-size:.875rem}.footer-bottom-links[data-v-1fb0a981]{display:flex;gap:1.5rem}.footer-bottom-links a[data-v-1fb0a981]{color:var(--text-light);text-decoration:none;transition:var(--transition)}.footer-bottom-links a[data-v-1fb0a981]:hover{color:var(--primary-color);text-decoration:none}@media (max-width: 1200px){.footer-grid[data-v-1fb0a981]{grid-template-columns:repeat(4,1fr);gap:2rem}.footer-brand[data-v-1fb0a981]{grid-column:span 4;text-align:center;align-items:center}.social-links[data-v-1fb0a981]{justify-content:center}.footer-newsletter[data-v-1fb0a981]{grid-column:span 4;text-align:center;align-items:center}.newsletter-form[data-v-1fb0a981]{max-width:400px;width:100%}}@media (max-width: 768px){.footer[data-v-1fb0a981]{padding:4rem 0 2rem}.footer-grid[data-v-1fb0a981]{grid-template-columns:repeat(2,1fr)}.footer-brand[data-v-1fb0a981],.footer-newsletter[data-v-1fb0a981]{grid-column:span 2}}@media (max-width: 480px){.footer-grid[data-v-1fb0a981]{grid-template-columns:1fr;gap:2rem}.footer-brand[data-v-1fb0a981],.footer-links[data-v-1fb0a981],.footer-newsletter[data-v-1fb0a981]{grid-column:span 1;text-align:center;align-items:center}.footer-links ul[data-v-1fb0a981]{align-items:center}.footer-bottom[data-v-1fb0a981]{flex-direction:column;gap:1rem;text-align:center}}.how-it-works[data-v-1fb0a981]{padding:5rem 0;background-color:#fff}.steps-container[data-v-1fb0a981]{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:3rem auto}.step-card[data-v-1fb0a981]{background-color:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-md);display:flex;align-items:center;flex-direction:column;gap:1.5rem;position:relative;transition:var(--transition)}.step-card[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-number[data-v-1fb0a981]{position:absolute;top:-15px;left:-15px;width:40px;height:40px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;box-shadow:var(--shadow-sm)}.step-icon[data-v-1fb0a981]{width:60px;height:60px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem;flex-shrink:0}.step-card h3[data-v-1fb0a981]{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.step-card p[data-v-1fb0a981]{font-size:.95rem;color:var(--text-light);line-height:1.6;margin:0}.step-connector[data-v-1fb0a981]{width:2px;height:30px;background-color:var(--primary-light);margin-left:30px}.step-content[data-v-1fb0a981]{flex-grow:1}.cta-container[data-v-1fb0a981]{text-align:center;margin-top:3rem;padding:2rem;background-color:var(--primary-light);border-radius:var(--border-radius)}.cta-container h3[data-v-1fb0a981]{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.supporting-visuals[data-v-1fb0a981]{padding:80px 0;background-color:#f8f9fa}.visuals-container[data-v-1fb0a981]{display:flex;flex-wrap:wrap;gap:40px;margin-top:40px}.visual-item[data-v-1fb0a981]{flex:1;min-width:300px;background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.visual-item[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.visual-item h3[data-v-1fb0a981]{font-size:1.5rem;margin-bottom:20px;color:#333;text-align:center}.visual-content[data-v-1fb0a981]{display:flex;flex-direction:column;align-items:center}.placeholder-gif[data-v-1fb0a981],.placeholder-image[data-v-1fb0a981]{width:100%;height:200px;background-color:#f0f2f5;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6c757d;margin-bottom:20px}.placeholder-icon[data-v-1fb0a981]{font-size:3rem;margin-top:15px;color:#4a6cf7}.visual-description[data-v-1fb0a981]{text-align:center;color:#6c757d;font-size:.95rem}.comparison-container[data-v-1fb0a981]{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.comparison-item[data-v-1fb0a981]{flex:1;text-align:center}.comparison-item h4[data-v-1fb0a981]{margin-bottom:10px;font-size:1rem;color:#495057}.comparison-arrow[data-v-1fb0a981]{margin:0 15px;color:#4a6cf7;font-size:1.5rem}@media (max-width: 768px){.hero .container[data-v-1fb0a981]{grid-template-columns:1fr;text-align:center;gap:1rem}.hero-content[data-v-1fb0a981]{order:1}.hero-image[data-v-1fb0a981]{order:0;margin-bottom:1rem}.hero-image img[data-v-1fb0a981]{max-width:80%;margin:0 auto}.hero h1[data-v-1fb0a981]{font-size:2rem}.hero-subtitle[data-v-1fb0a981]{margin:0 auto;font-size:1rem}.hero-features[data-v-1fb0a981]{justify-content:center;flex-wrap:wrap}.cta-buttons[data-v-1fb0a981]{justify-content:center;flex-wrap:wrap;gap:1rem}.features[data-v-1fb0a981]{padding:3rem 0}.section-header h2[data-v-1fb0a981]{font-size:1.75rem}.section-subtitle[data-v-1fb0a981]{font-size:1rem}.step-card[data-v-1fb0a981]{flex-direction:column;text-align:center;padding:2rem 1.5rem}.step-number[data-v-1fb0a981]{top:-15px;left:50%;transform:translate(-50%)}.step-connector[data-v-1fb0a981]{margin:0 auto}.testimonials-slider[data-v-1fb0a981]{padding:0 1rem}.testimonial-card[data-v-1fb0a981]{padding:1.5rem}.visuals-container[data-v-1fb0a981]{flex-direction:column}.visual-item[data-v-1fb0a981]{width:100%;margin-bottom:30px}.comparison-container[data-v-1fb0a981]{flex-direction:column}.comparison-arrow[data-v-1fb0a981]{transform:rotate(90deg);margin:15px 0}}@media (max-width: 640px){.features-grid[data-v-1fb0a981]{grid-template-columns:1fr;gap:1.25rem}.feature-card[data-v-1fb0a981]{padding:1.5rem}.feature-icon[data-v-1fb0a981]{width:60px;height:60px;font-size:1.5rem;margin-bottom:1.25rem}.container[data-v-1fb0a981]{padding:0 1.25rem}.supporting-visuals[data-v-1fb0a981]{padding:50px 0}.visual-item[data-v-1fb0a981]{padding:20px}.placeholder-gif[data-v-1fb0a981],.placeholder-image[data-v-1fb0a981]{height:180px}}@media (max-width: 480px){.hero[data-v-1fb0a981]{padding-top:100px;padding-bottom:2rem}.hero h1[data-v-1fb0a981]{font-size:1.75rem;line-height:1.3}.hero-subtitle[data-v-1fb0a981]{font-size:1rem;line-height:1.5}.cta-buttons[data-v-1fb0a981]{flex-direction:column;width:100%;max-width:300px;margin:.5rem auto 0;gap:1rem}.cta-buttons .btn-primary[data-v-1fb0a981],.cta-buttons .btn-outline[data-v-1fb0a981]{width:100%;justify-content:center}.how-it-works[data-v-1fb0a981]{padding:3rem 0}.step-card[data-v-1fb0a981]{padding:1.5rem 1rem}.step-icon[data-v-1fb0a981]{width:50px;height:50px;font-size:1.25rem}.testimonial-card[data-v-1fb0a981]{padding:1.25rem}.testimonial-text[data-v-1fb0a981]{font-size:.95rem}.testimonial-author[data-v-1fb0a981]{font-size:.9rem}.pricing-card[data-v-1fb0a981],.pricing-header[data-v-1fb0a981],.pricing-features[data-v-1fb0a981]{padding:1rem}.faq-item[data-v-1fb0a981]{padding:1.25rem}.faq-question[data-v-1fb0a981]{font-size:1.1rem}.faq-answer[data-v-1fb0a981]{font-size:.95rem}.supporting-visuals[data-v-1fb0a981]{padding:40px 0}.visual-item h3[data-v-1fb0a981]{font-size:1.3rem}.placeholder-gif[data-v-1fb0a981],.placeholder-image[data-v-1fb0a981]{height:150px}.placeholder-icon[data-v-1fb0a981]{font-size:2.5rem}.visual-description[data-v-1fb0a981]{font-size:.9rem}}@media (max-width: 380px){.hero h1[data-v-1fb0a981]{font-size:1.5rem}.hero-subtitle[data-v-1fb0a981]{font-size:.95rem}.feature-tag[data-v-1fb0a981]{font-size:.8rem;padding:.4rem .8rem}.section-header h2[data-v-1fb0a981]{font-size:1.5rem}.section-subtitle[data-v-1fb0a981]{font-size:.95rem}.container[data-v-1fb0a981]{padding:0 1rem}}.ai-feedback-process[data-v-1fb0a981]{margin-top:60px;background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;padding:40px}.ai-feedback-process h3[data-v-1fb0a981]{text-align:center;font-size:1.8rem;margin-bottom:30px;color:#333}.process-steps[data-v-1fb0a981]{list-style:none;padding:0;margin:0 0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process-steps li[data-v-1fb0a981]{position:relative;background-color:#f8f9fa;border-radius:10px;padding:25px 20px 25px 50px;transition:transform .3s ease,box-shadow .3s ease}.process-steps li[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.step-number[data-v-1fb0a981]{position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#4a6cf7;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 10px #4a6cf74d}.step-content h4[data-v-1fb0a981]{margin:0 0 10px;font-size:1.2rem;color:#333}.step-content p[data-v-1fb0a981]{margin:0;color:#6c757d;font-size:.95rem}.before-after-example[data-v-1fb0a981]{margin:40px 0;padding:30px;background-color:#f8f9fa;border-radius:12px}.before-after-example h3[data-v-1fb0a981]{margin-bottom:25px}.example-container[data-v-1fb0a981]{display:flex;gap:30px}.example-column[data-v-1fb0a981]{flex:1;display:flex;flex-direction:column}.example-column h4[data-v-1fb0a981]{font-size:1.1rem;margin-bottom:15px;color:#495057}.writing-sample[data-v-1fb0a981]{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:15px;border-left:4px solid #dee2e6;box-shadow:0 2px 8px #0000000d}.writing-sample.improved[data-v-1fb0a981]{border-left:4px solid #4a6cf7}.writing-sample p[data-v-1fb0a981]{margin:0;font-style:italic;color:#495057;line-height:1.6}.ai-feedback[data-v-1fb0a981]{background-color:#e8f0fe;border-radius:8px;padding:15px;border-left:4px solid #4a6cf7}.ai-feedback h5[data-v-1fb0a981]{margin:0 0 10px;font-size:1rem;color:#4a6cf7}.ai-feedback p[data-v-1fb0a981]{margin:0;color:#495057;font-style:italic}@media (max-width: 1024px){.process-steps[data-v-1fb0a981]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ai-feedback-process[data-v-1fb0a981]{padding:30px 20px;margin-top:40px}.process-steps[data-v-1fb0a981]{grid-template-columns:1fr}.example-container[data-v-1fb0a981]{flex-direction:column}.example-column[data-v-1fb0a981]{margin-bottom:20px}}@media (max-width: 480px){.ai-feedback-process h3[data-v-1fb0a981]{font-size:1.5rem}.process-steps li[data-v-1fb0a981]{padding:20px 15px 20px 45px}.step-number[data-v-1fb0a981]{width:35px;height:35px;font-size:1rem}.step-content h4[data-v-1fb0a981]{font-size:1.1rem}.before-after-example[data-v-1fb0a981]{padding:20px 15px}}.writing-challenges[data-v-1fb0a981]{padding:80px 0;background-color:#f8f9fa}.problem-solution-grid[data-v-1fb0a981]{display:flex;flex-direction:column;gap:30px;margin:50px 0}.problem-solution-card[data-v-1fb0a981]{display:flex;align-items:stretch;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000d;margin-bottom:20px;overflow:hidden}.problem-box[data-v-1fb0a981],.solution-box[data-v-1fb0a981]{display:flex;align-items:center;gap:15px;padding:25px;flex:1}.problem-box[data-v-1fb0a981]{background-color:#ffebee;border-radius:0}.solution-box[data-v-1fb0a981]{background-color:#e8f5e9;border-radius:0}.icon-container[data-v-1fb0a981]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0}.problem-icon[data-v-1fb0a981]{color:#f44336;font-size:24px}.solution-icon[data-v-1fb0a981]{color:#4caf50;font-size:24px}.problem-box p[data-v-1fb0a981],.solution-box p[data-v-1fb0a981]{margin:0;line-height:1.4}.solution-arrow[data-v-1fb0a981]{display:flex;align-items:center;justify-content:center;font-size:24px;color:#666;padding:0 15px}.comparison-table[data-v-1fb0a981]{margin:50px 0}.comparison-table h3[data-v-1fb0a981]{text-align:center;margin-bottom:30px;font-size:24px}.comparison-table table[data-v-1fb0a981]{width:100%;border-collapse:collapse;box-shadow:0 4px 6px #0000000d;background-color:#fff;border-radius:10px;overflow:hidden}.comparison-table th[data-v-1fb0a981],.comparison-table td[data-v-1fb0a981]{padding:15px;text-align:center;border-bottom:1px solid #eee}.comparison-table th[data-v-1fb0a981]{background-color:#f5f5f5;font-weight:600}.comparison-table tr:last-child td[data-v-1fb0a981]{border-bottom:none}.comparison-table td[data-v-1fb0a981]:first-child{text-align:left;font-weight:500}.yes-icon[data-v-1fb0a981]{color:#4caf50}.no-icon[data-v-1fb0a981]{color:#f44336}@media (max-width: 768px){.problem-solution-card[data-v-1fb0a981]{flex-direction:column;text-align:center}.problem-box[data-v-1fb0a981],.solution-box[data-v-1fb0a981]{width:100%;justify-content:center}.comparison-table[data-v-1fb0a981]{overflow-x:auto}.comparison-table table[data-v-1fb0a981]{min-width:600px}}.visual-representations[data-v-1fb0a981]{margin:50px 0;padding:40px;background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d}.visual-representations h3[data-v-1fb0a981]{font-size:1.8rem;font-weight:700;margin-bottom:30px;color:#333;text-align:center}.problem-solution-icons[data-v-1fb0a981]{display:flex;flex-direction:column;gap:25px}.icon-pair[data-v-1fb0a981]{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.icon-pair[data-v-1fb0a981]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.icon-container[data-v-1fb0a981]{display:flex;flex-direction:column;align-items:center;gap:15px;width:40%;padding:20px;border-radius:8px}.icon-container.problem[data-v-1fb0a981]{background-color:#ffebee}.icon-container.solution[data-v-1fb0a981]{background-color:#e8f5e9}.icon-container p[data-v-1fb0a981]{margin:0;text-align:center;font-weight:500;font-size:1.1rem}.icon[data-v-1fb0a981]{font-size:3rem}.icon-container.problem .icon[data-v-1fb0a981]{color:#f44336}.icon-container.solution .icon[data-v-1fb0a981]{color:#4caf50}.arrow[data-v-1fb0a981]{font-size:2rem;color:#6c757d}@media (max-width: 768px){.visual-representations[data-v-1fb0a981]{padding:30px 20px}.icon-pair[data-v-1fb0a981]{flex-direction:column;gap:15px}.icon-container[data-v-1fb0a981]{width:100%}.arrow[data-v-1fb0a981]{transform:rotate(90deg)}}.faq-cta[data-v-1fb0a981]{padding:3rem 0;background-color:#f0f7ff;text-align:center;border-top:1px solid #e0e0ff;margin-top:-1px}.faq-cta-content[data-v-1fb0a981]{max-width:800px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;border-left:5px solid #ffcc00}.faq-cta-content h3[data-v-1fb0a981]{font-size:1.8rem;color:#333;margin-bottom:1.5rem}.faq-cta-content .btn-primary[data-v-1fb0a981]{padding:1rem 2.5rem;font-size:1.2rem;margin-top:.5rem}@media (max-width: 768px){.faq-cta-content[data-v-1fb0a981]{padding:1.5rem}.faq-cta-content h3[data-v-1fb0a981]{font-size:1.5rem}}.landing-page a.btn-block:hover .btn-icon[data-v-1fb0a981]{transform:translate(5px)}.navbar-dropdown-container[data-v-1fb0a981]{position:relative}.navbar-item.has-dropdown[data-v-1fb0a981]{display:flex;align-items:center;gap:5px}.dropdown-arrow[data-v-1fb0a981]{font-size:.6rem;transition:transform .3s ease}.dropdown-arrow.is-open[data-v-1fb0a981]{transform:rotate(180deg)}.navbar-dropdown[data-v-1fb0a981]{position:absolute;top:100%;left:0;background-color:#fff;min-width:200px;border-radius:4px;box-shadow:0 2px 15px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:100;padding:.5rem 0}.navbar-dropdown.is-active[data-v-1fb0a981]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item[data-v-1fb0a981]{display:block;padding:.5rem 1rem;color:var(--text-color);text-decoration:none;transition:background-color .2s ease}.dropdown-item[data-v-1fb0a981]:hover{background-color:#f5f5f5;color:var(--primary-color)}@media (max-width: 768px){.navbar-dropdown[data-v-1fb0a981]{position:static;box-shadow:none;min-width:auto;padding:0;background-color:transparent;visibility:hidden;height:0;opacity:0;transition:opacity .3s ease,height .3s ease;overflow:hidden}.navbar-dropdown.is-active[data-v-1fb0a981]{visibility:visible;height:auto;opacity:1}.dropdown-item[data-v-1fb0a981]{padding:.6rem 1.5rem;margin-left:1rem;border-left:2px solid var(--primary-light)}.dropdown-item[data-v-1fb0a981]:hover{background-color:transparent}}.desktop-only[data-v-1fb0a981]{display:flex}.mobile-only[data-v-1fb0a981]{display:none}.mobile-buttons[data-v-1fb0a981]{display:none;margin-top:2rem;width:100%}@media (max-width: 1023.98px){.mobile-buttons[data-v-1fb0a981]{display:flex}}.navbar.is-active[data-v-1fb0a981]{background-color:#fff;box-shadow:0 2px 15px #0000001a}.theme-button[data-v-1fb0a981]{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer;background-color:var(--primary-color);color:#fff;box-shadow:0 4px 8px #4361ee26;text-decoration:none;border:none}.theme-button[data-v-1fb0a981]:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 12px #4361ee33}.app-footer[data-v-4413b7fd]{background-color:#f8f9fa;border-top:1px solid var(--border-color);padding:2rem 0;margin-top:auto}.footer-container[data-v-4413b7fd]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-wrap:wrap;justify-content:center}.footer-logo[data-v-4413b7fd]{margin-bottom:1.5rem}.footer-logo .logo[data-v-4413b7fd]{display:flex;justify-content:center;align-items:center;gap:10px}.footer-logo .logo img[data-v-4413b7fd]{width:30px;height:30px}.footer-logo a[data-v-4413b7fd]{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.copyright[data-v-4413b7fd]{margin-top:.5rem;color:var(--text-light);font-size:.875rem}.footer-links[data-v-4413b7fd]{display:flex;gap:3rem}.link-group h4[data-v-4413b7fd]{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.link-group ul[data-v-4413b7fd]{list-style:none;padding:0;margin:0}.link-group li[data-v-4413b7fd]{margin-bottom:.5rem}.link-group a[data-v-4413b7fd]{color:var(--text-light);text-decoration:none;font-size:.875rem;transition:color .2s ease}.link-group a[data-v-4413b7fd]:hover{color:var(--primary-color)}@media (max-width: 768px){.footer-container[data-v-4413b7fd]{flex-direction:column}.footer-links[data-v-4413b7fd]{flex-direction:column;gap:1.5rem}}.b2b-page[data-v-26e2c8e4]{font-family:var(--font-family);color:var(--text-color);line-height:1.6}.mobile-buttons[data-v-26e2c8e4]{display:none;margin-top:2rem;width:100%}.navbar.is-active[data-v-26e2c8e4]{background-color:#fff;box-shadow:0 2px 15px #0000001a}.navbar[data-v-26e2c8e4]{position:fixed;top:0;left:0;right:0;background-color:#fffffffa;box-shadow:var(--shadow-sm);padding:1rem 0;z-index:1000;transition:var(--transition)}.navbar.scrolled[data-v-26e2c8e4]{padding:.75rem 0;background-color:#fffffffa;box-shadow:var(--shadow-md)}.navbar .container[data-v-26e2c8e4]{display:flex;align-items:center;justify-content:space-between}.navbar-brand[data-v-26e2c8e4]{display:flex;align-items:center}.logo[data-v-26e2c8e4]{display:flex;align-items:center;text-decoration:none}.logo img[data-v-26e2c8e4]{height:40px;margin-right:10px}.logo span[data-v-26e2c8e4]{font-size:1.5rem;font-weight:600;color:var(--color-primary)}.navbar-menu[data-v-26e2c8e4]{display:flex;gap:2rem;align-items:center}.navbar-item[data-v-26e2c8e4]{color:var(--text-color);text-decoration:none;font-weight:500;font-size:1rem;transition:var(--transition);position:relative}.navbar-item[data-v-26e2c8e4]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.navbar-item[data-v-26e2c8e4]:hover:after{width:100%}.navbar-buttons[data-v-26e2c8e4]{display:flex;gap:1rem;align-items:center}.navbar-button[data-v-26e2c8e4]{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:1rem;text-decoration:none;transition:var(--transition);background:none;border:none;cursor:pointer}.login-button[data-v-26e2c8e4]{color:var(--primary-color)}.login-button[data-v-26e2c8e4]:hover{color:var(--primary-dark);transform:translateY(-2px)}.signup-button[data-v-26e2c8e4]{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px #4361ee33}.signup-button[data-v-26e2c8e4]:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 8px #4361ee4d}.mobile-menu-toggle[data-v-26e2c8e4]{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;scale:.8;position:relative}.mobile-menu-toggle span[data-v-26e2c8e4]{display:block;height:3px;width:100%;background-color:var(--text-color);border-radius:3px;transition:var(--transition)}.mobile-menu-toggle.is-active span[data-v-26e2c8e4]:nth-child(1){transform:translateY(9px) rotate(45deg);background-color:var(--primary-color)}.mobile-menu-toggle.is-active span[data-v-26e2c8e4]:nth-child(2){opacity:0}.mobile-menu-toggle.is-active span[data-v-26e2c8e4]:nth-child(3){transform:translateY(-9px) rotate(-45deg);background-color:var(--primary-color)}.hero[data-v-26e2c8e4]{padding-top:120px;padding-bottom:4rem;background:linear-gradient(135deg,var(--primary-light) 0%,#ffffff 100%);position:relative;overflow:hidden}.hero .container[data-v-26e2c8e4]{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-content[data-v-26e2c8e4]{display:flex;flex-direction:column;gap:1.5rem}.hero-content h1[data-v-26e2c8e4]{font-size:2.5rem;line-height:1.2;font-weight:800;color:var(--heading-color)}.hero-subtitle[data-v-26e2c8e4]{font-size:1.1rem;color:var(--text-light);max-width:540px}.hero .cta-buttons[data-v-26e2c8e4]{display:flex;gap:1rem;margin-top:1rem;justify-content:flex-start}.btn-base[data-v-26e2c8e4],.demo-button[data-v-26e2c8e4],.btn-outline[data-v-26e2c8e4],.btn-primary[data-v-26e2c8e4]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.125rem;font-weight:600;padding:1rem 2rem;border-radius:50px;text-decoration:none;transition:var(--transition);position:relative;overflow:hidden;cursor:pointer;border:none}.btn-base[data-v-26e2c8e4]:before,.demo-button[data-v-26e2c8e4]:before,.btn-outline[data-v-26e2c8e4]:before,.btn-primary[data-v-26e2c8e4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.btn-base[data-v-26e2c8e4]:hover:before,.demo-button[data-v-26e2c8e4]:hover:before,.btn-outline[data-v-26e2c8e4]:hover:before,.btn-primary[data-v-26e2c8e4]:hover:before{transform:translate(100%)}.btn-primary[data-v-26e2c8e4]{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.btn-primary[data-v-26e2c8e4]:hover{color:#fff;background-color:var(--primary-dark);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.btn-primary[data-v-26e2c8e4]:active{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline[data-v-26e2c8e4]{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 5px 15px #0000000d}.btn-outline[data-v-26e2c8e4]:hover{background-color:var(--primary-light);color:var(--primary-color);transform:translateY(-5px);box-shadow:var(--shadow-md)}.demo-button[data-v-26e2c8e4]{background:linear-gradient(45deg,var(--primary-color),#5d76f5);color:#fff;box-shadow:0 6px 15px #4361ee40;letter-spacing:.5px;font-weight:700}.hero-image img[data-v-26e2c8e4]{width:100%;height:auto;max-width:550px;border-radius:12px;box-shadow:var(--shadow-md);object-fit:cover}.section-header[data-v-26e2c8e4]{text-align:center;margin-bottom:2.5rem}.section-header h2[data-v-26e2c8e4]{font-size:2rem;font-weight:700;color:var(--heading-color);margin-bottom:1rem}.what-is-section[data-v-26e2c8e4]{padding:5rem 0;background-color:#fff}.section-content[data-v-26e2c8e4]{max-width:800px;margin:0 auto}.highlight[data-v-26e2c8e4]{font-size:1.2rem;line-height:1.6;color:var(--heading-color);text-align:center;margin-bottom:2rem}.features-list[data-v-26e2c8e4]{margin:2rem 0}.features-list h3[data-v-26e2c8e4]{text-align:center;margin-bottom:1.5rem;font-size:1.3rem;color:var(--heading-color)}.features-list ul[data-v-26e2c8e4]{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.features-list li[data-v-26e2c8e4]{display:flex;align-items:flex-start;gap:1rem;background-color:var(--bg-light);padding:1rem;border-radius:8px;box-shadow:var(--shadow-sm)}.features-list li .feature-icon[data-v-26e2c8e4]{color:#fff;display:flex;align-items:center;justify-content:center;background-color:var(--success-color);width:45px;height:45px;border-radius:var(--border-radius);font-size:1.25rem}.feature-text[data-v-26e2c8e4]{font-size:1.1rem}.highlight-secondary[data-v-26e2c8e4]{font-size:1.2rem;text-align:center;font-weight:600;color:var(--primary-color);margin-top:2rem}.who-is-it-for-section[data-v-26e2c8e4]{padding:5rem 0;background-color:var(--bg-light)}.audience-cards[data-v-26e2c8e4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.audience-card[data-v-26e2c8e4]{background-color:#fff;padding:var(--padding-md);border-radius:var(--border-radius);box-shadow:var(--shadow-md);text-align:center;transition:var(--transition)}.audience-card[data-v-26e2c8e4]:hover{transform:translateY(-5px)}.card-icon[data-v-26e2c8e4]{color:#fff;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:0 auto 1.5rem;font-size:1.5rem}.audience-card h3[data-v-26e2c8e4]{font-size:1.3rem;color:var(--heading-color);margin-bottom:1rem}.highlight-box[data-v-26e2c8e4]{background-color:var(--primary-light);padding:1.5rem;border-radius:8px;text-align:center;max-width:800px;margin:0 auto}.highlight-box p[data-v-26e2c8e4]{font-size:1.1rem;font-weight:500;color:var(--primary-dark)}.key-features-section[data-v-26e2c8e4]{padding:5rem 0;background-color:#fff}.features-grid[data-v-26e2c8e4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-item[data-v-26e2c8e4]{background-color:var(--bg-light);padding:var(--padding-md);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column;align-items:flex-start}.feature-item[data-v-26e2c8e4]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-item h3[data-v-26e2c8e4]{font-size:1.3rem;color:var(--heading-color);margin-bottom:1rem}.use-cases-section[data-v-26e2c8e4]{padding:5rem 0;background-color:var(--bg-light)}.use-cases-list[data-v-26e2c8e4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;max-width:1100px;margin:0 auto}.use-case-item[data-v-26e2c8e4]{background-color:#fff;padding:var(--padding-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:flex-start;gap:var(--margin-sm);transition:var(--transition);position:relative;overflow:hidden}.use-case-item[data-v-26e2c8e4]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.use-case-item[data-v-26e2c8e4]:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;opacity:.8}.use-case-item[data-v-26e2c8e4]:nth-child(1):before{background-color:#673ab7}.use-case-item[data-v-26e2c8e4]:nth-child(2):before{background-color:#00bcd4}.use-case-item[data-v-26e2c8e4]:nth-child(3):before{background-color:#8bc34a}.use-case-item[data-v-26e2c8e4]:nth-child(4):before{background-color:#ffc107}.use-case-icon[data-v-26e2c8e4]{color:#fff;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;font-size:1.5rem;margin-bottom:.5rem}.use-case-item:nth-child(1) .use-case-icon[data-v-26e2c8e4]{background-color:#673ab7;box-shadow:0 4px 12px #673ab733}.use-case-item:nth-child(2) .use-case-icon[data-v-26e2c8e4]{background-color:#00bcd4;box-shadow:0 4px 12px #00bcd433}.use-case-item:nth-child(3) .use-case-icon[data-v-26e2c8e4]{background-color:#8bc34a;box-shadow:0 4px 12px #8bc34a33}.use-case-item:nth-child(4) .use-case-icon[data-v-26e2c8e4]{background-color:#ffc107;box-shadow:0 4px 12px #ffc10733}.use-case-item p[data-v-26e2c8e4]{font-size:1.1rem;line-height:1.6;color:var(--text-color)}.why-love-section[data-v-26e2c8e4]{padding:5rem 0;background-color:#fff}.benefits-list[data-v-26e2c8e4]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.benefit-item[data-v-26e2c8e4]{display:flex;align-items:center;gap:1rem;background-color:var(--bg-light);padding:1rem 1.5rem;border-radius:6px}.check-icon[data-v-26e2c8e4]{color:#4caf50;font-size:1.5rem;flex-shrink:0}.benefit-item p[data-v-26e2c8e4]{font-size:1.1rem;color:var(--text-color)}.final-cta-section[data-v-26e2c8e4]{padding:5rem 0;background-color:var(--primary-light);text-align:center;position:relative;overflow:hidden}.final-cta-section[data-v-26e2c8e4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.final-cta-section h2[data-v-26e2c8e4]{font-size:2.5rem;font-weight:700;color:var(--primary-dark);margin-bottom:1.5rem}.final-cta-section p[data-v-26e2c8e4]{font-size:1.2rem;color:var(--text-color);max-width:800px;margin:0 auto 2.5rem;line-height:1.6}.final-cta-section .cta-buttons[data-v-26e2c8e4]{display:flex;gap:1.25rem;margin-top:1.5rem;justify-content:center;flex-wrap:wrap}.btn-cta[data-v-26e2c8e4]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.25rem;font-weight:700;padding:1.25rem 2.5rem;border-radius:50px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;border:none;background-color:var(--primary-color);color:#fff;box-shadow:0 15px 30px #0003}.btn-cta[data-v-26e2c8e4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.btn-cta[data-v-26e2c8e4]:hover{transform:translateY(-5px);box-shadow:0 20px 35px #00000040;background-color:var(--primary-dark)}.btn-cta[data-v-26e2c8e4]:hover:before{transform:translate(100%)}.btn-cta[data-v-26e2c8e4]:active{transform:translateY(-2px);box-shadow:0 10px 20px #0003}@media (max-width: 1024px){.navbar-menu[data-v-26e2c8e4]{gap:1.5rem}.navbar-button[data-v-26e2c8e4]{padding:.6rem 1.2rem}}@media (max-width: 992px){.hero .container[data-v-26e2c8e4]{grid-template-columns:1fr;text-align:center}.hero-content[data-v-26e2c8e4]{order:1}.hero-image[data-v-26e2c8e4]{order:0;display:flex;justify-content:center}.hero .cta-buttons[data-v-26e2c8e4]{justify-content:center!important}.hero-content h1[data-v-26e2c8e4]{font-size:2.2rem}}@media (max-width: 768px){.navbar-menu[data-v-26e2c8e4]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;flex-direction:column;justify-content:flex-start;padding:4rem 2rem 2rem;transform:translate(100%);transition:all .4s cubic-bezier(.215,.61,.355,1);display:flex;opacity:0;z-index:1000;box-shadow:-5px 0 25px #0000001a;gap:1.5rem;overflow-y:auto}.navbar-menu.is-active[data-v-26e2c8e4]{transform:translate(0);opacity:1}.navbar-item[data-v-26e2c8e4]{font-size:1.2rem;padding:.75rem 0;border-bottom:1px solid var(--bg-light);width:100%}.navbar-item[data-v-26e2c8e4]:last-child{border-bottom:none}.navbar-buttons.is-active[data-v-26e2c8e4]{display:flex;flex-direction:column;width:100%;margin-top:1.5rem;gap:1rem}.navbar-button[data-v-26e2c8e4]{width:100%;padding:1rem;text-align:center}.mobile-menu-toggle[data-v-26e2c8e4]{display:flex}.navbar-dropdown-container[data-v-26e2c8e4]{width:100%}.navbar-dropdown[data-v-26e2c8e4]{position:static;box-shadow:none;min-width:auto;padding:.5rem 0;margin-top:.5rem;background-color:var(--bg-light);border-radius:8px;visibility:hidden;height:0;opacity:0;transition:all .3s ease;overflow:hidden;transform:none}.navbar-dropdown.is-active[data-v-26e2c8e4]{visibility:visible;height:auto;opacity:1;padding:.5rem}.dropdown-item[data-v-26e2c8e4]{padding:.8rem 1rem;border-radius:6px;margin:.25rem 0}.dropdown-item[data-v-26e2c8e4]:hover{background-color:#0000000d}.mobile-buttons[data-v-26e2c8e4]{display:flex;flex-direction:column;gap:1rem}.navbar-buttons[data-v-26e2c8e4]{display:none}.mobile-buttons .navbar-button[data-v-26e2c8e4]{width:100%;padding:1rem;text-align:center;font-weight:600}.mobile-buttons .theme-button[data-v-26e2c8e4]{background-color:var(--primary-color);color:#fff;border-radius:8px}}@media (max-width: 576px){.cta-buttons[data-v-26e2c8e4]{flex-direction:column;gap:.8rem}.navbar-buttons.is-active[data-v-26e2c8e4]{display:flex;flex-direction:column;width:100%;margin-top:1rem}.hero-content h1[data-v-26e2c8e4]{font-size:1.8rem}}@media (max-width: 480px){.navbar-brand .logo img[data-v-26e2c8e4]{height:32px}.navbar[data-v-26e2c8e4]{padding:.75rem 0}}.navbar-dropdown-container[data-v-26e2c8e4]{position:relative}.navbar-item.has-dropdown[data-v-26e2c8e4]{display:flex;align-items:center;gap:5px}.dropdown-arrow[data-v-26e2c8e4]{font-size:.6rem;transition:transform .3s ease}.dropdown-arrow.is-open[data-v-26e2c8e4]{transform:rotate(180deg)}.navbar-dropdown[data-v-26e2c8e4]{position:absolute;top:100%;left:0;background-color:#fff;min-width:200px;border-radius:4px;box-shadow:0 2px 15px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:100;padding:.5rem 0}.navbar-dropdown.is-active[data-v-26e2c8e4]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item[data-v-26e2c8e4]{display:block;padding:.5rem 1rem;color:var(--text-color);text-decoration:none;transition:background-color .2s ease}.dropdown-item[data-v-26e2c8e4]:hover{background-color:#f5f5f5;color:var(--primary-color)}.container[data-v-26e2c8e4]{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero-features[data-v-26e2c8e4]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.feature-tag[data-v-26e2c8e4]{display:inline-flex;align-items:center;gap:.5rem;background-color:#ffffffb3;color:var(--text-color);padding:.5rem 1rem;border-radius:50px;font-weight:500;font-size:.95rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 5px #0000000d}.feature-tag span[data-v-26e2c8e4]{color:#4caf50;font-weight:700}.feature-check[data-v-26e2c8e4]{color:#4caf50;margin-right:.25rem;font-size:1rem}.feature-icon[data-v-26e2c8e4]{border-radius:14px;font-size:1.5rem;width:55px;height:55px}.use-case-icon[data-v-26e2c8e4]{width:60px;height:60px;font-size:1.5rem;margin-bottom:.5rem}.card-icon[data-v-26e2c8e4]{width:60px;height:60px;margin:0 auto 1.5rem;font-size:1.5rem}.audience-card:nth-child(1) .card-icon[data-v-26e2c8e4]{background-color:var(--primary-dark);box-shadow:0 4px 15px #4361ee40}.audience-card:nth-child(2) .card-icon[data-v-26e2c8e4]{background-color:#e91e63;box-shadow:var(--shadow-md)}.audience-card:nth-child(3) .card-icon[data-v-26e2c8e4]{background-color:var(--warning-color);box-shadow:var(--shadow-md)}.feature-item .feature-icon[data-v-26e2c8e4]{margin-bottom:1rem;color:#fff;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:14px;font-size:1.5rem}.feature-item:nth-child(1) .feature-icon[data-v-26e2c8e4]{background-color:#2196f3;box-shadow:0 4px 12px #2196f340}.feature-item:nth-child(2) .feature-icon[data-v-26e2c8e4]{background-color:#9c27b0;box-shadow:0 4px 12px #9c27b040}.feature-item:nth-child(3) .feature-icon[data-v-26e2c8e4]{background-color:#f44336;box-shadow:0 4px 12px #f4433640}.feature-item:nth-child(4) .feature-icon[data-v-26e2c8e4]{background-color:#009688;box-shadow:0 4px 12px #00968840}.feature-item:nth-child(5) .feature-icon[data-v-26e2c8e4]{background-color:#ff5722;box-shadow:0 4px 12px #ff572240}.desktop-only[data-v-26e2c8e4]{display:flex}.mobile-only[data-v-26e2c8e4]{display:none}@media (max-width: 768px){.desktop-only[data-v-26e2c8e4]{display:none}.mobile-only[data-v-26e2c8e4]{display:block}.navbar-item.mobile-only[data-v-26e2c8e4]{font-size:1.2rem;padding:.75rem 0;border-bottom:1px solid var(--bg-light);width:100%}.navbar-item.mobile-only[data-v-26e2c8e4]:first-of-type{margin-top:1rem;position:relative}.navbar-item.mobile-only[data-v-26e2c8e4]:first-of-type:before{content:"Features";display:block;font-size:1.3rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-light)}.navbar-item.mobile-only[data-v-26e2c8e4]{padding-left:1rem;color:var(--text-light)}}.theme-button[data-v-26e2c8e4]{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer;background-color:var(--primary-color);color:#fff;box-shadow:0 4px 8px #4361ee26;text-decoration:none;border:none}.theme-button[data-v-26e2c8e4]:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 12px #4361ee33}.btn-primary[data-v-26e2c8e4]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.125rem;font-weight:600;padding:1rem 2rem;border-radius:50px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;border:none;background-color:var(--primary-color);color:#fff;box-shadow:0 6px 12px #4361ee26}.btn-primary[data-v-26e2c8e4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.btn-primary[data-v-26e2c8e4]:hover{background-color:var(--primary-dark);transform:translateY(-5px);box-shadow:0 10px 20px #4361ee33}.btn-primary[data-v-26e2c8e4]:hover:before{transform:translate(100%)}.btn-primary[data-v-26e2c8e4]:active{transform:translateY(-2px);box-shadow:0 4px 8px #4361ee26}.demo-button[data-v-26e2c8e4]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.125rem;font-weight:700;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;border:none;background:linear-gradient(45deg,var(--primary-color),#5d76f5);color:#fff;box-shadow:0 6px 15px #4361ee40;letter-spacing:.5px}.demo-button[data-v-26e2c8e4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);transform:translate(-100%);transition:transform .6s ease}.demo-button[data-v-26e2c8e4]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #4361ee66;background:linear-gradient(45deg,#3d55e0,var(--primary-color))}.demo-button[data-v-26e2c8e4]:hover:before{transform:translate(100%)}.demo-button[data-v-26e2c8e4]:active{transform:translateY(-2px);box-shadow:0 6px 12px #4361ee40}.demo-button svg[data-v-26e2c8e4]{font-size:1.1em}.hero .cta-buttons[data-v-26e2c8e4]{justify-content:flex-start!important}@media (max-width: 992px){.hero .cta-buttons[data-v-26e2c8e4]{justify-content:center!important}}.final-cta-section .cta-buttons[data-v-26e2c8e4]{justify-content:center!important}.icon-base[data-v-26e2c8e4],.feature-icon[data-v-26e2c8e4],.use-case-icon[data-v-26e2c8e4],.card-icon[data-v-26e2c8e4]{color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.card-shadow[data-v-26e2c8e4]{transition:transform .3s ease,box-shadow .3s ease}.card-shadow[data-v-26e2c8e4]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.card[data-v-0ffbd9f3]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:0}.card-header[data-v-0ffbd9f3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title[data-v-0ffbd9f3]{font-size:1.25rem;font-weight:600;color:var(--dark, #333);margin-bottom:0}.btn[data-v-0ffbd9f3]{padding:10px 15px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;gap:8px}.btn-outline[data-v-0ffbd9f3]{background-color:transparent;color:var(--gray, #6c757d);border:1px solid var(--border-color, #e0e0e0)}.btn-outline[data-v-0ffbd9f3]:hover{background-color:var(--light-gray, #e9ecef)}.achievements[data-v-0ffbd9f3]{display:flex;flex-wrap:wrap;gap:1rem}.achievement[data-v-0ffbd9f3]{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 4px 6px #0000001a;width:calc(25% - .75rem);text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1)}.achievement[data-v-0ffbd9f3]:hover{transform:translateY(-5px)}.achievement-icon[data-v-0ffbd9f3]{font-size:2rem;margin-bottom:.5rem;color:var(--primary-color, #4361ee);width:32px;height:32px;overflow:hidden;display:flex;justify-content:center;align-items:center}.achievement-icon img[data-v-0ffbd9f3]{width:100%;height:100%;object-fit:cover}.achievement-title[data-v-0ffbd9f3]{font-size:.9rem;font-weight:600;margin-bottom:.25rem;color:var(--text-color, #333)}.achievement-description[data-v-0ffbd9f3]{font-size:.8rem;color:var(--text-light, #666);margin-bottom:0}.locked[data-v-0ffbd9f3]{opacity:.5}.locked .achievement-icon[data-v-0ffbd9f3]{color:var(--text-light, #666)}@media (max-width: 1024px){.achievement[data-v-0ffbd9f3]{width:calc(33.33% - .67rem)}}@media (max-width: 768px){.card[data-v-0ffbd9f3]{padding:1.25rem}.card-header[data-v-0ffbd9f3]{flex-direction:column;align-items:flex-start;gap:1rem}.achievement[data-v-0ffbd9f3]{width:calc(50% - .5rem);padding:.75rem}}@media (max-width: 480px){.card[data-v-0ffbd9f3]{padding:1rem}.achievement[data-v-0ffbd9f3]{width:100%}.btn[data-v-0ffbd9f3]{padding:8px 12px;font-size:.9rem}}.app-layout[data-v-d0c76998]{max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%;position:relative;min-height:calc(100vh - var(--navbar-height));box-sizing:border-box}@media (max-width: 1024px){.app-layout[data-v-d0c76998]{padding:1.5rem 1rem}}@media (max-width: 768px){.app-layout[data-v-d0c76998]{padding:1.25rem 1rem}}@media (max-width: 480px){.app-layout[data-v-d0c76998]{padding:1rem .75rem}}.sidebar[data-v-94ea53d7]{background-color:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-md);height:fit-content}.sidebar-section[data-v-94ea53d7]{margin-bottom:2rem}.sidebar-section[data-v-94ea53d7]:last-child{margin-bottom:0}.sidebar-title[data-v-94ea53d7]{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.progress-container[data-v-94ea53d7]{margin-bottom:1rem}.progress-label[data-v-94ea53d7]{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.progress-bar[data-v-94ea53d7]{height:8px;background-color:var(--light-gray);border-radius:4px;overflow:hidden}.progress-fill[data-v-94ea53d7]{height:100%;background-color:var(--primary-color);border-radius:4px}.badge[data-v-94ea53d7]{display:inline-block;padding:.25rem .5rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-right:.5rem;margin-bottom:.5rem;background-color:#4361ee1a;color:var(--primary-color)}.badge.badge-primary[data-v-94ea53d7]{background-color:#4361ee1a;color:var(--primary-color)}.badge.badge-secondary[data-v-94ea53d7]{background-color:#6c757d1a;color:var(--gray)}@media (max-width: 768px){.sidebar[data-v-94ea53d7]{margin-bottom:1.5rem}}.message-modal-enter-active[data-v-e8b3db3c],.message-modal-leave-active[data-v-e8b3db3c]{transition:all .3s cubic-bezier(.25,.8,.25,1)}.message-modal-enter-from[data-v-e8b3db3c],.message-modal-leave-to[data-v-e8b3db3c]{opacity:0;transform:translateY(-20px)}.message-modal[data-v-e8b3db3c]{position:fixed;top:20px;left:0;right:0;display:flex;align-items:flex-start;justify-content:center;z-index:2800;pointer-events:none}.modal-content[data-v-e8b3db3c]{pointer-events:auto;background:#fff;border-radius:var(--border-radius);width:90%;max-width:400px;box-shadow:var(--shadow-md);animation:slideIn-e8b3db3c .3s cubic-bezier(.25,.8,.25,1)}.modal-content.message-info[data-v-e8b3db3c]{border-left:4px solid var(--primary-color)}.modal-content.message-info .message-icon[data-v-e8b3db3c]{color:var(--primary-color)}.modal-content.message-success[data-v-e8b3db3c]{border-left:4px solid var(--success-color)}.modal-content.message-success .message-icon[data-v-e8b3db3c]{color:var(--success-color)}.modal-content.message-warning[data-v-e8b3db3c]{border-left:4px solid var(--warning-color)}.modal-content.message-warning .message-icon[data-v-e8b3db3c]{color:var(--warning-color)}.modal-content.message-error[data-v-e8b3db3c]{border-left:4px solid #EF4444}.modal-content.message-error .message-icon[data-v-e8b3db3c]{color:#ef4444}@keyframes slideIn-e8b3db3c{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-body[data-v-e8b3db3c]{padding:var(--padding-sm)}.message-container[data-v-e8b3db3c]{display:flex;align-items:center;gap:var(--padding-sm)}.icon-wrapper[data-v-e8b3db3c]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--bg-light);flex-shrink:0}.message-icon[data-v-e8b3db3c]{font-size:16px}.content-wrapper[data-v-e8b3db3c]{flex:1;min-width:0}.content-wrapper p[data-v-e8b3db3c]{margin:0;font-size:14px;line-height:1.5;color:var(--text-color)}.close-button[data-v-e8b3db3c]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:transparent;border:none;color:var(--text-light);cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-button[data-v-e8b3db3c]:hover{background-color:var(--bg-light);color:var(--text-color)}.close-button svg[data-v-e8b3db3c]{font-size:14px}.modal-animation-enter-active[data-v-58682d2d],.modal-animation-leave-active[data-v-58682d2d]{transition:all .3s cubic-bezier(.25,.8,.25,1)}.modal-animation-enter-from[data-v-58682d2d],.modal-animation-leave-to[data-v-58682d2d]{opacity:0;transform:translateY(-20px)}.modal[data-v-58682d2d]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2700;padding:20px}.modal .overlay[data-v-58682d2d]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1}.modal-content[data-v-58682d2d]{background:#fff;border-radius:var(--border-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;animation:slideIn-58682d2d .4s cubic-bezier(.25,.8,.25,1)}@keyframes slideIn-58682d2d{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-58682d2d]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 0;background:#fff;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;position:relative}.modal-header .title-container[data-v-58682d2d]{display:flex;align-items:center;gap:10px}.modal-header .title-icon[data-v-58682d2d]{color:var(--primary-color);font-size:18px;background:var(--primary-light);padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-header h3[data-v-58682d2d]{margin:0;color:var(--text-color);font-size:16px;font-weight:600;letter-spacing:.3px}.modal-body[data-v-58682d2d]{padding:20px 24px;background-color:#fff;font-size:14px;line-height:1.6;color:var(--text-color);position:relative}.modal-body[data-v-58682d2d]:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(to right,transparent,var(--border-light),transparent)}.modal-body p[data-v-58682d2d],.modal-body[data-v-58682d2d] *{margin:0;color:var(--text-color);font-size:14px;line-height:1.6;letter-spacing:.2px}.modal-body[data-v-58682d2d] p{margin-bottom:16px}.modal-body[data-v-58682d2d] p:last-child{margin-bottom:0}.modal-body[data-v-58682d2d] h1,.modal-body[data-v-58682d2d] h2,.modal-body[data-v-58682d2d] h3,.modal-body[data-v-58682d2d] h4,.modal-body[data-v-58682d2d] h5,.modal-body[data-v-58682d2d] h6{margin:0 0 12px;font-weight:600;color:var(--text-color)}.modal-body[data-v-58682d2d] ul,.modal-body[data-v-58682d2d] ol{margin:0 0 16px;padding-left:20px}.modal-body[data-v-58682d2d] li{margin-bottom:8px}.modal-body[data-v-58682d2d] li:last-child{margin-bottom:0}.modal-body[data-v-58682d2d] a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.modal-body[data-v-58682d2d] a:hover{color:var(--primary-dark);text-decoration:underline}.modal-body[data-v-58682d2d] code{background-color:var(--bg-light);padding:2px 4px;border-radius:4px;font-family:monospace;font-size:13px}.modal-body[data-v-58682d2d] pre{background-color:var(--bg-light);padding:12px;border-radius:var(--border-radius);overflow-x:auto;margin-bottom:16px}.modal-footer[data-v-58682d2d]{padding:20px 24px;display:flex;justify-content:flex-end;gap:12px;background-color:#fff;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.button-icon[data-v-58682d2d]{margin-right:8px}.btn-primary[data-v-58682d2d]{background:var(--primary-gradient);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #4361ee33}.btn-primary[data-v-58682d2d]:hover{transform:translateY(-2px);box-shadow:0 6px 8px #4361ee4d}.btn-primary[data-v-58682d2d]:active{transform:translateY(0);box-shadow:0 2px 4px #4361ee33}.btn-secondary[data-v-58682d2d]{background:#fff;color:var(--text-color);border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-secondary[data-v-58682d2d]:hover{background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary[data-v-58682d2d]:active{transform:translateY(1px)}.btn-icon[data-v-58682d2d]{background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:20px}.btn-icon[data-v-58682d2d]:hover{color:var(--text-color);background:var(--bg-light)}@media (max-width: 768px){.modal[data-v-58682d2d]{padding:16px}.modal-content[data-v-58682d2d]{max-width:100%}.modal-header[data-v-58682d2d]{padding:16px 20px 0}.modal-body[data-v-58682d2d]{padding:20px}.modal-footer[data-v-58682d2d]{padding:16px 20px}}.progress[data-v-f80724f3]{position:fixed;z-index:3000;top:0;left:0;width:100%}.mask[data-v-f80724f3]{position:fixed;z-index:3001;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;cursor:wait}.card[data-v-c42edeb4]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:0}.card-header[data-v-c42edeb4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-actions[data-v-c42edeb4]{display:flex;gap:.75rem;align-items:center}.card-title[data-v-c42edeb4]{font-size:1.25rem;font-weight:600;color:var(--dark, #333);margin-bottom:0}.btn[data-v-c42edeb4]{padding:10px 15px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;gap:8px}.icon-wrapper[data-v-c42edeb4]{display:flex;align-items:center;justify-content:center}.btn-outline[data-v-c42edeb4]{background-color:transparent;color:var(--gray, #6c757d);border:1px solid var(--border-color, #e0e0e0)}.btn-outline[data-v-c42edeb4]:hover{background-color:var(--light-gray, #e9ecef)}.btn-primary[data-v-c42edeb4]{background-color:var(--primary-color, #4361ee);color:#fff}.btn-primary[data-v-c42edeb4]:hover{background-color:var(--primary-dark, #3a56d4)}.filter-tags[data-v-c42edeb4]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-tag[data-v-c42edeb4]{background-color:var(--primary-light, #e6eeff);color:var(--primary-color, #4361ee);padding:.25rem .5rem;border-radius:4px;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.remove-filter[data-v-c42edeb4]{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0;color:var(--primary-color, #4361ee)}.clear-filters[data-v-c42edeb4]{background:none;border:none;cursor:pointer;color:var(--gray, #6c757d);font-size:.85rem;padding:.25rem .5rem}.writing-activities[data-v-c42edeb4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.activity-card[data-v-c42edeb4]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid var(--border-color, #e0e0e0);cursor:pointer}.activity-card[data-v-c42edeb4]:hover{transform:translateY(-5px);border-color:var(--primary-color, #4361ee)}.activity-header[data-v-c42edeb4]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.activity-type[data-v-c42edeb4]{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.bookmark-btn[data-v-c42edeb4]{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.narrative[data-v-c42edeb4]{background-color:#4cc9f01a;color:var(--accent, #4cc9f0)}.persuasive[data-v-c42edeb4]{background-color:#4361ee1a;color:var(--primary-color, #4361ee)}.activity-title[data-v-c42edeb4]{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color, #333);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.activity-description[data-v-c42edeb4]{color:var(--text-light, #666);font-size:.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.activity-footer[data-v-c42edeb4]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.activity-status[data-v-c42edeb4]{display:flex;align-items:center;gap:.5rem}.status-indicator[data-v-c42edeb4]{width:10px;height:10px;border-radius:50%}.status-indicator.pending[data-v-c42edeb4]{background-color:var(--primary-color, #4361ee)}.status-indicator.progressing[data-v-c42edeb4]{background-color:var(--warning-color, #ff9800)}.status-indicator.completed[data-v-c42edeb4]{background-color:var(--success-color, #4caf50)}.activity-due[data-v-c42edeb4]{color:var(--gray, #6c757d)}.no-activities[data-v-c42edeb4]{grid-column:1/-1;text-align:center;padding:2rem;color:var(--gray, #6c757d);display:flex;flex-direction:column;align-items:center;gap:1rem}.modal[data-v-c42edeb4]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2600}.modal-content[data-v-c42edeb4]{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 15px #0000001a}.modal-header[data-v-c42edeb4]{padding:1.25rem;border-bottom:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-c42edeb4]{margin:0;font-size:1.25rem;color:var(--text-color, #333)}.close-btn[data-v-c42edeb4]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray, #6c757d);line-height:1}.modal-body[data-v-c42edeb4]{padding:1.25rem}.filter-section[data-v-c42edeb4]{margin-bottom:1.5rem}.filter-section h4[data-v-c42edeb4]{margin-top:0;margin-bottom:.75rem;font-size:1rem;color:var(--text-color, #333)}.filter-options[data-v-c42edeb4]{display:flex;flex-direction:column;gap:.5rem}.filter-option[data-v-c42edeb4]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--text-light, #666)}.modal-footer[data-v-c42edeb4]{padding:1.25rem;border-top:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 1024px){.writing-activities[data-v-c42edeb4]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.activity-card[data-v-c42edeb4]{padding:1.25rem}}@media (max-width: 768px){.card[data-v-c42edeb4]{padding:1.25rem}.card-header[data-v-c42edeb4]{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions[data-v-c42edeb4]{width:100%;justify-content:space-between}.writing-activities[data-v-c42edeb4]{grid-template-columns:1fr}.activity-card[data-v-c42edeb4]{padding:1.25rem}.modal-content[data-v-c42edeb4]{width:95%}}@media (max-width: 480px){.card[data-v-c42edeb4],.activity-card[data-v-c42edeb4]{padding:1rem}.activity-title[data-v-c42edeb4]{font-size:1rem}.activity-description[data-v-c42edeb4]{font-size:.85rem}.activity-footer[data-v-c42edeb4]{font-size:.8rem}.btn[data-v-c42edeb4]{padding:8px 12px;font-size:.9rem}.modal-header[data-v-c42edeb4],.modal-body[data-v-c42edeb4],.modal-footer[data-v-c42edeb4]{padding:1rem}.filter-option[data-v-c42edeb4]{font-size:.9rem}}.welcome-banner[data-v-3653b169]{background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);padding:var(--padding-lg);margin-bottom:var(--margin-lg);position:relative;overflow:hidden}.welcome-content[data-v-3653b169]{position:relative;z-index:1;max-width:60%}.welcome-title[data-v-3653b169]{font-size:1.75rem;margin-bottom:var(--margin-sm);color:#fff}.welcome-text[data-v-3653b169]{margin-bottom:var(--margin-md);color:#ffffffe6}.welcome-actions[data-v-3653b169]{display:flex;gap:var(--margin-sm)}.btn[data-v-3653b169]{padding:10px 15px;border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:8px;text-decoration:none}.btn-outline[data-v-3653b169]{background-color:transparent;color:#fff;border:1px solid white}.btn-outline[data-v-3653b169]:hover{background-color:#ffffff1a;transform:translateY(-2px)}.welcome-decoration[data-v-3653b169]{position:absolute;right:var(--padding-lg);top:50%;transform:translateY(-50%);width:150px;height:150px;opacity:.2}@media (max-width: 1024px){.welcome-content[data-v-3653b169]{max-width:70%}}@media (max-width: 768px){.welcome-content[data-v-3653b169]{max-width:100%}.welcome-decoration[data-v-3653b169]{display:none}.welcome-actions[data-v-3653b169]{flex-direction:column}}@media (max-width: 576px){.welcome-banner[data-v-3653b169]{padding:var(--padding-md)}.welcome-title[data-v-3653b169]{font-size:1.5rem}.welcome-text[data-v-3653b169]{font-size:.9rem}}.dashboard[data-v-72b71d19]{display:grid;grid-template-columns:1fr 3fr;gap:var(--margin-lg)}.content[data-v-72b71d19]{display:flex;flex-direction:column;gap:var(--margin-lg)}@media (max-width: 1024px){.dashboard[data-v-72b71d19]{grid-template-columns:1fr 2fr;gap:var(--margin-md)}}@media (max-width: 768px){.dashboard[data-v-72b71d19]{grid-template-columns:1fr;gap:var(--margin-md)}.content[data-v-72b71d19]{gap:var(--margin-md)}}@media (max-width: 480px){.dashboard[data-v-72b71d19],.content[data-v-72b71d19]{gap:1.25rem}}.cmpt-pagination[data-v-5c2a7235]{display:flex;justify-content:center;align-items:center;width:100%;margin:48px 0}@media (max-width: 639.98px){.cmpt-pagination[data-v-5c2a7235]{flex-direction:column;margin:30px 0;font-size:18px;gap:20px}}.table-container[data-v-64731731]{display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table-container .common-table[data-v-64731731]{width:100%;border-collapse:collapse}.table-container .common-table th[data-v-64731731]{text-align:left;padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-light);font-weight:500;background-color:#f9f9f9;white-space:nowrap}.table-container .common-table td[data-v-64731731]{padding:1rem;border-bottom:1px solid var(--border-color)}.table-container .common-table tr[data-v-64731731]:hover{background-color:var(--secondary-color)}.table-container .common-table tr:last-child td[data-v-64731731]{border-bottom:none}.table-container .empty-state[data-v-64731731]{text-align:center;padding:3rem!important}.table-container .empty-state .empty-state-content[data-v-64731731]{display:flex;flex-direction:column;align-items:center}.table-container .empty-state .empty-state-content .empty-icon[data-v-64731731]{font-size:3rem;color:var(--text-light);margin-bottom:1rem}.table-container .empty-state .empty-state-content .empty-sub-text[data-v-64731731]{color:var(--text-light);font-size:.9rem;margin-top:.5rem}.table-container .loading-state[data-v-64731731]{text-align:center;padding:3rem!important}.table-container .loading-state .loading-content[data-v-64731731]{display:flex;flex-direction:column;align-items:center;gap:1rem}.table-container .loading-state .loading-content .loading-spinner[data-v-64731731]{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin-64731731 1s linear infinite}.table-container[data-v-64731731] .cmpt-pagination{width:auto;margin:0;align-self:flex-end;margin-right:1rem;margin-bottom:1rem}@keyframes spin-64731731{to{transform:rotate(360deg)}}.custom-select[data-v-d3ef01db]{min-width:120px}.filter-search-section[data-v-bf6c66c3]{padding:.75rem;margin-bottom:var(--margin-sm);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);background-color:var(--bg-light);border:1px solid var(--border-light)}.section-title[data-v-bf6c66c3]{font-size:var(--title-font-size);font-weight:600;color:var(--text-color);margin-bottom:.75rem;display:flex;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.section-title .section-icon[data-v-bf6c66c3]{margin-right:var(--margin-sm);font-size:1.2rem;color:var(--primary-color)}.enhanced-search-container[data-v-bf6c66c3]{margin-bottom:.5rem}.enhanced-search-container .search-input-wrapper[data-v-bf6c66c3]{position:relative;width:100%}.enhanced-search-container .search-input-wrapper .search-icon[data-v-bf6c66c3]{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:.85rem}.enhanced-search-container .search-input-wrapper .enhanced-search-input[data-v-bf6c66c3]{width:100%;padding:.5rem 2.2rem .5rem 2rem;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:var(--desc-font-size);transition:var(--transition);background-color:#fff}.enhanced-search-container .search-input-wrapper .enhanced-search-input[data-v-bf6c66c3]:focus{border-color:var(--primary-color);box-shadow:var(--card-shadow-focus);outline:none}.enhanced-search-container .search-input-wrapper .enhanced-search-input[data-v-bf6c66c3]::placeholder{color:var(--text-light);font-weight:400}.enhanced-search-container .search-input-wrapper .clear-search-button[data-v-bf6c66c3]{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray);cursor:pointer;font-size:.9rem;transition:color .2s ease;padding:.3rem;display:flex;align-items:center;justify-content:center}.enhanced-search-container .search-input-wrapper .clear-search-button[data-v-bf6c66c3]:hover{color:var(--text-color)}.filter-container[data-v-bf6c66c3]{display:flex;justify-content:space-between;flex-wrap:wrap;background-color:#fff;padding:.6rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);gap:.6rem}.filter-container .filter-options[data-v-bf6c66c3]{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;flex-wrap:wrap}.filter-container .filter-options .filter-group[data-v-bf6c66c3]{display:flex;flex-direction:column;gap:.25rem}.filter-container .filter-options .filter-group label[data-v-bf6c66c3]{font-size:.75rem;color:var(--text-light);font-weight:500}.filter-container .filter-options .filter-group[data-v-bf6c66c3] .custom-select{min-width:180px}.filter-container .filter-actions[data-v-bf6c66c3]{display:flex;gap:.4rem;align-items:flex-end}.filter-container .filter-actions .filter-button[data-v-bf6c66c3]{display:flex;align-items:center;gap:.3rem;padding:.4rem .8rem;border-radius:var(--border-radius-sm);font-weight:500;font-size:.85rem;cursor:pointer;transition:var(--transition);border:none}.filter-container .filter-actions .filter-button.apply-filter[data-v-bf6c66c3]{background-color:var(--primary-color);color:#fff}.filter-container .filter-actions .filter-button.apply-filter[data-v-bf6c66c3]:hover{background-color:var(--primary-dark);box-shadow:0 2px 6px #4a6cfa40}.filter-container .filter-actions .filter-button.reset-filter[data-v-bf6c66c3]{background-color:var(--secondary-color);color:var(--text-light);border:1px solid var(--border-color)}.filter-container .filter-actions .filter-button.reset-filter[data-v-bf6c66c3]:hover{background-color:var(--bg-light)}@media (max-width: 768px){.filter-container[data-v-bf6c66c3]{flex-direction:column}.filter-container .filter-options[data-v-bf6c66c3]{flex-direction:column;width:100%;gap:.5rem}.filter-container .filter-actions[data-v-bf6c66c3]{width:100%;justify-content:space-between;margin-top:.4rem}}.skeleton-container[data-v-b55d744d]{width:100%}.skeleton-container .skeleton-header[data-v-b55d744d]{margin-bottom:16px}.skeleton-container .skeleton-header-title[data-v-b55d744d]{margin-bottom:8px}.skeleton-container .skeleton-header-content[data-v-b55d744d]{display:flex;flex-direction:column}.skeleton-container .skeleton-writing-header[data-v-b55d744d]{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#fff;border-bottom:2px solid var(--border-color, #e5e7eb)}.skeleton-container .skeleton-writing-header .skeleton-back-button[data-v-b55d744d],.skeleton-container .skeleton-writing-header .skeleton-next-button[data-v-b55d744d]{width:120px;height:34px;border-radius:8px;flex-shrink:0}.skeleton-container .skeleton-writing-header .skeleton-writing-stages[data-v-b55d744d]{flex:1;display:flex;justify-content:center}.skeleton-container .skeleton-writing-header .skeleton-writing-stages .skeleton-stage-container[data-v-b55d744d]{display:flex;align-items:center}.skeleton-container .skeleton-writing-header .skeleton-writing-stages .skeleton-stage-container .skeleton-stage[data-v-b55d744d]{width:80px;height:24px;margin:0 8px}.skeleton-container .skeleton-writing-header .skeleton-writing-stages .skeleton-stage-container .skeleton-stage-connector[data-v-b55d744d]{width:32px;height:2px;background:var(--border-light, #eaeaea)}.skeleton-container .skeleton-writing-content[data-v-b55d744d]{height:100%}.skeleton-container .skeleton-writing-content .skeleton-writing-page[data-v-b55d744d]{min-height:0;display:grid;grid-template-columns:1.5fr 6fr 2.5fr;min-width:0;height:100%}.skeleton-container .skeleton-writing-content .skeleton-writing-page.completed[data-v-b55d744d]{grid-template-columns:320px 1fr}.skeleton-container .skeleton-writing-content .skeleton-writing-main .skeleton-writing-card[data-v-b55d744d]{background:#fff;height:100%}.skeleton-container .skeleton-writing-content .skeleton-writing-main .skeleton-writing-card .skeleton-writing-card-header[data-v-b55d744d]{padding:24px;border-bottom:1px solid var(--border-light, #eaeaea);background:#f8f9fa}.skeleton-container .skeleton-writing-content .skeleton-writing-main .skeleton-writing-card .skeleton-section-card[data-v-b55d744d]{padding:24px}.skeleton-container .skeleton-writing-content .skeleton-writing-main .skeleton-writing-card .skeleton-section-card .skeleton-section-header[data-v-b55d744d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skeleton-container .skeleton-writing-content .skeleton-writing-main .skeleton-writing-card .skeleton-section-card .skeleton-writing-area[data-v-b55d744d]{min-height:240px}.skeleton-container .skeleton-writing-content .skeleton-writing-sidebar[data-v-b55d744d]{background:#fff;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.skeleton-container .skeleton-writing-content .skeleton-writing-sidebar .skeleton-writing-tabs[data-v-b55d744d]{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border-light, #eaeaea);background:#f8f9fa}.skeleton-container .skeleton-writing-content .skeleton-writing-sidebar .skeleton-writing-tabs .n-skeleton[data-v-b55d744d]{width:33%;height:20px}.skeleton-container .skeleton-writing-content .skeleton-writing-sidebar .skeleton-tab-content[data-v-b55d744d]{padding:24px;flex:1}.skeleton-container .skeleton-writing-content .skeleton-writing-ai[data-v-b55d744d]{background:#fff;display:flex;flex-direction:column;padding:24px}.skeleton-container .skeleton-writing-content .skeleton-writing-ai .skeleton-ai-header[data-v-b55d744d]{margin-bottom:16px}.skeleton-container .skeleton-writing-content .skeleton-writing-ai .skeleton-ai-header .n-skeleton[data-v-b55d744d]{width:80%;height:24px}.skeleton-container .skeleton-writing-content .skeleton-writing-ai .skeleton-ai-content[data-v-b55d744d]{flex:1}.skeleton-container .skeleton-writing-content .skeleton-writing-ai .skeleton-ai-content .n-skeleton[data-v-b55d744d]{margin-bottom:12px}.skeleton-container .skeleton-search[data-v-b55d744d]{margin-bottom:24px}.skeleton-container .skeleton-search-title[data-v-b55d744d]{margin-bottom:8px}.skeleton-container .skeleton-search-content[data-v-b55d744d]{display:flex;flex-direction:column}.skeleton-container .skeleton-table-list[data-v-b55d744d]{width:100%;border-radius:var(--border-radius, 8px);overflow:hidden;margin-bottom:24px;background-color:#fff;box-shadow:var(--card-shadow, 0 2px 8px rgba(0, 0, 0, .08))}.skeleton-container .skeleton-table-list-header[data-v-b55d744d]{padding:12px 16px;background-color:var(--bg-light, #f9fafb);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light, #eaeaea)}.skeleton-container .skeleton-table-list-header .n-skeleton[data-v-b55d744d]{margin-right:16px}.skeleton-container .skeleton-table-list-header .n-skeleton[data-v-b55d744d]:last-child{margin-right:0}.skeleton-container .skeleton-table-list-body[data-v-b55d744d]{padding:8px 0}.skeleton-container .skeleton-table-list-row[data-v-b55d744d]{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.skeleton-container .skeleton-table-list-row .n-skeleton[data-v-b55d744d]{margin-right:16px}.skeleton-container .skeleton-table-list-row .n-skeleton[data-v-b55d744d]:last-child{margin-right:0}.skeleton-container .skeleton-table-list-row[data-v-b55d744d]:not(:last-child){border-bottom:1px solid var(--border-light, #eaeaea)}.skeleton-container .skeleton-table-card[data-v-b55d744d]{margin-bottom:24px}.skeleton-container .skeleton-table-card-grid[data-v-b55d744d]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skeleton-container .skeleton-table-card-item[data-v-b55d744d]{border-radius:var(--border-radius, 8px);padding:16px;background-color:#fff;box-shadow:var(--card-shadow, 0 2px 8px rgba(0, 0, 0, .08))}.skeleton-container .skeleton-table-card-item-header[data-v-b55d744d]{margin-bottom:16px}.skeleton-container .skeleton-table-card-item-header-content[data-v-b55d744d]{display:flex;flex-direction:column;justify-content:center;gap:8px}.skeleton-container .skeleton-table-card-item-body[data-v-b55d744d]{margin-bottom:16px}.skeleton-container .skeleton-table-card-item-footer[data-v-b55d744d]{display:flex;justify-content:flex-end}.skeleton-container .skeleton-activity-detail[data-v-b55d744d]{width:100%}.skeleton-container .skeleton-activity-detail-header[data-v-b55d744d]{margin-bottom:24px}.skeleton-container .skeleton-activity-detail-header .skeleton-activity-detail-title[data-v-b55d744d]{display:flex;align-items:center;gap:12px;margin-top:16px}.skeleton-container .skeleton-activity-detail-container[data-v-b55d744d]{display:grid;grid-template-columns:2fr 1fr;gap:24px}.skeleton-container .skeleton-activity-detail-content[data-v-b55d744d],.skeleton-container .skeleton-activity-detail-sidebar[data-v-b55d744d]{display:flex;flex-direction:column;gap:16px}.skeleton-container .skeleton-activity-detail-card[data-v-b55d744d]{background-color:#fff;border-radius:var(--border-radius, 8px);padding:16px;box-shadow:var(--card-shadow, 0 2px 8px rgba(0, 0, 0, .08))}.skeleton-container .skeleton-activity-detail-card-content[data-v-b55d744d]{margin-top:16px}.skeleton-container .skeleton-activity-detail-grid[data-v-b55d744d]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skeleton-container .skeleton-activity-detail-step[data-v-b55d744d]{display:flex;gap:12px;margin-bottom:16px}.skeleton-container .skeleton-activity-detail-step-content[data-v-b55d744d]{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-container .skeleton-activity-detail-buttons[data-v-b55d744d]{display:flex;flex-direction:column;gap:12px}.skeleton-container .skeleton-activity-detail-item[data-v-b55d744d]{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--bg-light, #f9fafb);border-radius:var(--border-radius-sm, 4px);margin-bottom:8px}.skeleton-container .skeleton-activity-detail-stats[data-v-b55d744d]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skeleton-container .skeleton-activity-detail-stat[data-v-b55d744d]{display:flex;flex-direction:column;gap:4px}.skeleton-container .skeleton-activity-detail-images[data-v-b55d744d]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.courses-grid[data-v-b55d744d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--margin-md)}@media (max-width: 768px){.skeleton-activity-detail-container[data-v-b55d744d],.skeleton-activity-detail-stats[data-v-b55d744d],.skeleton-activity-detail-images[data-v-b55d744d]{grid-template-columns:1fr!important}}@media (max-width: 992px){.skeleton-writing-page[data-v-b55d744d]{flex-direction:column!important}.skeleton-writing-page .skeleton-writing-main[data-v-b55d744d],.skeleton-writing-page .skeleton-writing-sidebar[data-v-b55d744d]{width:100%;flex:none!important}.skeleton-writing-page .skeleton-writing-main[data-v-b55d744d]{margin-bottom:var(--margin-md, 16px)}}.page-header[data-v-547036e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-lg)}@media (max-width: 768px){.page-header[data-v-547036e5]{flex-direction:column;align-items:flex-start;gap:1rem}.page-header .action-buttons[data-v-547036e5]{width:100%;flex-direction:column}}.page-header .page-title[data-v-547036e5]{font-size:1.75rem;font-weight:600;color:var(--text-color);margin:0}.page-header .action-buttons[data-v-547036e5]{display:flex;gap:var(--margin-sm);align-items:center}.btn[data-v-547036e5]{padding:.6rem var(--padding-sm);border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.95rem}.btn-primary[data-v-547036e5]{background-color:var(--primary-color);color:#fff;text-decoration:none}.btn-primary[data-v-547036e5]:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-547036e5]{background-color:#fff;color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary[data-v-547036e5]:hover{background-color:var(--secondary-color)}.title-cell[data-v-547036e5]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.progress-container[data-v-547036e5]{display:flex;align-items:center;gap:.5rem}.progress-container .status-badge[data-v-547036e5]{display:inline-block;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:500}.progress-container .status-badge.pending[data-v-547036e5]{background-color:#e3f2fd;color:#1976d2}.progress-container .status-badge.progressing[data-v-547036e5]{background-color:#fff8e1;color:#f57f17}.progress-container .status-badge.completed[data-v-547036e5]{background-color:#e8f5e9;color:#388e3c}.action-link[data-v-547036e5]{color:var(--primary-color);text-decoration:none;font-weight:500;border-radius:var(--border-radius);transition:var(--transition);cursor:pointer}.action-link[data-v-547036e5]:hover{background-color:var(--primary-light)}.modal[data-v-547036e5]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2600;padding:1rem}@media (max-width: 768px){.modal .modal-content[data-v-547036e5]{max-height:95vh}}.modal .modal-content[data-v-547036e5]{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn-547036e5 .3s ease}.modal .modal-content.feedback-modal[data-v-547036e5]{max-width:900px}.modal .modal-content .modal-header[data-v-547036e5]{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa}.modal .modal-content .modal-header h2[data-v-547036e5]{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}.modal .modal-content .modal-header .modal-close[data-v-547036e5]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);transition:var(--transition)}.modal .modal-content .modal-header .modal-close[data-v-547036e5]:hover{color:var(--text-color)}.modal .modal-content .modal-body[data-v-547036e5]{padding:1.5rem;overflow-y:auto;flex:1}.modal .modal-content .modal-footer[data-v-547036e5]{padding:1.25rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;background-color:#f8f9fa}@keyframes modalFadeIn-547036e5{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mt-3[data-v-547036e5]{margin-top:1rem}.container[data-v-d4bf820c]{max-width:800px;margin:0 auto;padding:var(--padding-lg)}.page-header[data-v-d4bf820c]{margin-bottom:var(--margin-lg)}.back-button[data-v-d4bf820c]{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-color);padding:.5rem .75rem;border-radius:var(--border-radius);transition:var(--transition);width:fit-content}.back-button[data-v-d4bf820c]:hover{background-color:var(--secondary-color)}.new-writing-intro[data-v-d4bf820c]{margin-bottom:var(--margin-lg)}.new-writing-intro h1[data-v-d4bf820c]{font-size:1.75rem;margin-bottom:.5rem}.new-writing-intro p[data-v-d4bf820c]{color:var(--text-light)}.new-writing-form[data-v-d4bf820c]{background-color:#fff;padding:var(--padding-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.form-group[data-v-d4bf820c]{margin-bottom:var(--margin-md)}.form-label[data-v-d4bf820c]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.input-field[data-v-d4bf820c]{width:100%;padding:.75rem var(--padding-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family);transition:var(--transition)}.input-field[data-v-d4bf820c]:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--card-shadow-focus)}.form-select[data-v-d4bf820c]{width:100%;padding:.75rem var(--padding-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family);background-color:#fff;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.form-select[data-v-d4bf820c]:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--card-shadow-focus)}.form-actions[data-v-d4bf820c]{display:flex;justify-content:flex-end;gap:var(--margin-sm);margin-top:var(--margin-lg)}.btn[data-v-d4bf820c]{padding:.75rem var(--padding-md);border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-primary[data-v-d4bf820c]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-d4bf820c]:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-d4bf820c]{background-color:#fff;color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary[data-v-d4bf820c]:hover{background-color:var(--secondary-color)}.error-message[data-v-d4bf820c]{color:#d32f2f;font-size:.875rem;margin-top:.25rem}@media (max-width: 768px){.form-actions[data-v-d4bf820c]{flex-direction:column-reverse}.btn[data-v-d4bf820c]{width:100%;justify-content:center}}.stats-overview[data-v-7625e808]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--margin-md)}.stats-overview .stat-card[data-v-7625e808]{background-color:#fff;border-radius:var(--border-radius);padding:var(--padding-md);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--margin-sm)}.stats-overview .stat-card .stat-icon[data-v-7625e808]{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stats-overview .stat-card .stat-icon.completed[data-v-7625e808]{background-color:#4caf501a;color:var(--success-color)}.stats-overview .stat-card .stat-icon.in-progress[data-v-7625e808]{background-color:#ff98001a;color:var(--warning-color)}.stats-overview .stat-card .stat-icon.not-started[data-v-7625e808]{background-color:#4361ee1a;color:var(--primary-color)}.stats-overview .stat-card .stat-icon.average[data-v-7625e808]{background-color:#4cc9f01a;color:var(--accent)}.stats-overview .stat-card .stat-content h3[data-v-7625e808]{margin:0;font-size:1.5rem;font-weight:600}.stats-overview .stat-card .stat-content p[data-v-7625e808]{margin:0;color:var(--text-light);font-size:.9rem}.charts-container[data-v-4b99237e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--margin-md)}.charts-container .chart-card[data-v-4b99237e]{background-color:#fff;border-radius:var(--border-radius);padding:var(--padding-md);box-shadow:var(--shadow-md)}.charts-container .chart-card h2[data-v-4b99237e]{margin-top:0;margin-bottom:var(--margin-md);font-size:var(--title-font-size)}.charts-container .chart-card .chart[data-v-4b99237e]{display:flex;flex-direction:column;align-items:center;gap:var(--margin-md);height:250px}.charts-container .chart-card .chart .activity-chart[data-v-4b99237e]{width:100%;height:100%}.improvement-tips[data-v-1d4cc60c]{background-color:#fff;border-radius:var(--border-radius);padding:var(--padding-md);box-shadow:var(--shadow-md)}.improvement-tips h2[data-v-1d4cc60c]{margin-top:0;margin-bottom:var(--margin-md);font-size:var(--title-font-size)}.improvement-tips .tips-list[data-v-1d4cc60c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--margin-md)}@media (max-width: 768px){.improvement-tips .tips-list[data-v-1d4cc60c]{grid-template-columns:1fr}}.improvement-tips .tips-list .tip-item[data-v-1d4cc60c]{display:flex;gap:var(--margin-sm)}.improvement-tips .tips-list .tip-item .tip-icon[data-v-1d4cc60c]{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.improvement-tips .tips-list .tip-item .tip-content h3[data-v-1d4cc60c]{margin:0 0 .5rem;font-size:1.1rem}.improvement-tips .tips-list .tip-item .tip-content p[data-v-1d4cc60c]{margin:0;font-size:.9rem;color:var(--text-light)}.container[data-v-72feda35]{max-width:1200px;margin:0 auto;padding:var(--padding-lg)}@media (max-width: 1024px){.container[data-v-72feda35]{padding:var(--padding-md)}}@media (max-width: 768px){.container[data-v-72feda35]{padding:1.25rem}}@media (max-width: 480px){.container[data-v-72feda35]{padding:var(--padding-sm)}}.container .page-header[data-v-72feda35]{margin-bottom:var(--margin-lg)}.container .page-header h1[data-v-72feda35]{margin-bottom:.5rem;font-size:1.75rem}@media (max-width: 480px){.container .page-header h1[data-v-72feda35]{font-size:1.5rem}}.container .page-header .subtitle[data-v-72feda35]{color:var(--text-light)}.container .progress-dashboard[data-v-72feda35]{display:flex;flex-direction:column;gap:var(--margin-lg)}.confetti-canvas[data-v-19c19bf9]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.achievement-card[data-v-6e12fe72]{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition);position:relative}.achievement-card[data-v-6e12fe72]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.achievement-card.unlocked[data-v-6e12fe72]{border-top:4px solid var(--success-color)}.achievement-card.locked[data-v-6e12fe72]{border-top:4px solid var(--text-light);opacity:.8}.achievement-card .achievement-icon[data-v-6e12fe72]{width:100%;display:flex;justify-content:center;padding:var(--padding-md) 0;background-color:var(--secondary-color)}.achievement-card .achievement-icon img[data-v-6e12fe72]{width:300px;height:300px;object-fit:cover}.achievement-card .achievement-content[data-v-6e12fe72]{width:100%;padding:1.25rem}.achievement-card .achievement-content .achievement-title[data-v-6e12fe72]{font-size:var(--title-font-size);font-weight:600;margin-bottom:.25rem;color:var(--text-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.achievement-card .achievement-content .achievement-category[data-v-6e12fe72]{display:inline-block;font-size:.75rem;padding:.25rem .5rem;background-color:var(--light-blue);color:var(--primary-color);border-radius:20px;margin-bottom:.75rem}.achievement-card .achievement-content .achievement-description[data-v-6e12fe72]{font-size:.875rem;color:var(--text-light);margin-bottom:var(--margin-sm);line-height:1.5}.achievement-card .achievement-content .achievement-progress[data-v-6e12fe72]{margin-bottom:var(--margin-sm)}.achievement-card .achievement-content .achievement-progress .progress-bar[data-v-6e12fe72]{height:6px;background-color:var(--light-gray);border-radius:3px;overflow:hidden;margin-bottom:.25rem}.achievement-card .achievement-content .achievement-progress .progress-bar .progress-fill[data-v-6e12fe72]{height:100%;background-color:var(--primary-color);border-radius:3px}.achievement-card .achievement-content .achievement-progress .progress-text[data-v-6e12fe72]{font-size:.75rem;color:var(--text-light)}.achievement-card .achievement-content .achievement-footer[data-v-6e12fe72]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.achievement-card .achievement-content .achievement-footer .achievement-points[data-v-6e12fe72]{color:var(--text-color);font-weight:500}.achievement-card .achievement-content .achievement-footer .achievement-points i[data-v-6e12fe72]{color:#ffc107}.achievement-card .achievement-content .achievement-footer .achievement-date[data-v-6e12fe72]{color:var(--text-light)}.achievement-svg-icon[data-v-ae9e5863]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.achievement-svg-icon svg[data-v-ae9e5863]{width:80%;height:80%;transition:transform .3s ease}.achievement-svg-icon.unlocked svg[data-v-ae9e5863]{filter:drop-shadow(0 0 3px rgba(0,0,0,.2));animation:pulse-ae9e5863 2s infinite}.achievement-svg-icon:hover svg[data-v-ae9e5863]{transform:scale(1.1)}@keyframes pulse-ae9e5863{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.achievement-svg-icon:not(.unlocked) svg[data-v-ae9e5863]{opacity:.7;filter:grayscale(40%)}.achievement-svg-icon:not(.unlocked):hover svg[data-v-ae9e5863]{opacity:.9;filter:grayscale(20%)}.achievement-modal[data-v-a7efb0d3]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--padding-sm)}.achievement-modal .achievement-modal-content[data-v-a7efb0d3]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:500px;padding:var(--padding-lg);position:relative;text-align:center}.achievement-modal .achievement-modal-content .close-btn[data-v-a7efb0d3]{position:absolute;top:var(--padding-sm);right:var(--padding-sm);background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light)}.achievement-modal .achievement-modal-content .modal-achievement-icon[data-v-a7efb0d3]{margin-bottom:var(--margin-md)}.achievement-modal .achievement-modal-content .modal-title[data-v-a7efb0d3]{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.achievement-modal .achievement-modal-content .modal-category[data-v-a7efb0d3]{display:inline-block;font-size:.875rem;padding:.25rem .75rem;background-color:var(--light-blue);color:var(--primary-color);border-radius:20px;margin-bottom:var(--margin-sm)}.achievement-modal .achievement-modal-content .modal-description[data-v-a7efb0d3]{margin-bottom:var(--margin-md);color:var(--text-light)}.achievement-modal .achievement-modal-content .modal-progress[data-v-a7efb0d3]{margin-bottom:var(--margin-md)}.achievement-modal .achievement-modal-content .modal-points[data-v-a7efb0d3]{font-size:1.25rem;font-weight:600;margin-bottom:var(--margin-sm)}.achievement-modal .achievement-modal-content .modal-points i[data-v-a7efb0d3]{color:#ffc107}.achievement-modal .achievement-modal-content .modal-unlocked[data-v-a7efb0d3]{color:var(--success-color);margin-bottom:var(--margin-md)}.achievement-modal .achievement-modal-content .modal-locked[data-v-a7efb0d3]{color:var(--text-light);margin-bottom:var(--margin-md)}.achievement-modal .achievement-modal-content .modal-actions[data-v-a7efb0d3]{display:flex;justify-content:center;gap:var(--margin-sm)}.achievement-modal .achievement-modal-content .modal-actions .btn-progress[data-v-a7efb0d3],.achievement-modal .achievement-modal-content .modal-actions .btn-close[data-v-a7efb0d3]{padding:.75rem 1.5rem;border-radius:var(--border-radius);border:none;font-weight:500;cursor:pointer;transition:var(--transition)}.achievement-modal .achievement-modal-content .modal-actions .btn-progress[data-v-a7efb0d3]{background-color:var(--primary-color);color:#fff}.achievement-modal .achievement-modal-content .modal-actions .btn-progress[data-v-a7efb0d3]:hover{background-color:var(--primary-dark)}.achievement-modal .achievement-modal-content .modal-actions .btn-close[data-v-a7efb0d3]{background-color:var(--secondary-color);color:var(--text-color)}.achievement-modal .achievement-modal-content .modal-actions .btn-close[data-v-a7efb0d3]:hover{background-color:#e2e6ea}.achievement-filters[data-v-2657d68e]{display:flex;gap:var(--margin-sm);margin-bottom:var(--margin-lg);align-items:center}@media (max-width: 768px){.achievement-filters[data-v-2657d68e]{flex-wrap:wrap}}.achievement-filters .filter-btn[data-v-2657d68e]{padding:.5rem 1.25rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff;color:var(--text-color);font-weight:500;cursor:pointer;transition:var(--transition)}.achievement-filters .filter-btn[data-v-2657d68e]:hover{background-color:var(--secondary-color)}.achievement-filters .filter-btn.active[data-v-2657d68e]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.achievement-filters .category-filter[data-v-2657d68e]{margin-left:auto}@media (max-width: 768px){.achievement-filters .category-filter[data-v-2657d68e]{margin-left:0;width:100%;margin-top:.5rem}}.achievement-filters .category-filter select[data-v-2657d68e]{padding:.5rem var(--padding-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff;color:var(--text-color);font-family:var(--font-family);cursor:pointer}@media (max-width: 768px){.achievement-filters .category-filter select[data-v-2657d68e]{width:100%}}.page-header[data-v-e4f8fc67]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-lg)}@media (max-width: 768px){.page-header[data-v-e4f8fc67]{flex-direction:column;align-items:flex-start;gap:var(--margin-sm)}}.page-header .page-title[data-v-e4f8fc67]{font-size:1.75rem;font-weight:600;color:var(--text-color);margin:0}.achievement-stats[data-v-e4f8fc67]{display:flex;gap:var(--margin-sm)}@media (max-width: 768px){.achievement-stats[data-v-e4f8fc67]{width:100%;justify-content:space-between}}[data-v-e4f8fc67] .achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--margin-md)}@media (max-width: 768px){[data-v-e4f8fc67] .achievements-grid{grid-template-columns:1fr}}.empty-achievements[data-v-e4f8fc67]{background-color:#fff;border-radius:var(--border-radius);padding:3rem;text-align:center;box-shadow:var(--shadow-sm);margin-bottom:var(--margin-md)}.empty-achievements .empty-state-content[data-v-e4f8fc67]{display:flex;flex-direction:column;align-items:center}.empty-achievements .empty-state-content .empty-icon[data-v-e4f8fc67]{font-size:3rem;color:var(--text-light);margin-bottom:1rem}.empty-achievements .empty-state-content .empty-text[data-v-e4f8fc67]{font-size:1.1rem;color:var(--text-color);margin-bottom:.5rem}.empty-achievements .empty-state-content .empty-sub-text[data-v-e4f8fc67]{color:var(--text-light);font-size:.9rem;margin-top:.25rem}.mt-3[data-v-e4f8fc67]{margin-top:1rem}.join-class-container[data-v-2dcb5939]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-primary);padding:var(--padding-sm);background:linear-gradient(135deg,var(--bg-primary) 0%,#f5f9ff 100%)}.join-class-card[data-v-2dcb5939]{width:100%;max-width:600px;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}@media (max-width: 768px){.join-class-card[data-v-2dcb5939]{max-width:95%}}@media (min-width: 992px){.join-class-card[data-v-2dcb5939]:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}}.header[data-v-2dcb5939]{padding:var(--padding-md);border-bottom:1px solid var(--border-color);display:flex;justify-content:center;background-color:#fbfbff}.logo[data-v-2dcb5939]{font-size:1.5rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:8px}.content[data-v-2dcb5939]{padding:var(--padding-lg) var(--padding-md);display:flex;flex-direction:column;align-items:center;text-align:center}.illustration[data-v-2dcb5939]{font-size:4rem;color:var(--primary-color);margin-bottom:var(--margin-md);opacity:.9}@media (max-width: 576px){.illustration[data-v-2dcb5939]{font-size:3rem}}.title[data-v-2dcb5939]{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}@media (max-width: 576px){.title[data-v-2dcb5939]{font-size:1.75rem}}.subtitle[data-v-2dcb5939]{font-size:1.1rem;color:var(--text-light);margin-bottom:var(--margin-lg);max-width:80%;line-height:1.5}@media (max-width: 576px){.subtitle[data-v-2dcb5939]{font-size:1rem;max-width:100%}}.form-group[data-v-2dcb5939]{width:100%;max-width:450px;margin-bottom:var(--margin-lg)}label[data-v-2dcb5939]{display:block;text-align:left;margin-bottom:.75rem;font-weight:600;color:var(--text-color);font-size:1.1rem}.code-input-container[data-v-2dcb5939]{position:relative;width:100%;margin-bottom:2.5rem;transition:all .3s ease;padding:var(--padding-md);border-radius:var(--border-radius-sm);background-color:#fafbff}.code-input-container.focused[data-v-2dcb5939]{transform:translateY(-2px);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);background-color:#fff}.code-input-wrapper[data-v-2dcb5939]{cursor:text;position:relative}.code-display[data-v-2dcb5939]{display:flex;justify-content:space-between;width:100%;margin-bottom:8px}@media (max-width: 576px){.code-display[data-v-2dcb5939]{gap:4px}}.code-char[data-v-2dcb5939]{width:40px;height:50px;text-align:center;font-size:1.75rem;font-weight:600;color:var(--text-color);position:relative;display:flex;align-items:center;justify-content:center}@media (max-width: 576px){.code-char[data-v-2dcb5939]{width:35px;height:45px;font-size:1.5rem}}.code-char.current[data-v-2dcb5939]{color:var(--primary-color);font-weight:700}.cursor[data-v-2dcb5939]{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:2px;height:28px;background-color:var(--primary-color);animation:blink-2dcb5939 1s step-end infinite}@media (max-width: 576px){.cursor[data-v-2dcb5939]{height:24px}}@keyframes blink-2dcb5939{0%,to{opacity:1}50%{opacity:0}}.code-input[data-v-2dcb5939]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:text;z-index:2}.code-input[data-v-2dcb5939]:focus{outline:none}.code-input-underlines[data-v-2dcb5939]{display:flex;justify-content:space-between;width:100%}@media (max-width: 576px){.code-input-underlines[data-v-2dcb5939]{gap:4px}}.underline[data-v-2dcb5939]{height:3px;width:40px;background-color:#ccc;transition:all .2s ease;border-radius:3px}@media (max-width: 576px){.underline[data-v-2dcb5939]{width:35px}}.underline.filled[data-v-2dcb5939]{background-color:var(--primary-color)}.underline.current[data-v-2dcb5939]{background-color:var(--primary-color);height:4px;box-shadow:0 0 5px #007bff80}.code-input-container.focused .underline.current[data-v-2dcb5939]{animation:pulse-2dcb5939 1.5s infinite}@keyframes pulse-2dcb5939{0%{transform:scaleX(1);opacity:1}50%{transform:scaleX(1.2);opacity:.8}to{transform:scaleX(1);opacity:1}}.code-input-container.success .underline.filled[data-v-2dcb5939]{background-color:var(--success-color)}.code-input-container.error .underline.filled[data-v-2dcb5939]{background-color:#f44336}.code-input-container.success .code-char[data-v-2dcb5939]{color:var(--success-color)}.code-input-container.error .code-char[data-v-2dcb5939]{color:#f44336}.help-text[data-v-2dcb5939]{text-align:left;font-size:.9rem;color:var(--text-light);margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.status-message[data-v-2dcb5939]{position:absolute;bottom:-25px;left:0;width:100%;text-align:center;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.success-message[data-v-2dcb5939]{color:var(--success-color)}.error-message[data-v-2dcb5939]{color:#f44336}.join-btn[data-v-2dcb5939]{width:100%;max-width:450px;padding:.9rem var(--padding-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:1.25rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;justify-content:center;align-items:center;gap:.5rem;position:relative;overflow:hidden}.join-btn[data-v-2dcb5939]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s}.join-btn[data-v-2dcb5939]:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.join-btn[data-v-2dcb5939]:hover:not(:disabled):before{left:100%}.join-btn[data-v-2dcb5939]:active:not(:disabled){transform:translateY(0)}.join-btn[data-v-2dcb5939]:disabled{opacity:.7;cursor:not-allowed}.spinner[data-v-2dcb5939]{display:inline-block;width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-2dcb5939 1s ease-in-out infinite}.support-text[data-v-2dcb5939]{margin-top:var(--margin-lg);font-size:.9rem;color:var(--text-light)}.support-text a[data-v-2dcb5939]{color:var(--primary-color);text-decoration:none;font-weight:500}.support-text a[data-v-2dcb5939]:hover{text-decoration:underline}@keyframes spin-2dcb5939{to{transform:rotate(360deg)}}.cmpt-richtext{font-size:14px;line-height:28px;white-space:pre-wrap}.cmpt-richtext *{all:revert}.cmpt-richtext img,.cmpt-richtext video{max-width:100%!important;height:auto!important}.cmpt-richtext p{min-height:28px;padding:0;margin:0;line-height:28px}.cmpt-richtext a{text-decoration:underline;color:var(--primary-color)}.activity-detail[data-v-313d270f]{display:flex;flex-direction:column;gap:2rem}.activity-header[data-v-313d270f]{display:flex;justify-content:space-between;align-items:flex-start}.activity-header .activity-meta[data-v-313d270f]{max-width:70%}.activity-header .activity-actions[data-v-313d270f]{display:flex;gap:1rem}.activity-type[data-v-313d270f]{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.75rem}.activity-type.assignment[data-v-313d270f]{background-color:#e3f2fd;color:#1976d2}.activity-type.quiz[data-v-313d270f]{background-color:#fff8e1;color:#f57f17}.activity-type.project[data-v-313d270f]{background-color:#e8f5e9;color:#388e3c}.activity-type.exercise[data-v-313d270f]{background-color:#f3e5f5;color:#8e24aa}.activity-type.other[data-v-313d270f]{background-color:#eee;color:#616161}.activity-title[data-v-313d270f]{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-color)}.activity-description[data-v-313d270f]{color:var(--text-light);font-size:1rem;line-height:1.5}.btn[data-v-313d270f]{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s}.btn-outline[data-v-313d270f]{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline[data-v-313d270f]:hover{background-color:var(--secondary-color)}.btn-primary[data-v-313d270f]{background-color:var(--primary-color);color:#fff;border:none}.btn-primary[data-v-313d270f]:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.activity-content[data-v-313d270f]{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.left-card[data-v-313d270f]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.left-card h2[data-v-313d270f]{margin-bottom:1.5rem;font-size:1.25rem;color:var(--text-color)}.left-content[data-v-313d270f]{display:flex;flex-direction:column;gap:1.5rem}.activity-sidebar[data-v-313d270f]{position:sticky;top:calc(var(--navbar-height) + 2rem);display:flex;flex-direction:column;gap:1.5rem;height:fit-content}.activity-info-card[data-v-313d270f]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.activity-info-card h3[data-v-313d270f]{margin-bottom:1rem;font-size:1.1rem;color:var(--text-color)}.activity-info-card .info-item[data-v-313d270f]{display:flex;flex-direction:column;margin-bottom:1rem}.activity-info-card .info-item[data-v-313d270f]:last-child{margin-bottom:0}.activity-info-card .info-item .info-label[data-v-313d270f]{font-size:.875rem;color:var(--text-light);margin-bottom:.25rem}.activity-info-card .info-item .info-value[data-v-313d270f]{font-weight:600;color:var(--text-color)}.activity-tags-card[data-v-313d270f]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.activity-tags-card h3[data-v-313d270f]{margin-bottom:1rem;font-size:1.1rem;color:var(--text-color)}.activity-tags-card .grade-tags[data-v-313d270f],.activity-tags-card .skill-tags[data-v-313d270f]{display:flex;flex-wrap:wrap;gap:.5rem}.activity-tags-card .grade-tag[data-v-313d270f]{display:inline-flex;align-items:center;background-color:var(--primary-light);color:var(--primary-color);border-radius:16px;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.activity-tags-card .skill-tag[data-v-313d270f]{display:inline-flex;align-items:center;background-color:#f0f4fb;color:#566483;border-radius:16px;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.activity-resources[data-v-313d270f]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.activity-resources h3[data-v-313d270f]{margin-bottom:1rem;font-size:1.1rem;color:var(--text-color)}.activity-resources .resource-list[data-v-313d270f]{list-style:none;padding:0;margin:0}.activity-resources .resource-list .resource-item[data-v-313d270f]{margin-bottom:.75rem}.activity-resources .resource-list .resource-item[data-v-313d270f]:last-child{margin-bottom:0}.activity-resources .resource-list .resource-item .resource-link[data-v-313d270f]{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-size:.9rem;transition:color .2s}.activity-resources .resource-list .resource-item .resource-link[data-v-313d270f]:hover{color:var(--primary-dark);text-decoration:underline}.activity-not-found[data-v-313d270f]{text-align:center;padding:4rem 2rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.activity-not-found h2[data-v-313d270f]{font-size:1.5rem;color:var(--text-color);margin-bottom:1rem}.activity-not-found p[data-v-313d270f]{color:var(--text-light);margin-bottom:2rem}@media (max-width: 768px){.activity-header[data-v-313d270f]{flex-direction:column;gap:1.5rem}.activity-header .activity-meta[data-v-313d270f]{max-width:100%}.activity-header .activity-actions[data-v-313d270f]{width:100%}.activity-content[data-v-313d270f]{padding:2rem 0;grid-template-columns:1fr}}.left-sidebar[data-v-8c411862]{width:100%;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto;box-shadow:2px 0 4px #0000000d}.left-sidebar .sidebar-header[data-v-8c411862]{padding:1rem;border-bottom:1px solid #e2e8f0}.left-sidebar .sidebar-header .logo-section[data-v-8c411862]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.left-sidebar .sidebar-header .logo-section .website-logo[data-v-8c411862]{display:flex;align-items:center;gap:.5rem}.left-sidebar .sidebar-header .logo-section .website-logo .logo-image[data-v-8c411862]{width:32px;height:32px}.left-sidebar .sidebar-header .logo-section .website-logo .logo-text[data-v-8c411862]{font-size:1.2rem;font-weight:600;color:#1e293b}.left-sidebar .sidebar-header .back-link[data-v-8c411862]{display:flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-weight:500;padding:.75rem 1rem;border-radius:8px;transition:all .2s;background-color:#f1f5f9;margin-top:.75rem}.left-sidebar .sidebar-header .back-link[data-v-8c411862]:hover{background-color:#e2e8f0;color:#475569;transform:translate(-2px)}.left-sidebar .progress-stepper[data-v-8c411862]{padding:1rem;flex:1}.left-sidebar .progress-stepper .stepper-title[data-v-8c411862]{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;text-align:center}.left-sidebar .progress-stepper .step-list[data-v-8c411862]{display:flex;flex-direction:column;gap:.75rem}.left-sidebar .progress-stepper .step-list .step-item[data-v-8c411862]{display:flex;align-items:center;gap:.5rem;padding:1.25rem;border-radius:10px;transition:all .3s ease;position:relative;background-color:#f8fafc;color:#64748b}.left-sidebar .progress-stepper .step-list .step-item[data-v-8c411862]:hover{background-color:#f1f5f9;transform:translate(2px)}.left-sidebar .progress-stepper .step-list .step-item.active[data-v-8c411862]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d;transform:translate(4px)}.left-sidebar .progress-stepper .step-list .step-item.active .step-number[data-v-8c411862]{background-color:#ffffff4d;color:#fff}.left-sidebar .progress-stepper .step-list .step-item.active .step-marker[data-v-8c411862]{background-color:#fff3;animation:pulse 2s infinite}.left-sidebar .progress-stepper .step-list .step-item.completed[data-v-8c411862]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.left-sidebar .progress-stepper .step-list .step-item.completed .step-info h4[data-v-8c411862]{color:#fff}.left-sidebar .progress-stepper .step-list .step-item.completed .step-marker[data-v-8c411862]{background-color:#fff3}.left-sidebar .progress-stepper .step-list .step-item.completed .step-number[data-v-8c411862]{background:#ffffff4d}.left-sidebar .progress-stepper .step-list .step-item .step-number[data-v-8c411862]{background-color:#e2e8f0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0;transition:all .3s ease}.left-sidebar .progress-stepper .step-list .step-item .step-marker[data-v-8c411862]{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:all .3s ease}.left-sidebar .progress-stepper .step-list .step-item .step-info h4[data-v-8c411862]{font-size:1rem;font-weight:600;margin:0}.left-sidebar .progress-stepper .step-list .step-item .step-info p[data-v-8c411862]{margin-top:.25rem;font-size:.85rem;margin:0;opacity:.8}.left-sidebar .writing-details[data-v-8c411862]{margin:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e2e8f0}.left-sidebar .writing-details h4[data-v-8c411862]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.left-sidebar .writing-details .detail-item[data-v-8c411862]{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem}.left-sidebar .writing-details .detail-item[data-v-8c411862]:last-child{margin-bottom:0}.left-sidebar .writing-details .detail-item .label[data-v-8c411862]{color:#64748b;font-weight:500}.left-sidebar .writing-details .detail-item .value[data-v-8c411862]{color:#1e293b;font-weight:600}@media (max-width: 1535.98px){.left-sidebar .sidebar-header[data-v-8c411862]{padding:.75rem}.left-sidebar .sidebar-header .logo-section .website-logo .logo-image[data-v-8c411862]{width:28px;height:28px}.left-sidebar .sidebar-header .logo-section .website-logo .logo-text[data-v-8c411862]{font-size:1.1rem}.left-sidebar .sidebar-header .back-link[data-v-8c411862]{padding:.6rem .8rem;font-size:.9rem}.left-sidebar .progress-stepper[data-v-8c411862]{padding:.75rem}.left-sidebar .progress-stepper .stepper-title[data-v-8c411862]{font-size:1.1rem;margin-bottom:1.25rem}.left-sidebar .progress-stepper .step-list[data-v-8c411862]{gap:.6rem}.left-sidebar .progress-stepper .step-list .step-item[data-v-8c411862]{padding:1rem}.left-sidebar .progress-stepper .step-list .step-item .step-number[data-v-8c411862]{width:22px;height:22px;font-size:.75rem}.left-sidebar .progress-stepper .step-list .step-item .step-marker[data-v-8c411862]{width:38px;height:38px;font-size:1.1rem}.left-sidebar .progress-stepper .step-list .step-item .step-info h4[data-v-8c411862]{font-size:.95rem}.left-sidebar .writing-details[data-v-8c411862]{margin:.75rem;padding:1rem}.left-sidebar .writing-details h4[data-v-8c411862]{font-size:.95rem;margin-bottom:.8rem}.left-sidebar .writing-details .detail-item[data-v-8c411862]{margin-bottom:.6rem;font-size:.85rem}}@media (max-width: 1279.98px){.left-sidebar .sidebar-header[data-v-8c411862]{padding:.6rem}.left-sidebar .sidebar-header .logo-section .website-logo .logo-image[data-v-8c411862]{width:24px;height:24px}.left-sidebar .sidebar-header .logo-section .website-logo .logo-text[data-v-8c411862]{font-size:1rem}.left-sidebar .sidebar-header .back-link[data-v-8c411862]{padding:.5rem .7rem;font-size:.85rem}.left-sidebar .progress-stepper[data-v-8c411862]{padding:.6rem}.left-sidebar .progress-stepper .stepper-title[data-v-8c411862]{font-size:1rem;margin-bottom:1rem}.left-sidebar .progress-stepper .step-list[data-v-8c411862]{gap:.5rem}.left-sidebar .progress-stepper .step-list .step-item[data-v-8c411862]{padding:.9rem .8rem}.left-sidebar .progress-stepper .step-list .step-item .step-number[data-v-8c411862]{width:20px;height:20px;font-size:.7rem}.left-sidebar .progress-stepper .step-list .step-item .step-marker[data-v-8c411862]{width:34px;height:34px;font-size:1rem}.left-sidebar .progress-stepper .step-list .step-item .step-info h4[data-v-8c411862]{font-size:.9rem}.left-sidebar .writing-details[data-v-8c411862]{margin:.6rem;padding:.9rem}.left-sidebar .writing-details h4[data-v-8c411862]{font-size:.9rem;margin-bottom:.7rem}.left-sidebar .writing-details .detail-item[data-v-8c411862]{margin-bottom:.5rem;font-size:.8rem}}@media (max-width: 1023.98px){.left-sidebar .sidebar-header[data-v-8c411862]{padding:.5rem}.left-sidebar .sidebar-header .logo-section .website-logo .logo-image[data-v-8c411862]{width:22px;height:22px}.left-sidebar .sidebar-header .logo-section .website-logo .logo-text[data-v-8c411862]{font-size:.9rem}.left-sidebar .sidebar-header .back-link[data-v-8c411862]{padding:.4rem .6rem;font-size:.8rem}.left-sidebar .progress-stepper[data-v-8c411862]{padding:.5rem}.left-sidebar .progress-stepper .stepper-title[data-v-8c411862]{font-size:.9rem;margin-bottom:.8rem}.left-sidebar .progress-stepper .step-list[data-v-8c411862]{gap:.4rem}.left-sidebar .progress-stepper .step-list .step-item[data-v-8c411862]{padding:.8rem .6rem}.left-sidebar .progress-stepper .step-list .step-item .step-number[data-v-8c411862]{width:18px;height:18px;font-size:.65rem}.left-sidebar .progress-stepper .step-list .step-item .step-marker[data-v-8c411862]{width:30px;height:30px;font-size:.9rem}.left-sidebar .progress-stepper .step-list .step-item .step-info h4[data-v-8c411862]{font-size:.8rem}.left-sidebar .writing-details[data-v-8c411862]{margin:.5rem;padding:.8rem}.left-sidebar .writing-details h4[data-v-8c411862]{font-size:.85rem;margin-bottom:.6rem}.left-sidebar .writing-details .detail-item[data-v-8c411862]{margin-bottom:.4rem;font-size:.75rem}}.md.markdown-body{font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;background-color:transparent}.md.markdown-body p{white-space:pre-wrap}.md.markdown-body ol{list-style-type:decimal}.md.markdown-body ol li{margin-left:16px}.md.markdown-body ul{list-style-type:disc}.md.markdown-body ul li{margin-left:16px}.md.markdown-body pre code,.md.markdown-body pre tt{line-height:1.65}.md.markdown-body table{border-collapse:collapse}.md.markdown-body table td,.md.markdown-body table th{padding:.5rem;border-style:solid;border-width:1px;border:1px solid var(--border-color)}.code-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--padding-sm);padding:12px;background-color:#fff;border-top:1px solid var(--border-light);border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.code-footer .js-copy-button{display:flex;align-items:center;gap:var(--padding-sm)}.code-footer .js-copy-button .state-success,.code-footer .js-copy-button.success .state-init{display:none}.code-footer .js-copy-button.success .state-success{display:block}.modal-content[data-v-ef3bab07]{display:flex;flex-direction:column;align-items:stretch}.modal-textarea[data-v-ef3bab07]{min-height:250px;max-height:80vh;width:100%;resize:vertical;font-size:1.1rem;padding:1rem;border-radius:10px;border:1px solid #e6eeff;margin-bottom:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;outline:none;transition:border .2s}.modal-textarea[data-v-ef3bab07]:focus{border-color:#4361ee}.modal-textarea[data-v-ef3bab07]:disabled{background:#f5f5f5;color:#aaa}.modal-actions[data-v-ef3bab07]{display:flex;justify-content:flex-end;gap:1rem}.modal-btn[data-v-ef3bab07]{min-width:80px;padding:.5rem 1.2rem;border-radius:8px;border:none;font-size:1rem;cursor:pointer;transition:background .2s}.modal-btn.cancel[data-v-ef3bab07]{background:#f0f0f0;color:#333}.modal-btn.cancel[data-v-ef3bab07]:hover:not(:disabled){background:#e6eeff}.modal-btn.confirm[data-v-ef3bab07]{background:linear-gradient(135deg,#4361ee,#3a56d4);color:#fff}.modal-btn.confirm[data-v-ef3bab07]:hover:not(:disabled){background:#3a56d4}.modal-btn[data-v-ef3bab07]:disabled{opacity:.6;cursor:not-allowed}.middle-header[data-v-0401b13a]{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.middle-header .header-content h2[data-v-0401b13a]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.middle-header .header-content p[data-v-0401b13a]{margin-top:.5rem;color:#64748b;margin:0;font-size:1.1rem}.chat-workspace[data-v-645a37df]{display:flex;flex-direction:column;height:100%;min-height:0}.chat-workspace .chat-messages[data-v-645a37df]{box-sizing:border-box;flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(to bottom,#fff,#fafbfc)}.chat-workspace .chat-messages .message[data-v-645a37df]{display:flex;gap:1rem;align-items:flex-start;animation:fadeInUp .3s ease}.chat-workspace .chat-messages .message.user-message[data-v-645a37df]{flex-direction:row-reverse}.chat-workspace .chat-messages .message .message-avatar[data-v-645a37df]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.chat-workspace .chat-messages .message .message-avatar.ai-avatar[data-v-645a37df]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.chat-workspace .chat-messages .message .message-content[data-v-645a37df]{max-width:70%;padding:.5rem 1.5rem;border-radius:1rem;line-height:1.6;font-size:1rem;position:relative}.chat-workspace .chat-messages .message .message-content.ai-content[data-v-645a37df]{background-color:#f8fafc;border:1px solid #e2e8f0;color:#1e293b;border-bottom-left-radius:6px}.chat-workspace .chat-messages .message .message-content.user-content[data-v-645a37df]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-bottom-right-radius:6px}.chat-workspace .quick-suggestions[data-v-645a37df]{padding:0 2rem 1.5rem;background:#fafbfc;border-top:1px solid #f1f5f9}.chat-workspace .quick-suggestions .suggestions-label[data-v-645a37df]{font-size:.9rem;color:#64748b;margin:0 0 1rem;font-weight:500}.chat-workspace .quick-suggestions .suggestion-buttons[data-v-645a37df]{display:flex;flex-wrap:wrap;gap:.75rem}.chat-workspace .quick-suggestions .suggestion-buttons .suggestion-btn[data-v-645a37df]{padding:.75rem 1rem;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:25px;font-size:.9rem;color:#475569;cursor:pointer;transition:all .2s}.chat-workspace .quick-suggestions .suggestion-buttons .suggestion-btn[data-v-645a37df]:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6;transform:translateY(-1px)}.chat-workspace .chat-input-area[data-v-645a37df]{padding:.5rem 1rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc}.chat-workspace .chat-input-area .input-container[data-v-645a37df]{display:flex;gap:1rem;align-items:center}.chat-workspace .chat-input-area .input-container .chat-input[data-v-645a37df]{flex:1;padding:1rem 1.25rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;outline:none;transition:all .2s;resize:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-workspace .chat-input-area .input-container .chat-input[data-v-645a37df]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-workspace .chat-input-area .input-container .send-button[data-v-645a37df]{padding:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.chat-workspace .chat-input-area .input-container .send-button[data-v-645a37df]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.chat-workspace .chat-input-area .input-container .send-button[data-v-645a37df]:disabled{opacity:.5;cursor:not-allowed}.input-modal-btn[data-v-645a37df]{background:none;border:none;padding:.25rem .5rem;font-size:1.2rem;color:#3a56d4;cursor:pointer;border-radius:6px;transition:background .2s;margin-bottom:.5rem}.input-modal-btn[data-v-645a37df]:hover:not(:disabled){background:#f0f4ff}.input-modal-btn[data-v-645a37df]:disabled{opacity:.5;cursor:not-allowed}.typing-indicator[data-v-645a37df]{display:flex;align-items:center;justify-content:center;gap:6px}.typing-indicator .dot[data-v-645a37df]{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#3a56d4;opacity:.6;animation:dot-pulse-645a37df 1.4s infinite ease-in-out}.typing-indicator .dot[data-v-645a37df]:nth-child(1){animation-delay:0s}.typing-indicator .dot[data-v-645a37df]:nth-child(2){animation-delay:.2s}.typing-indicator .dot[data-v-645a37df]:nth-child(3){animation-delay:.4s}@keyframes dot-pulse-645a37df{0%,60%,to{transform:scale(1);opacity:.6}30%{transform:scale(1.5);opacity:1}}.image-preview-modal .n-card-header{display:none}.image-preview-card{position:relative;display:flex;flex-direction:column;width:100%}.image-preview-card .preview-header{display:flex;justify-content:flex-end;align-items:center;padding:16px 0}.image-preview-card .preview-header .close-btn{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);cursor:pointer;color:#333;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 2px 6px #00000026}.image-preview-card .preview-header .close-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.05)}.image-preview-card .preview-content{display:flex;justify-content:center;align-items:center;min-height:300px}.image-preview-card .preview-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:transform .3s ease}.image-preview-card .preview-image:hover{transform:scale(1.02)}.next-step-btn[data-v-7bf92e20]{width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem}.next-step-btn[data-v-7bf92e20]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 1535.98px){.next-step-btn[data-v-7bf92e20]{padding:.9rem 1.1rem;font-size:.95rem;gap:.6rem}}@media (max-width: 1279.98px){.next-step-btn[data-v-7bf92e20]{padding:.8rem 1rem;font-size:.9rem;gap:.5rem;border-radius:8px}}@media (max-width: 1023.98px){.next-step-btn[data-v-7bf92e20]{padding:.7rem .9rem;font-size:.85rem;gap:.4rem;border-radius:6px}}.middle-section[data-v-a5832e1d]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-a5832e1d]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-a5832e1d]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-a5832e1d]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.slider-content[data-v-a5832e1d]{padding:var(--padding-md)}.outline-content[data-v-a5832e1d]{flex-shrink:0}.outline-content h3[data-v-a5832e1d]{font-size:var(--title-font-size);margin-bottom:.75rem;color:var(--title-color);text-align:center}.outline-content p[data-v-a5832e1d]{margin-bottom:.75rem;color:var(--desc-color);text-align:center}.outline-content ul[data-v-a5832e1d]{padding-left:var(--padding-md);margin-bottom:var(--margin-md)}.outline-content li[data-v-a5832e1d]{margin-bottom:.5rem;color:var(--text-color)}.writing-slide-images[data-v-a5832e1d]{display:flex;flex-direction:column;gap:var(--margin-md);margin-top:var(--margin-md)}.writing-slide-image[data-v-a5832e1d]{width:100%;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 2px 8px #00000014;transition:var(--transition);flex-shrink:0}.writing-slide-image[data-v-a5832e1d]:hover{box-shadow:0 4px 15px #0000001f;transform:translateY(-2px)}.writing-slide-image img[data-v-a5832e1d]{width:100%;height:auto;display:block;cursor:pointer;object-fit:cover;border:1px solid var(--border-light, #eaeaea)}.mt-4[data-v-a5832e1d]{margin-top:var(--margin-md)}.outline-section[data-v-09e1920b]{background:#fff;border-radius:12px;border:2px solid #e2e8f0;overflow:hidden;transition:all .3s ease;animation:fadeInUp-09e1920b .3s ease;flex-shrink:0}.outline-section[data-v-09e1920b]:focus-within{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.outline-section .section-header[data-v-09e1920b]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.outline-section .section-icon[data-v-09e1920b]{width:24px;height:24px;color:#3b82f6}.outline-section .section-title[data-v-09e1920b]{flex:1;display:flex;align-items:center;justify-content:space-between}.outline-section .section-title h3[data-v-09e1920b]{font-size:1.125rem;font-weight:600;color:#1e293b}.outline-section .word-count[data-v-09e1920b]{font-size:.875rem;color:#64748b;font-weight:500}.outline-section .section-content[data-v-09e1920b]{padding:0}.outline-section .section-textarea[data-v-09e1920b]{width:100%;min-height:120px;padding:1rem;resize:none;border:none;outline:none;resize:vertical;font-family:inherit;font-size:1rem;line-height:1.6;color:#1e293b;transition:all .2s}.outline-section .section-textarea[data-v-09e1920b]::placeholder{color:#94a3b8}.outline-section .section-textarea[data-v-09e1920b]:focus{background-color:#fafbfc}@keyframes fadeInUp-09e1920b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.outline-section[data-v-21e99cd8]{flex:1;overflow-y:auto;padding:1.5rem;background-color:#fff;height:100%;display:flex;flex-direction:column}.outline-content[data-v-21e99cd8]{flex:1;display:flex;flex-direction:column}.outline-content h3[data-v-21e99cd8]{font-size:1.1rem;margin-bottom:1rem;color:var(--text-color);font-weight:600;flex-shrink:0}.outline-items[data-v-21e99cd8]{overflow-y:auto;flex:1}.outline-item[data-v-21e99cd8]{margin-bottom:1rem;padding:.75rem 1rem;background-color:#f8f9fa;border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color);box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.outline-item[data-v-21e99cd8]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.outline-item[data-v-21e99cd8]:nth-child(1){border-left-color:#4cc9f0}.outline-item[data-v-21e99cd8]:nth-child(2){border-left-color:#4895ef}.outline-item[data-v-21e99cd8]:nth-child(3){border-left-color:#f72585}.outline-item[data-v-21e99cd8]:nth-child(4){border-left-color:#7209b7}.outline-item[data-v-21e99cd8]:nth-child(5){border-left-color:#3a0ca3}.outline-label[data-v-21e99cd8]{font-weight:600;margin-bottom:.5rem;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.outline-item:nth-child(1) .outline-label[data-v-21e99cd8]{color:#4cc9f0}.outline-item:nth-child(2) .outline-label[data-v-21e99cd8]{color:#4895ef}.outline-item:nth-child(3) .outline-label[data-v-21e99cd8]{color:#f72585}.outline-item:nth-child(4) .outline-label[data-v-21e99cd8]{color:#7209b7}.outline-item:nth-child(5) .outline-label[data-v-21e99cd8]{color:#3a0ca3}.outline-text[data-v-21e99cd8]{font-size:.9rem;line-height:1.5;color:var(--text-color)}.empty-outline[data-v-21e99cd8]{padding:1.5rem;background-color:#f9f9f9;border-radius:var(--border-radius-md);text-align:center;color:var(--text-light)}.feedback-section[data-v-9316ff9c]{display:flex;flex-direction:column;height:100%;overflow:hidden}.feedback-context-banner[data-v-9316ff9c]{display:flex;align-items:center;gap:.75rem;padding:.75rem var(--padding-sm, 1rem);background-color:#4361ee1a;border-bottom:1px solid #e6eeff;flex-shrink:0}.context-icon[data-v-9316ff9c]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4361ee,#3a56d4);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #4361ee33}.context-text[data-v-9316ff9c]{font-size:.9rem;color:#3a56d4;font-weight:700}.feedback-categories[data-v-9316ff9c]{display:flex;overflow-x:auto;padding:.75rem 1rem 0;gap:.5rem;background-color:#fff;border-bottom:1px solid var(--border-light);flex-shrink:0;position:relative;scrollbar-width:thin;scroll-behavior:smooth}.feedback-categories[data-v-9316ff9c]::-webkit-scrollbar{height:4px}.feedback-categories[data-v-9316ff9c]::-webkit-scrollbar-thumb{background-color:#4361ee4d;border-radius:4px}.feedback-category[data-v-9316ff9c]{position:relative;padding:.75rem 1.25rem;border-radius:var(--border-radius-sm, 8px) var(--border-radius-sm, 8px) 0 0;cursor:pointer;transition:all .2s ease;font-weight:500;color:var(--text-secondary, #666);white-space:nowrap;background-color:var(--bg-light);border:1px solid var(--border-light);border-bottom:2px solid transparent;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;min-width:fit-content}.feedback-category[data-v-9316ff9c]:hover{color:var(--primary-color);background-color:#4361ee0d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.feedback-category.active[data-v-9316ff9c]{color:var(--primary-color);border-bottom:2px solid var(--primary-color);background-color:#4361ee14;box-shadow:var(--shadow-sm);font-weight:600;z-index:1}.feedback-category.has-refresh[data-v-9316ff9c]{padding-right:2.25rem}.category-name[data-v-9316ff9c]{font-size:.9rem}.refresh-indicator[data-v-9316ff9c]{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background-color:#ef444426;color:var(--danger-color, #ef4444);display:flex;align-items:center;justify-content:center;animation:pulse-refresh-9316ff9c 1.5s infinite}@keyframes pulse-refresh-9316ff9c{0%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.1);opacity:.8}to{transform:translateY(-50%) scale(1);opacity:1}}.feedback-content-scrollable[data-v-9316ff9c]{flex:1;overflow-y:auto;padding:1.25rem}.feedback-summary[data-v-9316ff9c]{background-color:#f8f9fa;padding:1rem;border-radius:var(--border-radius-md, 12px);margin-bottom:1rem;font-style:italic;color:var(--text-color, #333);border-left:4px solid var(--primary-light, #e0e8ff)}.feedback-item[data-v-9316ff9c]{background-color:#fff;border-radius:var(--border-radius-md, 12px);border:1px solid var(--border-color, #e6eeff);margin-bottom:1.5rem;overflow:hidden}.feedback-item-header[data-v-9316ff9c]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f8f9fa;border-bottom:1px solid var(--border-color, #e6eeff)}.feedback-item-title[data-v-9316ff9c]{font-weight:600;color:var(--text-color, #333);display:flex;align-items:center;gap:.5rem}.feedback-point[data-v-9316ff9c]{display:flex;padding:.75rem 1rem;border-bottom:1px solid var(--border-light, #f0f0f0);gap:.75rem;align-items:flex-start}.feedback-point[data-v-9316ff9c]:last-child{border-bottom:none}.feedback-bullet[data-v-9316ff9c]{width:12px;height:12px;border-radius:50%;margin-top:.4rem;flex-shrink:0}.feedback-bullet.positive[data-v-9316ff9c]{background-color:var(--success-color, #10b981)}.feedback-bullet.needs-work[data-v-9316ff9c]{background-color:var(--warning-color, #f59e0b)}.feedback-examples[data-v-9316ff9c]{padding:1rem;background-color:#f8f9fa;border-radius:var(--border-radius-md, 12px);margin-bottom:1rem}.example-card[data-v-9316ff9c]{background-color:#fff;border-radius:var(--border-radius-sm, 8px);border:1px solid var(--border-color, #e6eeff);margin-top:1rem;overflow:hidden}.example-header[data-v-9316ff9c]{padding:.75rem;font-weight:600;background-color:var(--primary-light, #e0e8ff);color:var(--primary-color, #4361ee);border-bottom:1px solid var(--border-color, #e6eeff)}.example-content[data-v-9316ff9c]{padding:.75rem;font-style:italic;line-height:1.6}@media (max-width: 768px){.feedback-category[data-v-9316ff9c]{padding:.5rem .75rem}.category-name[data-v-9316ff9c]{font-size:.8rem}.feedback-item[data-v-9316ff9c]{padding:.75rem}.feedback-item-header[data-v-9316ff9c]{flex-direction:column;align-items:flex-start;gap:.5rem}}.feedback-loading[data-v-9316ff9c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.loading-logo[data-v-9316ff9c]{width:60px;height:60px;margin-bottom:1rem;animation:pulse-9316ff9c 2s infinite ease-in-out}@keyframes pulse-9316ff9c{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.loading-text[data-v-9316ff9c]{margin-top:1rem;color:var(--primary-color);font-weight:500}.spinner[data-v-9316ff9c]{display:flex;justify-content:center;align-items:center;gap:6px}.spinner>div[data-v-9316ff9c]{width:12px;height:12px;background-color:var(--primary-color);border-radius:50%;display:inline-block;animation:sk-bouncedelay-9316ff9c 1.4s infinite ease-in-out both}.spinner .bounce1[data-v-9316ff9c]{animation-delay:-.32s}.spinner .bounce2[data-v-9316ff9c]{animation-delay:-.16s}@keyframes sk-bouncedelay-9316ff9c{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.feedback-error[data-v-9316ff9c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;padding:1.5rem}.error-icon[data-v-9316ff9c]{font-size:3rem;color:var(--danger-color, #ef4444);margin-bottom:1rem}.error-message[data-v-9316ff9c]{font-size:1rem;color:var(--text-color, #333);margin-bottom:1.5rem;font-weight:500}.retry-button[data-v-9316ff9c]{background-color:var(--primary-color, #4361ee);color:#fff;border:none;border-radius:var(--border-radius-sm, 6px);padding:.5rem 1.25rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4361ee33}.retry-button[data-v-9316ff9c]:hover{background-color:var(--primary-dark, #3a56d4);transform:translateY(-2px);box-shadow:0 4px 8px #4361ee4d}.refresh-notice[data-v-9316ff9c]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#ef44441a;border-radius:var(--border-radius-md, 12px);margin-bottom:1rem;border:1px dashed var(--danger-color, #ef4444)}.refresh-text[data-v-9316ff9c]{color:var(--danger-color, #ef4444);font-weight:500}.refresh-button[data-v-9316ff9c]{background-color:var(--danger-color, #ef4444);color:#fff;border:none;border-radius:var(--border-radius-sm, 6px);padding:.4rem .8rem;font-size:.8rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.refresh-button[data-v-9316ff9c]:hover{background-color:#dc2626;transform:translateY(-1px)}.empty-feedback[data-v-9316ff9c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.empty-feedback .empty-feedback-text[data-v-9316ff9c]{font-size:1.2rem;color:var(--text-color, #333);font-weight:500}.slide[data-v-f119a3e7]{height:100%;display:flex;flex-direction:column;background-color:#fff;flex:1;overflow:hidden}.slide-content[data-v-f119a3e7]{display:flex;flex-direction:column;height:100%;overflow:hidden}.writing-tabs[data-v-f119a3e7]{display:flex;border-bottom:1px solid var(--border-light);flex-shrink:0;background-color:var(--secondary-light)}.writing-tab[data-v-f119a3e7]{padding:.5rem .75rem;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition);font-weight:500;display:flex;align-items:center;gap:.4rem;flex:1;justify-content:center;text-align:center;font-size:.9rem}.writing-tab[data-v-f119a3e7]:hover{background-color:var(--secondary-color)}.writing-tab.active[data-v-f119a3e7]{border-bottom-color:var(--primary-color);color:var(--primary-color);background-color:#fff}.tab-content[data-v-f119a3e7]{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;height:100%}[data-v-f119a3e7] .outline-section,[data-v-f119a3e7] .feedback-section,[data-v-f119a3e7] .chat-messages{overflow-y:auto;flex:1;height:100%;padding:.75rem}[data-v-f119a3e7] .chat-section,[data-v-f119a3e7] .outline-content,[data-v-f119a3e7] .feedback-content{height:100%;display:flex;flex-direction:column}.middle-section[data-v-5cd08974]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-5cd08974]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-5cd08974]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-5cd08974]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.unified-writing-area[data-v-5cd08974]{display:flex;flex-direction:column;padding:var(--padding-md);overflow-y:auto;flex:1;gap:1.5rem}.middle-section[data-v-77b3284b]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-77b3284b]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-77b3284b]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-77b3284b]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.unified-writing-area[data-v-77b3284b]{display:flex;flex-direction:column;padding:var(--padding-md);overflow-y:auto;flex:1;gap:1.5rem}.section-card-wrapper[data-v-77b3284b]{position:relative;margin-bottom:var(--margin-md);width:100%;transition:var(--transition);flex:1;display:flex;flex-direction:column}.section-card-wrapper[data-v-77b3284b]:hover{transform:translateY(-2px)}.section-card-wrapper:hover .section-card[data-v-77b3284b]{box-shadow:0 4px 15px #0000001f}.section-card[data-v-77b3284b]{background-color:var(--section-card-bg, white);border-radius:var(--border-radius-md);box-shadow:0 2px 8px #00000014;overflow:hidden;transition:var(--transition);border:1px solid var(--border-light, #eaeaea);width:100%;display:flex;flex-direction:column;flex:1}.section-header[data-v-77b3284b]{display:flex;justify-content:space-between;align-items:center;padding:.75rem var(--padding-sm);background-color:var(--section-header-bg, #f8f9fa);border-bottom:1px solid var(--border-light, #eaeaea);transition:var(--transition);border-top:3px solid var(--resolution-color);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;flex-shrink:0}.section-label[data-v-77b3284b]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--title-color)}.section-icon[data-v-77b3284b]{width:24px;height:24px;border-radius:50%;background:var(--resolution-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem}.tooltip[data-v-77b3284b]{position:relative;display:inline-block;margin-left:.5rem}.tooltip-icon[data-v-77b3284b]{width:16px;height:16px;border-radius:50%;background-color:var(--light-gray);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-light);cursor:pointer}.tooltip-text[data-v-77b3284b]{visibility:hidden;width:200px;background-color:var(--text-color);color:#fff;text-align:center;border-radius:var(--border-radius-sm);padding:.5rem;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-weight:400;font-size:var(--desc-font-size);box-shadow:0 2px 8px #00000014}.tooltip:hover .tooltip-text[data-v-77b3284b]{visibility:visible;opacity:1}.word-count[data-v-77b3284b]{font-size:.75rem;color:var(--text-light);background-color:#0000000d;padding:.25rem .5rem;border-radius:var(--border-radius-sm);margin:0;display:inline-block}.writing-input[data-v-77b3284b]{width:100%;min-height:120px;padding:.75rem var(--padding-sm);border:none;resize:none;font-family:var(--font-family);transition:var(--transition);line-height:1.5;font-size:var(--desc-font-size);background-color:#fff;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);border-top:none;flex:1;overflow-y:auto}.writing-input[data-v-77b3284b]:focus{outline:none;box-shadow:inset 0 0 0 2px #4361ee26}.save-status[data-v-77b3284b]{box-shadow:0 2px 10px #0000001a;border:1px solid rgba(0,0,0,.05)}.middle-section[data-v-00e1bf91]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-00e1bf91]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-00e1bf91]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-00e1bf91]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.draft-content[data-v-00e1bf91]{padding:var(--padding-md);display:flex;flex-direction:column;flex:1}@media (max-width: 768px){.draft-content[data-v-00e1bf91]{padding:var(--padding-sm)}}.word-count[data-v-00e1bf91]{font-size:.75rem;color:var(--text-light);text-align:right;margin-top:.5rem;margin-bottom:var(--margin-sm);display:block;padding:.25rem 0;flex-shrink:0}.edit-controls[data-v-00e1bf91]{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:var(--margin-md);flex-shrink:0}@media (max-width: 992px){.edit-controls[data-v-00e1bf91]{flex-direction:column;gap:.5rem}}.writing-input[data-v-00e1bf91]{padding:var(--padding-md);resize:none;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #00000014;flex:1;overflow-y:auto;min-height:200px;border:1px solid var(--border-light, #eaeaea);outline:none}.writing-input[readonly][data-v-00e1bf91]{background-color:var(--bg-light, #f9f9f9);cursor:default;border:none}.writing-input[data-v-00e1bf91]:focus{border-color:var(--primary-color, #4361ee);box-shadow:0 0 0 2px #4361ee26}@media (max-width: 992px){.writing-input[data-v-00e1bf91]{min-height:300px}}.btn-primary[data-v-00e1bf91]{box-shadow:0 2px 8px #4361ee40}.btn-primary[data-v-00e1bf91]:hover{box-shadow:0 4px 12px #4361ee59}.btn-secondary[data-v-00e1bf91]{border:1px solid var(--border-light, #ddd);box-shadow:0 1px 3px #0000000d}.btn-secondary[data-v-00e1bf91]:hover{box-shadow:0 2px 5px #00000014}.save-status[data-v-00e1bf91]{box-shadow:0 2px 10px #0000001a;border:1px solid rgba(0,0,0,.05)}.middle-section[data-v-92715b34]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-92715b34]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-92715b34]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-92715b34]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.content[data-v-92715b34]{display:flex;flex-direction:column;flex:1;padding:var(--padding-md)}.congratulations-banner[data-v-92715b34]{display:flex;align-items:center;gap:var(--margin-md);background:linear-gradient(135deg,#4cc9f0,var(--primary-color));color:#fff;padding:var(--padding-md);border-radius:var(--border-radius-lg);margin-bottom:var(--margin-lg);box-shadow:var(--card-shadow-hover)}.banner-icon[data-v-92715b34]{font-size:2.5rem;background-color:#fff3;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.banner-content h2[data-v-92715b34]{font-size:var(--title-font-size);margin:0 0 .5rem}.banner-content p[data-v-92715b34]{margin:0;opacity:.9;color:#fff}.writing-card[data-v-92715b34]{flex:1;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #00000014;overflow:visible;margin-bottom:var(--margin-lg)}.writing-card-header[data-v-92715b34]{padding:var(--padding-md);border-bottom:1px solid var(--border-light);background:linear-gradient(to right,#f8f9fa,#f0f4ff);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.writing-card-header h2[data-v-92715b34]{font-size:var(--title-font-size);font-weight:600;color:var(--title-color);margin-bottom:.5rem;text-align:center}.writing-card-header p[data-v-92715b34]{font-size:var(--desc-font-size);color:var(--desc-color);margin:0;text-align:center}.writing-display[data-v-92715b34]{padding:var(--padding-md)}.writing-metadata[data-v-92715b34]{display:flex;flex-wrap:wrap;gap:var(--margin-md);margin-bottom:var(--margin-md);padding-bottom:var(--padding-sm);border-bottom:1px solid var(--border-light)}.metadata-item[data-v-92715b34]{display:flex;align-items:center;gap:.5rem}.metadata-label[data-v-92715b34]{font-weight:600;color:var(--text-light);font-size:var(--desc-font-size)}.metadata-value[data-v-92715b34]{color:var(--text-color);font-size:var(--desc-font-size)}.writing-content-display[data-v-92715b34]{line-height:1.8;color:var(--text-color);white-space:pre-wrap;font-size:1rem}.teacher-feedback[data-v-92715b34]{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);overflow:visible;margin-bottom:var(--margin-lg)}.feedback-header[data-v-92715b34]{padding:var(--padding-md);border-bottom:1px solid var(--border-light);background-color:var(--secondary-light);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.feedback-header h3[data-v-92715b34]{margin:0;font-size:var(--title-font-size);color:var(--text-color)}.feedback-content[data-v-92715b34]{padding:var(--padding-md);line-height:1.6;color:var(--text-color)}.completed-actions[data-v-92715b34]{display:flex;gap:var(--margin-sm);margin-top:var(--margin-lg);margin-bottom:var(--margin-lg)}.btn[data-v-92715b34]{padding:.75rem 1.25rem;border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-primary[data-v-92715b34]{background:var(--primary-gradient);color:#fff;box-shadow:var(--card-shadow)}.btn-primary[data-v-92715b34]:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.btn-secondary[data-v-92715b34]{background-color:#fff}@media (max-width: 992px){.completed-main[data-v-92715b34]{padding:var(--padding-sm)}.congratulations-banner[data-v-92715b34]{flex-direction:column;text-align:center;padding:var(--padding-md);gap:var(--margin-sm)}.completed-actions[data-v-92715b34]{flex-direction:column}.btn[data-v-92715b34]{width:100%;justify-content:center}}@media (max-width: 768px){.writing-card-header[data-v-92715b34],.writing-display[data-v-92715b34]{padding:var(--padding-sm)}}@media (max-width: 576px){.metadata-item[data-v-92715b34]{width:100%}}.new-writing-workspace[data-v-f65f774e]{width:100vw;height:100vh;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.new-writing-workspace[data-v-f65f774e] .skeleton-container{height:100%}.new-writing-workspace .new-writing-workspace-content[data-v-f65f774e]{height:100%;min-height:0;display:grid;grid-template-columns:20rem 1fr 28rem}.new-writing-workspace .new-writing-workspace-content.completed[data-v-f65f774e]{grid-template-columns:20rem 1fr}@media (max-width: 1535.98px){.new-writing-workspace .new-writing-workspace-content[data-v-f65f774e]{grid-template-columns:16rem 1fr 24rem}.new-writing-workspace .new-writing-workspace-content.completed[data-v-f65f774e]{grid-template-columns:16rem 1fr}}@media (max-width: 1279.98px){.new-writing-workspace .new-writing-workspace-content[data-v-f65f774e]{grid-template-columns:14rem 1fr 22rem}.new-writing-workspace .new-writing-workspace-content.completed[data-v-f65f774e]{grid-template-columns:14rem 1fr}}@media (max-width: 1023.98px){.new-writing-workspace .new-writing-workspace-content[data-v-f65f774e]{grid-template-columns:12rem 1fr 20rem}.new-writing-workspace .new-writing-workspace-content.completed[data-v-f65f774e]{grid-template-columns:12rem 1fr}}.overview-card[data-v-9eb912db]{display:flex;align-items:center}.overview-card[data-v-9eb912db]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--primary-color);background-color:var(--primary-light)}.overview-card .card-icon[data-v-9eb912db]{width:3.5rem;height:3.5rem;background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:1rem}.overview-card .card-content[data-v-9eb912db]{flex:1}.overview-card .card-content h3[data-v-9eb912db]{margin:0 0 .5rem;font-size:1rem;color:var(--text-light);display:flex;align-items:center}.overview-card .card-content h3 .info-icon[data-v-9eb912db]{margin-left:.5rem;font-size:.8rem;color:var(--text-light);cursor:help}.overview-card .card-content .card-value[data-v-9eb912db]{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-color)}.overview-card .card-content .card-description[data-v-9eb912db]{color:var(--text-light);font-size:.875rem;margin:.25rem 0 0}.action-button[data-v-6ada239e]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-color);padding:var(--padding-sm)!important}.action-button[data-v-6ada239e]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--primary-color);background-color:var(--primary-light)}.action-button svg[data-v-6ada239e]{font-size:1.5rem;margin-bottom:.75rem;color:var(--primary-color)}.action-button span[data-v-6ada239e]{font-weight:500;font-size:1rem}.card[data-v-13c03900]{padding:1.5rem}.card h3[data-v-13c03900]{margin-top:0;margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-color);display:flex;align-items:center}.card h3 .info-icon[data-v-13c03900]{margin-left:.5rem;font-size:.8rem;color:var(--text-light);cursor:help}.card .chart[data-v-13c03900]{display:flex;align-items:center;justify-content:space-between;min-height:250px}.teacher-dashboard[data-v-ce3c313f]{padding:var(--padding-md);max-width:1400px;margin:0 auto}@media (max-width: 1200px){.teacher-dashboard .charts-container[data-v-ce3c313f],.teacher-dashboard .dashboard-content[data-v-ce3c313f]{grid-template-columns:1fr}}@media (max-width: 768px){.teacher-dashboard .overview-cards[data-v-ce3c313f],.teacher-dashboard .action-buttons[data-v-ce3c313f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.teacher-dashboard .overview-cards[data-v-ce3c313f],.teacher-dashboard .action-buttons[data-v-ce3c313f]{grid-template-columns:1fr}}.teacher-dashboard .dashboard-header[data-v-ce3c313f]{margin-bottom:var(--margin-md);text-align:center}.teacher-dashboard .dashboard-header h1[data-v-ce3c313f]{color:var(--text-color);margin-bottom:.5rem}.teacher-dashboard .dashboard-header p[data-v-ce3c313f]{color:var(--text-light);font-size:1.1rem}.teacher-dashboard .overview-section[data-v-ce3c313f]{margin-bottom:var(--margin-lg)}.teacher-dashboard .overview-section h2[data-v-ce3c313f]{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-color)}.teacher-dashboard .overview-section .overview-cards[data-v-ce3c313f]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.teacher-dashboard .analytics-dashboard[data-v-ce3c313f]{margin-bottom:var(--margin-lg)}.teacher-dashboard .analytics-dashboard h2[data-v-ce3c313f]{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-color)}.teacher-dashboard .analytics-dashboard .charts-container[data-v-ce3c313f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}.teacher-dashboard .quick-actions[data-v-ce3c313f]{margin-bottom:var(--margin-lg)}.teacher-dashboard .quick-actions h2[data-v-ce3c313f]{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-color)}.teacher-dashboard .quick-actions .action-buttons[data-v-ce3c313f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.teacher-dashboard .dashboard-content[data-v-ce3c313f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}.teacher-dashboard .dashboard-content .content-section .section-header[data-v-ce3c313f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.teacher-dashboard .dashboard-content .content-section .section-header h2[data-v-ce3c313f]{font-size:1.25rem;margin:0;color:var(--text-color)}.teacher-dashboard .dashboard-content .content-section .section-header .btn-view-all[data-v-ce3c313f]{background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--border-radius-sm);transition:background-color .2s ease}.teacher-dashboard .dashboard-content .content-section .section-header .btn-view-all[data-v-ce3c313f]:hover{background-color:var(--primary-light)}.teacher-dashboard .dashboard-content .content-section .attention-list[data-v-ce3c313f],.teacher-dashboard .dashboard-content .content-section .activity-list[data-v-ce3c313f]{display:flex;flex-direction:column;gap:1rem}.image-with-placeholder[data-v-f5af0a73]{width:100%;height:100%;overflow:hidden}.image-with-placeholder .image[data-v-f5af0a73]{width:100%;height:100%;object-fit:cover}.image-with-placeholder .placeholder[data-v-f5af0a73]{width:100%;height:100%;background-color:#f5f5f5}.challenge-card[data-v-ff0f1bdb]{background-color:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--card-shadow);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-light)}.challenge-card[data-v-ff0f1bdb]:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.challenge-card:hover .challenge-image[data-v-ff0f1bdb]{transform:scale(1.05)}.challenge-card .challenge-image-container[data-v-ff0f1bdb]{position:relative;height:160px;overflow:hidden}.challenge-card .challenge-image-container .challenge-image[data-v-ff0f1bdb]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.challenge-card .challenge-image-container .image-overlay[data-v-ff0f1bdb]{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#000000b3,#0000)}.challenge-card .challenge-image-container .challenge-status[data-v-ff0f1bdb]{position:absolute;top:16px;left:16px;padding:8px 16px;border-radius:30px;font-size:.7rem;font-weight:700;letter-spacing:.5px;color:#fff;z-index:1;box-shadow:0 2px 8px #00000026}.challenge-card .challenge-image-container .challenge-status.active[data-v-ff0f1bdb]{background-color:var(--success-color)}.challenge-card .challenge-image-container .challenge-status.upcoming[data-v-ff0f1bdb]{background-color:var(--warning-color)}.challenge-card .challenge-image-container .challenge-status.past[data-v-ff0f1bdb]{background-color:var(--gray)}.challenge-card .challenge-image-container .quick-stats[data-v-ff0f1bdb]{position:absolute;bottom:16px;right:16px;z-index:1}.challenge-card .challenge-image-container .quick-stats .participants-count[data-v-ff0f1bdb]{display:flex;align-items:center;gap:.3rem;padding:6px 12px;background-color:#0009;color:#fff;border-radius:20px;font-size:.8rem;font-weight:600}.challenge-card .challenge-content[data-v-ff0f1bdb]{padding:var(--padding-sm);flex-grow:1;display:flex;flex-direction:column}.challenge-card .challenge-content .challenge-title[data-v-ff0f1bdb]{font-size:1.2rem;font-weight:700;color:var(--text-color);margin:0 0 1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.challenge-card .challenge-content .card-info[data-v-ff0f1bdb]{display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.challenge-card .challenge-content .card-info .info-row[data-v-ff0f1bdb]{display:flex;gap:.75rem}.challenge-card .challenge-content .card-info .info-row .subject[data-v-ff0f1bdb]{background-color:var(--primary-light);color:var(--primary);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.challenge-card .challenge-content .card-info .info-row .grades[data-v-ff0f1bdb]{background-color:var(--light-gray);color:var(--text-light);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.challenge-card .challenge-content .card-info .short-description[data-v-ff0f1bdb]{font-size:.9rem;color:#555;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.challenge-card .challenge-content .card-info .info-meta[data-v-ff0f1bdb]{display:flex;flex-wrap:wrap;gap:.75rem}.challenge-card .challenge-content .card-info .info-meta .meta-item[data-v-ff0f1bdb]{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-light);background-color:var(--secondary-color);padding:.4rem .75rem;border-radius:var(--border-radius-lg)}.challenge-card .challenge-content .card-info .info-meta .meta-item svg[data-v-ff0f1bdb]{color:var(--primary);font-size:.7rem}.challenge-card .challenge-content .card-info .date-info[data-v-ff0f1bdb]{margin-top:auto;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;padding:.5rem 0;border-top:1px solid #f0f0f0}.challenge-card .challenge-content .card-info .date-info.active[data-v-ff0f1bdb]{color:#f44336}.challenge-card .challenge-content .card-info .date-info.active svg[data-v-ff0f1bdb]{color:#f44336}.challenge-card .challenge-content .card-info .date-info.upcoming[data-v-ff0f1bdb]{color:#ff9800}.challenge-card .challenge-content .card-info .date-info.upcoming svg[data-v-ff0f1bdb]{color:#ff9800}.challenge-card .challenge-content .card-info .date-info.past[data-v-ff0f1bdb]{color:#9e9e9e}.challenge-card .challenge-content .card-info .date-info.past svg[data-v-ff0f1bdb]{color:#9e9e9e}.challenge-card .challenge-content .card-info .participation-info[data-v-ff0f1bdb]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;padding:.5rem 0}.challenge-card .challenge-content .card-info .participation-info.joined[data-v-ff0f1bdb]{color:#2196f3}.challenge-card .challenge-content .card-info .participation-info.joined svg[data-v-ff0f1bdb]{color:#2196f3}.challenge-card .challenge-content .card-info .participation-info.completed[data-v-ff0f1bdb]{color:#4caf50}.challenge-card .challenge-content .card-info .participation-info.completed svg[data-v-ff0f1bdb]{color:#4caf50}.challenge-card .challenge-content .card-info .participation-info svg[data-v-ff0f1bdb]{font-size:.8rem}.challenge-card .challenge-actions[data-v-ff0f1bdb]{display:flex;border-top:1px solid #eee}@media (max-width: 768px){.challenge-card .challenge-actions[data-v-ff0f1bdb]{flex-wrap:wrap}}.challenge-card .challenge-actions .action-btn[data-v-ff0f1bdb]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem .5rem;background-color:#fff;color:#666;border:none;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}@media (max-width: 768px){.challenge-card .challenge-actions .action-btn[data-v-ff0f1bdb]{padding:1rem .5rem;flex-basis:50%}.challenge-card .challenge-actions .action-btn[data-v-ff0f1bdb]:nth-child(1),.challenge-card .challenge-actions .action-btn[data-v-ff0f1bdb]:nth-child(2){border-bottom:1px solid #eee}.challenge-card .challenge-actions .action-btn[data-v-ff0f1bdb]:nth-child(2){border-right:none}}.challenge-card .challenge-actions .action-btn[data-v-ff0f1bdb]:not(:last-child){border-right:1px solid #eee}.challenge-card .challenge-actions .action-btn[data-v-ff0f1bdb]:hover{background-color:#f8f9fa}.challenge-card .challenge-actions .action-btn.view[data-v-ff0f1bdb]{color:#4a6cfa}.challenge-card .challenge-actions .action-btn.view[data-v-ff0f1bdb]:hover{background-color:#4a6cfa0d}.challenge-card .challenge-actions .action-btn.edit[data-v-ff0f1bdb]{color:#ff9800}.challenge-card .challenge-actions .action-btn.edit[data-v-ff0f1bdb]:hover{background-color:#ff98000d}.challenge-card .challenge-actions .action-btn.participants[data-v-ff0f1bdb]{color:#4caf50}.challenge-card .challenge-actions .action-btn.participants[data-v-ff0f1bdb]:hover{background-color:#4caf500d}.challenge-card .challenge-actions .action-btn.delete[data-v-ff0f1bdb]{color:#f44336}.challenge-card .challenge-actions .action-btn.delete[data-v-ff0f1bdb]:hover{background-color:#f443360d}.page-header[data-v-eea54781]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-lg)}@media (max-width: 768px){.page-header[data-v-eea54781]{flex-direction:column;align-items:flex-start;gap:var(--margin-sm)}}.page-header .page-title[data-v-eea54781]{font-size:2rem;font-weight:700;color:var(--text-color);margin:0}.page-header .btn-create[data-v-eea54781]{display:flex;align-items:center;gap:.5rem;padding:.75rem var(--padding-md);background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s ease}.page-header .btn-create[data-v-eea54781]:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.page-header .btn-create[data-v-eea54781]{width:100%;justify-content:center}}.no-challenges[data-v-26d47d70]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem var(--padding-lg);text-align:center;background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin:var(--margin-lg) 0}.no-challenges .no-challenges-icon[data-v-26d47d70]{font-size:4rem;margin-bottom:var(--margin-md);color:#e0e8ff}.no-challenges h2[data-v-26d47d70]{font-size:1.5rem;margin-bottom:var(--margin-sm);color:var(--text-color)}.no-challenges p[data-v-26d47d70]{font-size:1.1rem;margin-bottom:var(--margin-lg);color:var(--text-light);max-width:500px}.no-challenges .btn-get-started[data-v-26d47d70]{padding:.9rem 1.8rem;background-color:var(--primary);color:#fff;border-radius:var(--border-radius);font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;transition:background-color .2s ease;margin-bottom:var(--margin-sm)}.no-challenges .btn-get-started[data-v-26d47d70]:hover{background-color:var(--primary-dark)}.no-challenges .btn-reset-filters[data-v-26d47d70]{padding:.75rem var(--padding-md);background-color:transparent;color:var(--primary);border:1px solid var(--primary);border-radius:var(--border-radius);font-weight:500;font-size:.95rem;display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease}.no-challenges .btn-reset-filters[data-v-26d47d70]:hover{background-color:var(--primary-light)}.teacher-challenges[data-v-b43887ba]{width:100%}.teacher-challenges .challenges-list[data-v-b43887ba]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--margin-md)}@media (max-width: 768px){.teacher-challenges .challenges-list[data-v-b43887ba]{grid-template-columns:1fr}}.media-section .section-title[data-v-5aaab6b5]{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:var(--margin-lg) 0 var(--margin-md);padding-bottom:.75rem;border-bottom:1px solid #eee}.media-section .image-preview[data-v-5aaab6b5]{cursor:pointer;margin-top:.75rem;border-radius:var(--border-radius);overflow:hidden;border:1px solid #eee;max-width:300px}.media-section .image-preview img[data-v-5aaab6b5]{width:100%;height:auto;display:block}.media-section .image-preview.logo-preview[data-v-5aaab6b5]{max-width:150px}.grade-selection-container[data-v-6b894f0a]{width:100%}.grade-selection-container .grade-quick-select[data-v-6b894f0a]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}@media (max-width: 768px){.grade-selection-container .grade-quick-select[data-v-6b894f0a]{flex-direction:column}}.grade-selection-container .grades-grid[data-v-6b894f0a]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-height:160px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:#fff}@media (max-width: 768px){.grade-selection-container .grades-grid[data-v-6b894f0a]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grade-selection-container .grades-grid[data-v-6b894f0a]{grid-template-columns:1fr}}.grade-selection-container .checkbox-item[data-v-6b894f0a]{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.time-presets[data-v-77e5d67a]{display:flex;flex-wrap:wrap;gap:.5rem}.challenge-form[data-v-4ba3482f]{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--padding-lg);margin-bottom:var(--margin-lg)}.challenge-form .card-title[data-v-4ba3482f]{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:var(--margin-md);padding-bottom:var(--padding-sm);border-bottom:1px solid #eee}.challenge-form .section-title[data-v-4ba3482f]{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:var(--margin-lg) 0 var(--margin-md);padding-bottom:.75rem;border-bottom:1px solid #eee}.challenge-form .file-upload-label[data-v-4ba3482f]{display:inline-flex;align-items:center;padding:.75rem 1.25rem;background-color:var(--primary-light);color:var(--primary);border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem}.challenge-form .file-upload-label[data-v-4ba3482f]:hover{background-color:#e0e9fd}.challenge-form .image-preview[data-v-4ba3482f]{cursor:pointer;margin-top:.75rem;border-radius:var(--border-radius);overflow:hidden;border:1px solid #eee;max-width:300px}.challenge-form .image-preview img[data-v-4ba3482f]{width:100%;height:auto;display:block}.challenge-form .image-preview.logo-preview[data-v-4ba3482f],.challenge-form .image-preview.reward-preview[data-v-4ba3482f]{max-width:150px}.challenge-form .form-actions[data-v-4ba3482f]{display:flex;justify-content:flex-end;gap:var(--margin-sm);margin-top:var(--margin-lg);padding-top:var(--padding-md);border-top:1px solid #eee}.create-challenge-page[data-v-28c310bf]{width:100%;max-width:1200px;margin:0 auto}.page-header[data-v-28c310bf]{margin-bottom:var(--margin-lg);display:flex;flex-direction:column}.page-header .page-title[data-v-28c310bf]{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.page-header .page-title .page-subtitle[data-v-28c310bf]{font-size:1.1rem;color:var(--text-light);margin-bottom:var(--margin-sm)}.page-header .back-btn[data-v-28c310bf]{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-weight:500;font-size:.95rem;margin-top:.5rem}.page-header .back-btn[data-v-28c310bf]:hover{text-decoration:underline}.edit-challenge-page[data-v-6f30152d]{width:100%}.page-header[data-v-6f30152d]{margin-bottom:var(--margin-lg);display:flex;flex-direction:column}.page-header .page-title[data-v-6f30152d]{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.page-header .page-title .page-subtitle[data-v-6f30152d]{font-size:1.1rem;color:var(--text-light);margin-bottom:var(--margin-sm)}.page-header .back-btn[data-v-6f30152d]{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-weight:500;font-size:.95rem;margin-top:.5rem}.page-header .back-btn[data-v-6f30152d]:hover{text-decoration:underline}.loading-container[data-v-6f30152d],.error-container[data-v-6f30152d]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 0}.loading-icon[data-v-6f30152d],.error-icon[data-v-6f30152d]{font-size:3rem;margin-bottom:var(--margin-md);color:var(--primary)}.error-icon[data-v-6f30152d]{color:#f44336}.error-container h2[data-v-6f30152d]{font-size:1.75rem;margin-bottom:var(--margin-sm);color:var(--text-color)}.error-container p[data-v-6f30152d]{font-size:1rem;color:var(--text-light);max-width:500px;margin-bottom:var(--margin-lg)}.btn-primary[data-v-6f30152d]{display:inline-block;padding:.75rem var(--padding-md);background-color:var(--primary);color:#fff;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:background-color .2s ease}.btn-primary[data-v-6f30152d]:hover{background-color:var(--primary-dark)}.challenge-form[data-v-6f30152d]{margin-bottom:var(--margin-lg)}.card[data-v-6f30152d]{background-color:#fff;border-radius:var(--border-radius);padding:var(--padding-lg);box-shadow:var(--shadow-md)}.card-title[data-v-6f30152d]{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:var(--margin-md)}.form-group[data-v-6f30152d]{margin-bottom:var(--margin-md)}.form-row[data-v-6f30152d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--margin-md);margin-bottom:var(--margin-md)}.form-row .form-group[data-v-6f30152d]{margin-bottom:0}label[data-v-6f30152d]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}.form-control[data-v-6f30152d]{width:100%;padding:.75rem var(--padding-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;color:var(--text-color);background-color:var(--secondary-color);transition:border-color .2s ease,box-shadow .2s ease}.form-control[data-v-6f30152d]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4a6cfa33;outline:none}.textarea[data-v-6f30152d]{resize:vertical;min-height:100px}.activities-search[data-v-6f30152d]{margin-bottom:.75rem}.activities-search .form-control[data-v-6f30152d]{width:100%;padding:.75rem var(--padding-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;color:var(--text-color);background-color:var(--secondary-color);transition:border-color .2s ease,box-shadow .2s ease}.activities-search .form-control[data-v-6f30152d]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4a6cfa33;outline:none}.activities-checkbox-group[data-v-6f30152d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;max-height:200px;overflow-y:auto;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.activity-checkbox[data-v-6f30152d]{display:flex;align-items:center;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.activity-checkbox[data-v-6f30152d]:hover{background-color:#f0f4ff}.activity-checkbox input[type=checkbox][data-v-6f30152d]{margin-right:.75rem;width:18px;height:18px;accent-color:#4a6cfa}.checkbox-label[data-v-6f30152d]{margin-bottom:0;font-weight:400;cursor:pointer}.image-upload-container[data-v-6f30152d]{display:flex;flex-direction:column;gap:.75rem}.file-input[data-v-6f30152d]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-upload-label[data-v-6f30152d]{display:inline-block;padding:.75rem 1.5rem;background-color:#4a6cfa;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;text-align:center;transition:background-color .2s ease}.file-upload-label[data-v-6f30152d]:hover{background-color:#3a57e0}.image-preview[data-v-6f30152d]{width:100%;max-width:300px;height:150px;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.image-preview img[data-v-6f30152d]{width:100%;height:100%;object-fit:cover}.logo-preview[data-v-6f30152d],.reward-preview[data-v-6f30152d]{height:100px;max-width:200px}.resources-list[data-v-6f30152d]{display:flex;flex-direction:column;gap:1rem}.resource-item[data-v-6f30152d]{background-color:#f8f9fa;border-radius:8px;padding:1rem}.resource-item .form-row[data-v-6f30152d]{margin-bottom:0}.resource-title[data-v-6f30152d]{flex:2}.resource-url[data-v-6f30152d]{flex:3}.resource-remove[data-v-6f30152d]{background:none;border:none;color:#f44336;cursor:pointer;padding:0 .5rem}.resource-remove[data-v-6f30152d]:hover{color:#d32f2f}.btn-add-resource[data-v-6f30152d]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#f0f4ff;color:#4a6cfa;border:1px dashed #4a6cfa;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-resource[data-v-6f30152d]:hover{background-color:#e3eaff}.participation-info[data-v-6f30152d]{display:flex;align-items:center;justify-content:space-between;background-color:#f8f9fa;padding:1rem 1.5rem;border-radius:8px}.participant-count[data-v-6f30152d]{display:flex;align-items:center;gap:.5rem}.stat-label[data-v-6f30152d]{font-size:1rem;color:#666}.stat-value[data-v-6f30152d]{font-size:1rem;font-weight:600;color:#333}.btn-view-participants[data-v-6f30152d]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#4a6cfa;color:#fff;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.btn-view-participants[data-v-6f30152d]:hover{background-color:#3a57e0}.form-actions[data-v-6f30152d]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-cancel[data-v-6f30152d]{padding:.75rem 1.5rem;background-color:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-6f30152d]:hover{background-color:#e0e0e0}.btn-save[data-v-6f30152d]{padding:.75rem 1.5rem;background-color:#4a6cfa;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save[data-v-6f30152d]:hover:not(:disabled){background-color:#3a57e0}.btn-save[data-v-6f30152d]:disabled{background-color:#a0aec0;cursor:not-allowed}.time-input-container[data-v-6f30152d]{display:flex;gap:10px}.time-value[data-v-6f30152d],.time-unit[data-v-6f30152d]{flex:1}.section-label[data-v-6f30152d]{font-size:1.05rem;font-weight:600;color:#333;margin-bottom:.75rem}.activities-container[data-v-6f30152d]{display:flex;flex-direction:column;border:1px solid #eee;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #00000008}.activities-search[data-v-6f30152d]{position:relative;padding:.75rem;border-bottom:1px solid #eee;background-color:#f9f9f9}.search-icon[data-v-6f30152d]{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#aaa}.search-input[data-v-6f30152d]{padding-left:2.5rem;background-color:#fff}.activities-list[data-v-6f30152d]{max-height:250px;overflow-y:auto;padding:.5rem}.activity-item[data-v-6f30152d]{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.activity-item[data-v-6f30152d]:last-child{border-bottom:none}.activity-item[data-v-6f30152d]:hover{background-color:#f8f9ff}.activity-checkbox[data-v-6f30152d]{margin-right:.75rem;width:18px;height:18px;accent-color:#4a6cfa}.activity-label[data-v-6f30152d]{margin-bottom:0;font-weight:500;color:#444;cursor:pointer}.no-activities[data-v-6f30152d]{text-align:center;padding:2rem;color:#666;font-style:italic}.selected-activities[data-v-6f30152d]{padding:.75rem 1rem;background-color:#f0f4ff;border-top:1px solid #e0e8ff}.selected-count[data-v-6f30152d]{display:flex;align-items:center;gap:.5rem;color:#4a6cfa;font-weight:500;font-size:.9rem}@media (max-width: 768px){.page-header[data-v-6f30152d]{flex-direction:column;align-items:flex-start;gap:1rem}.page-title[data-v-6f30152d]{font-size:1.75rem}.card[data-v-6f30152d]{padding:1.5rem}.participation-info[data-v-6f30152d]{flex-direction:column;gap:1rem;align-items:flex-start}.btn-view-participants[data-v-6f30152d]{width:100%;justify-content:center}.form-actions[data-v-6f30152d]{flex-direction:column}.btn-cancel[data-v-6f30152d],.btn-save[data-v-6f30152d]{width:100%}}.challenge-info[data-v-9fc0cacc]{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 4px 10px #0000000d;display:flex;justify-content:space-between;align-items:center}.challenge-info .challenge-title[data-v-9fc0cacc]{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1rem;margin-top:0}.challenge-info .challenge-meta[data-v-9fc0cacc]{display:flex;flex-wrap:wrap;gap:1.5rem}.challenge-info .challenge-meta .meta-item[data-v-9fc0cacc]{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}.challenge-info .status-icon[data-v-9fc0cacc]{font-size:1rem}.challenge-info .status-icon.active[data-v-9fc0cacc]{color:#4caf50}.challenge-info .status-icon.upcoming[data-v-9fc0cacc]{color:#2196f3}.challenge-info .status-icon.past[data-v-9fc0cacc]{color:#9e9e9e}@media (max-width: 768px){.challenge-info[data-v-9fc0cacc]{flex-direction:column;align-items:flex-start}.challenge-info .challenge-meta[data-v-9fc0cacc]{flex-direction:column;gap:.75rem}}.participants-container[data-v-5173414f]{width:100%}.participants-container .participant-student[data-v-5173414f]{display:flex;align-items:center;gap:var(--margin-sm)}.participants-container .participant-student .student-info[data-v-5173414f]{display:flex;flex-direction:column}.participants-container .participant-student .student-info .student-name[data-v-5173414f]{font-size:1rem;font-weight:500;color:var(--text-color)}.participants-container .participant-student .student-info .student-email[data-v-5173414f]{font-size:.9rem;color:var(--text-light)}.participants-container .participant-progress[data-v-5173414f]{display:flex;align-items:center;gap:var(--margin-sm)}.participants-container .participant-progress .progress-bar-container[data-v-5173414f]{flex:1;height:8px;background-color:var(--bg-light);border-radius:4px;overflow:hidden}.participants-container .participant-progress .progress-bar-container .progress-bar[data-v-5173414f]{height:100%;transition:width .3s ease}.participants-container .participant-progress .progress-bar-container .progress-bar.high[data-v-5173414f]{background-color:var(--success-color)}.participants-container .participant-progress .progress-bar-container .progress-bar.medium[data-v-5173414f]{background-color:var(--warning-color)}.participants-container .participant-progress .progress-bar-container .progress-bar.low[data-v-5173414f]{background-color:var(--error-color)}.participants-container .participant-progress .progress-text[data-v-5173414f]{min-width:40px;text-align:right;font-size:.9rem;color:var(--text-light)}.participants-container .status-badge[data-v-5173414f]{display:inline-block;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:500}.participants-container .status-badge.completed[data-v-5173414f]{background-color:var(--success-light);color:var(--success-color)}.participants-container .status-badge.joined[data-v-5173414f]{background-color:var(--primary-light);color:var(--primary-color)}.participants-container .participant-actions[data-v-5173414f]{display:flex;gap:var(--margin-sm)}.participants-container .participant-actions .action-btn[data-v-5173414f]{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius-sm);font-size:.9rem;border:none;cursor:pointer;transition:var(--transition)}.participants-container .participant-actions .action-btn[data-v-5173414f]:disabled{opacity:.5;cursor:not-allowed}.participants-container .participant-actions .action-btn.reminder[data-v-5173414f]{background-color:var(--warning-light);color:var(--warning-color)}.participants-container .participant-actions .action-btn.reminder[data-v-5173414f]:hover:not(:disabled){background-color:var(--warning-color);color:#fff}.participants-container .participant-actions .action-btn[data-v-5173414f]:not(.reminder){background-color:var(--primary-light);color:var(--primary-color)}.participants-container .participant-actions .action-btn[data-v-5173414f]:not(.reminder):hover:not(:disabled){background-color:var(--primary-color);color:#fff}.challenge-participants[data-v-09ee558d]{width:100%}.challenge-participants .loading-state[data-v-09ee558d],.challenge-participants .not-found[data-v-09ee558d]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 0}.challenge-participants .loading-state .loading-icon[data-v-09ee558d],.challenge-participants .loading-state .not-found-icon[data-v-09ee558d],.challenge-participants .not-found .loading-icon[data-v-09ee558d],.challenge-participants .not-found .not-found-icon[data-v-09ee558d]{font-size:3rem;margin-bottom:var(--margin-md);color:var(--primary)}.challenge-participants .loading-state .not-found-icon[data-v-09ee558d],.challenge-participants .not-found .not-found-icon[data-v-09ee558d]{color:#f44336}.challenge-participants[data-v-09ee558d] .filter-search-section{margin-bottom:0}.challenge-participants .not-found h2[data-v-09ee558d]{font-size:1.75rem;margin-bottom:var(--margin-sm);color:var(--text-color)}.challenge-participants .not-found p[data-v-09ee558d]{font-size:1rem;color:var(--text-light);max-width:500px;margin-bottom:var(--margin-lg)}.challenge-participants .not-found .btn-return[data-v-09ee558d]{display:inline-block;padding:.75rem var(--padding-md);background-color:var(--primary);color:#fff;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:background-color .2s ease}.challenge-participants .not-found .btn-return[data-v-09ee558d]:hover{background-color:var(--primary-dark)}.page-header[data-v-09ee558d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-lg);flex-wrap:wrap;gap:var(--margin-sm)}.page-header .page-title[data-v-09ee558d]{font-size:2rem;font-weight:700;color:var(--text-color);margin:0}.page-header .page-actions[data-v-09ee558d]{display:flex;align-items:center;gap:var(--margin-sm)}.page-header .page-actions .btn-view-challenge[data-v-09ee558d],.page-header .page-actions .back-btn[data-v-09ee558d]{display:flex;align-items:center;gap:.5rem;padding:.5rem var(--padding-sm);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease}.page-header .page-actions .btn-view-challenge[data-v-09ee558d]{background-color:var(--primary);color:#fff}.page-header .page-actions .btn-view-challenge[data-v-09ee558d]:hover{background-color:var(--primary-dark)}.page-header .page-actions .back-btn[data-v-09ee558d]{background-color:var(--light-gray);color:var(--text-light)}.page-header .page-actions .back-btn[data-v-09ee558d]:hover{background-color:var(--border-color)}@media (max-width: 1023.98px){.page-header[data-v-09ee558d]{flex-direction:column;align-items:flex-start}.page-header .page-actions[data-v-09ee558d]{width:100%;justify-content:space-between}}.activity-completion-detail[data-v-ef3021d8]{width:100%}.activity-header[data-v-ef3021d8]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.activity-info[data-v-ef3021d8]{flex:1}.activity-info h2[data-v-ef3021d8]{margin:0 0 10px;font-size:24px}.activity-meta[data-v-ef3021d8]{display:flex;gap:15px;margin-bottom:15px;color:#666;font-size:14px}.activity-meta svg[data-v-ef3021d8]{margin-right:5px}.activity-type[data-v-ef3021d8]{background-color:#f0f7ff;padding:2px 8px;border-radius:4px;color:#06c;font-weight:500}.activity-description[data-v-ef3021d8]{color:#555;font-size:15px;line-height:1.5}.activity-stats[data-v-ef3021d8]{min-width:150px}.stat-item[data-v-ef3021d8]{text-align:center}.stat-value[data-v-ef3021d8]{font-size:28px;font-weight:700;color:#4a6cf7}.stat-label[data-v-ef3021d8]{font-size:14px;color:#666}.progress-tabs[data-v-ef3021d8]{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.tab[data-v-ef3021d8]{padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent;transition:all .2s}.tab[data-v-ef3021d8]:hover{background-color:#f5f5f5}.tab.active[data-v-ef3021d8]{border-bottom-color:#4a6cf7;color:#4a6cf7}.tab-content[data-v-ef3021d8]{padding:20px 0}.completion-summary[data-v-ef3021d8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.status-card[data-v-ef3021d8]{background-color:#f9f9f9;border-radius:8px;padding:15px;display:flex;align-items:center}.status-icon[data-v-ef3021d8]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:18px}.status-completed .status-icon[data-v-ef3021d8]{background-color:#e6f7f0;color:#06d6a0}.status-in-progress .status-icon[data-v-ef3021d8]{background-color:#fff2e6;color:#ffa94d}.status-not-started .status-icon[data-v-ef3021d8]{background-color:#f0f0f0;color:#868e96}.status-value[data-v-ef3021d8]{font-size:20px;font-weight:700;margin-bottom:5px}.status-label[data-v-ef3021d8]{font-size:14px;color:#666}.student-list[data-v-ef3021d8]{margin-top:20px}.student-list h3[data-v-ef3021d8]{margin-bottom:15px;font-size:18px}.filter-controls[data-v-ef3021d8]{display:flex;justify-content:space-between;margin-bottom:20px}.search-box[data-v-ef3021d8]{position:relative;flex:1;max-width:300px}.search-box input[data-v-ef3021d8]{width:100%;padding:10px 10px 10px 35px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-box svg[data-v-ef3021d8]{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#888}.filter-dropdown select[data-v-ef3021d8]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff}.student-completion-list[data-v-ef3021d8]{display:flex;flex-direction:column;gap:10px}.student-item[data-v-ef3021d8]{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f9f9f9;border-radius:8px}.student-name[data-v-ef3021d8]{font-weight:700;margin-bottom:3px}.student-grade[data-v-ef3021d8]{font-size:14px;color:#666}.completion-info[data-v-ef3021d8]{display:flex;align-items:center;gap:15px}.status-badge[data-v-ef3021d8]{font-size:14px;font-weight:700;padding:5px 10px;border-radius:4px}.score[data-v-ef3021d8]{font-size:14px;color:#555}.activity-details[data-v-ef3021d8]{display:flex;flex-direction:column;gap:20px}.detail-section[data-v-ef3021d8]{margin-bottom:20px}.detail-section h3[data-v-ef3021d8]{margin-bottom:15px;font-size:18px}.detail-grid[data-v-ef3021d8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.detail-item[data-v-ef3021d8]{background-color:#f9f9f9;padding:15px;border-radius:8px}.detail-label[data-v-ef3021d8]{font-size:14px;color:#666;margin-bottom:5px}.detail-value[data-v-ef3021d8]{font-size:16px;font-weight:700}.description-box[data-v-ef3021d8]{background-color:#f9f9f9;padding:20px;border-radius:8px;line-height:1.6}.analytics-section[data-v-ef3021d8]{margin-bottom:30px}.analytics-section h3[data-v-ef3021d8]{margin-bottom:15px;font-size:18px}.chart-placeholder[data-v-ef3021d8]{background-color:#f9f9f9;border-radius:8px;padding:30px;text-align:center;color:#888;height:200px;display:flex;align-items:center;justify-content:center}.status-completed[data-v-ef3021d8]{background-color:#e6f7f0;color:#06d6a0}.status-in-progress[data-v-ef3021d8]{background-color:#fff2e6;color:#ffa94d}.status-not-started[data-v-ef3021d8]{background-color:#f0f0f0;color:#868e96}@media (max-width: 768px){.activity-header[data-v-ef3021d8]{flex-direction:column}.activity-stats[data-v-ef3021d8]{width:100%}.completion-summary[data-v-ef3021d8]{grid-template-columns:1fr}.filter-controls[data-v-ef3021d8]{flex-direction:column;gap:10px}.search-box[data-v-ef3021d8]{max-width:100%}.student-item[data-v-ef3021d8]{flex-direction:column;align-items:flex-start;gap:10px}.completion-info[data-v-ef3021d8]{width:100%;justify-content:space-between}}.student-progress-detail[data-v-6c573b53]{width:100%}.student-header[data-v-6c573b53]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-md);flex-wrap:wrap;gap:var(--margin-md)}.student-info h2[data-v-6c573b53]{margin:0 0 5px;font-size:24px}.student-meta[data-v-6c573b53]{color:var(--text-light);font-size:14px}.student-stats[data-v-6c573b53]{display:flex;gap:var(--margin-md)}.stat-item[data-v-6c573b53]{text-align:center}.stat-value[data-v-6c573b53]{font-size:24px;font-weight:700;color:var(--primary-color)}.stat-label[data-v-6c573b53]{font-size:14px;color:var(--text-light)}.progress-tabs[data-v-6c573b53]{display:flex;gap:10px;margin-bottom:var(--margin-md)}.tab[data-v-6c573b53]{padding:10px var(--padding-md);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}.tab[data-v-6c573b53]:hover{background-color:var(--light-blue)}.tab.active[data-v-6c573b53]{background-color:var(--primary-color);color:#fff}.tab svg[data-v-6c573b53]{font-size:16px}.activity-status-summary[data-v-6c573b53]{display:flex;gap:var(--margin-md);margin-bottom:30px}.status-card[data-v-6c573b53]{flex:1;padding:var(--padding-md);border-radius:var(--border-radius);background-color:#fff;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:15px}.status-icon[data-v-6c573b53]{font-size:24px}.status-completed .status-icon[data-v-6c573b53]{color:var(--success-color)}.status-in-progress .status-icon[data-v-6c573b53]{color:var(--warning-color)}.status-not-started .status-icon[data-v-6c573b53]{color:var(--gray)}.status-content[data-v-6c573b53]{flex:1}.status-value[data-v-6c573b53]{font-size:24px;font-weight:700;margin-bottom:5px}.status-label[data-v-6c573b53]{font-size:14px;color:var(--text-light)}.activity-list[data-v-6c573b53]{margin-top:30px}.activity-list h3[data-v-6c573b53]{margin-bottom:var(--margin-md)}.activity-item[data-v-6c573b53]{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fff;border-radius:var(--border-radius);margin-bottom:10px;box-shadow:var(--card-shadow)}.activity-content[data-v-6c573b53]{flex:1}.activity-title[data-v-6c573b53]{font-weight:500;margin-bottom:5px}.activity-meta[data-v-6c573b53]{display:flex;gap:15px;font-size:14px;color:var(--text-light)}.activity-type[data-v-6c573b53]{background-color:var(--light-blue);padding:2px 8px;border-radius:var(--border-radius-sm);color:var(--primary-color)}.activity-status[data-v-6c573b53]{padding:5px 10px;border-radius:var(--border-radius-sm);font-size:14px;font-weight:500}.activity-status.draft[data-v-6c573b53]{background-color:var(--light-gray);color:var(--gray)}.activity-status.published[data-v-6c573b53]{background-color:var(--light-blue);color:var(--primary-color)}.activity-status.archived[data-v-6c573b53]{background-color:var(--light-gray);color:var(--gray)}.activity-timeline[data-v-6c573b53]{margin-top:30px}.activity-timeline h3[data-v-6c573b53]{margin-bottom:var(--margin-md)}.activity-item[data-v-6c573b53]{display:flex;gap:15px;margin-bottom:var(--margin-md)}.activity-icon[data-v-6c573b53]{color:var(--primary-color);font-size:12px;padding-top:6px}.activity-time[data-v-6c573b53]{font-size:14px;color:var(--text-light);margin-bottom:5px}.activity-description[data-v-6c573b53]{color:var(--text-color)}.no-activity[data-v-6c573b53]{text-align:center;padding:30px;color:var(--text-light)}.performance-metrics[data-v-6c573b53]{margin-top:30px}.metric-section[data-v-6c573b53]{margin-bottom:30px}.metric-section h4[data-v-6c573b53]{margin-bottom:15px}.chart-placeholder[data-v-6c573b53]{background-color:var(--bg-light);border-radius:var(--border-radius);padding:30px;text-align:center;color:var(--text-light)}@media (max-width: 768px){.activity-status-summary[data-v-6c573b53]{flex-direction:column}.activity-item[data-v-6c573b53]{flex-direction:column;align-items:flex-start}.activity-status[data-v-6c573b53]{margin-top:10px}}.progress-monitoring[data-v-ef11f645]{padding:var(--padding-sm);max-width:1200px;margin:0 auto}.page-header[data-v-ef11f645]{margin-bottom:var(--margin-md);text-align:center}.page-header h1[data-v-ef11f645]{margin-bottom:10px;color:var(--text-color)}.page-header p[data-v-ef11f645]{color:var(--text-light);font-size:1.1rem;margin:0}.overview-section[data-v-ef11f645]{margin-bottom:var(--margin-md)}.overview-section h2[data-v-ef11f645]{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-color)}.overview-cards[data-v-ef11f645]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.overview-card[data-v-ef11f645]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:1.25rem;display:flex;align-items:center;transition:all .2s ease}.overview-card[data-v-ef11f645]:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.card-icon[data-v-ef11f645]{width:3rem;height:3rem;background-color:var(--primary-light);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;margin-right:1rem;color:var(--primary-color);font-size:1.25rem}.card-content[data-v-ef11f645]{flex:1}.card-content h3[data-v-ef11f645]{font-size:1rem;margin-bottom:.5rem;color:var(--text-light);font-weight:500}.card-value[data-v-ef11f645]{font-size:1.5rem;font-weight:600;margin-bottom:.25rem;color:var(--text-color)}.card-description[data-v-ef11f645]{font-size:.875rem;color:var(--text-light);margin:0}.progress-tabs[data-v-ef11f645]{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.tab[data-v-ef11f645]{padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--text-light);transition:all .2s ease;border-bottom:3px solid transparent}.tab[data-v-ef11f645]:hover{color:var(--primary-color)}.tab.active[data-v-ef11f645]{color:var(--primary-color);border-bottom:3px solid var(--primary-color)}.tab-content[data-v-ef11f645]{margin-top:1.5rem}.filter-controls[data-v-ef11f645]{display:flex;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.search-box[data-v-ef11f645]{display:flex;align-items:center;background-color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);flex:1}.search-box input[data-v-ef11f645]{border:none;outline:none;width:100%;margin-left:.5rem;font-size:.95rem}.filter-dropdown select[data-v-ef11f645]{padding:.5rem 1rem;border:none;background-color:#fff;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);font-size:.95rem;color:var(--text-color);outline:none;cursor:pointer}.student-progress-list[data-v-ef11f645]{display:flex;flex-direction:column;gap:1rem}.student-progress-card[data-v-ef11f645]{background-color:#fff;border-radius:var(--border-radius);padding:15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.student-info[data-v-ef11f645]{flex:1;min-width:200px}.student-info h3[data-v-ef11f645]{margin-bottom:10px;font-size:18px}.progress-stats[data-v-ef11f645]{display:flex;gap:15px;flex-wrap:wrap}.stat[data-v-ef11f645]{font-size:14px}.stat .label[data-v-ef11f645]{color:var(--text-light);margin-right:5px}.stat .value[data-v-ef11f645]{font-weight:700}.progress-visualization[data-v-ef11f645]{flex:2;min-width:300px}.progress-bar-container[data-v-ef11f645]{margin-bottom:10px}.progress-label[data-v-ef11f645]{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14px}.progress-bar[data-v-ef11f645]{height:10px;background-color:#eee;border-radius:5px;overflow:hidden}.progress[data-v-ef11f645]{height:100%;transition:width .3s ease}.progress-low[data-v-ef11f645]{background-color:#ff6b6b}.progress-medium[data-v-ef11f645]{background-color:var(--warning-color)}.progress-high[data-v-ef11f645]{background-color:var(--success-color)}.score-display[data-v-ef11f645]{font-size:14px}.score-label[data-v-ef11f645]{color:var(--text-light);margin-right:5px}.score-value[data-v-ef11f645]{font-weight:700}.action-buttons[data-v-ef11f645]{display:flex;gap:10px}.btn-view-details[data-v-ef11f645]{padding:8px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:14px;transition:background-color .2s}.btn-view-details[data-v-ef11f645]:hover{background-color:var(--primary-dark)}.activity-completion-list[data-v-ef11f645]{display:flex;flex-direction:column;gap:15px}.activity-completion-card[data-v-ef11f645]{background-color:var(--bg-light);border-radius:var(--border-radius);padding:15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.activity-info[data-v-ef11f645]{flex:1;min-width:200px}.activity-info h3[data-v-ef11f645]{margin-bottom:10px;font-size:18px}.activity-meta[data-v-ef11f645]{display:flex;gap:15px;flex-wrap:wrap;font-size:14px;color:var(--text-light)}.activity-meta svg[data-v-ef11f645]{margin-right:5px}.completion-visualization[data-v-ef11f645]{flex:2;min-width:300px}.completion-stats[data-v-ef11f645]{font-size:14px;text-align:right;margin-top:5px}.analytics-section[data-v-ef11f645]{margin-bottom:var(--margin-md)}.analytics-section h3[data-v-ef11f645]{margin-bottom:15px;font-size:18px}.analytics-chart[data-v-ef11f645]{background-color:var(--bg-light);border-radius:var(--border-radius);padding:20px;height:300px}.chart-placeholder[data-v-ef11f645]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-light)}.mock-chart[data-v-ef11f645]{display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:200px;margin-top:20px}.chart-bar[data-v-ef11f645]{width:60px;background-color:var(--primary-color);border-radius:4px 4px 0 0;position:relative;transition:height .3s ease}.bar-label[data-v-ef11f645]{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:12px;white-space:nowrap}.modal-overlay[data-v-ef11f645]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2600}.modal-content[data-v-ef11f645]{background-color:#fff;border-radius:var(--border-radius);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header[data-v-ef11f645]{padding:15px 20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-ef11f645]{font-size:20px;margin:0}.btn-close[data-v-ef11f645]{background:none;border:none;font-size:20px;cursor:pointer;color:var(--gray)}.modal-body[data-v-ef11f645]{padding:var(--padding-sm)}@media (max-width: 768px){.overview-cards[data-v-ef11f645]{grid-template-columns:1fr}.student-progress-card[data-v-ef11f645],.activity-completion-card[data-v-ef11f645]{flex-direction:column;align-items:flex-start}.progress-visualization[data-v-ef11f645],.completion-visualization[data-v-ef11f645]{width:100%}.action-buttons[data-v-ef11f645]{width:100%;justify-content:flex-end}}.page-header[data-v-5448fc51]{margin-bottom:var(--margin-lg);display:flex;flex-direction:column;gap:10px}.page-header h1[data-v-5448fc51]{margin:0;color:var(--text-color);font-size:2rem}.page-header p[data-v-5448fc51]{color:var(--text-light);margin:0}.page-header .action-buttons[data-v-5448fc51]{display:flex;gap:10px;margin-top:var(--margin-sm)}.student-name-cell[data-v-abea6919]{display:flex;align-items:center;gap:10px}.full-name-cell[data-v-abea6919]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.student-actions-cell[data-v-abea6919]{white-space:nowrap}.student-actions-cell .action-btn[data-v-abea6919]{padding:6px;margin:0 2px;border-radius:var(--border-radius-sm);display:inline-flex}.action-btn[data-v-abea6919]{padding:8px 12px;border-radius:var(--border-radius-sm);border:none;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:var(--transition)}.view-btn[data-v-abea6919]{background-color:#e3f2fd;color:#1976d2}.view-btn[data-v-abea6919]:hover{background-color:#bbdefb}.edit-btn[data-v-abea6919]{background-color:#e8f5e9;color:#388e3c}.edit-btn[data-v-abea6919]:hover{background-color:#c8e6c9}.delete-btn[data-v-abea6919]{background-color:#ffebee;color:#d32f2f}.delete-btn[data-v-abea6919]:hover{background-color:#ffcdd2}.modal-overlay[data-v-c57bf35b]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2600}.modal-overlay .modal-content[data-v-c57bf35b]{background-color:#fff;border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-overlay .modal-content .modal-header[data-v-c57bf35b]{padding:15px var(--padding-md);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-header h2[data-v-c57bf35b]{margin:0;font-size:var(--title-font-size);color:var(--text-color)}.modal-overlay .modal-content .modal-header .close-btn[data-v-c57bf35b]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light)}.modal-overlay .modal-content .modal-body[data-v-c57bf35b]{padding:var(--padding-md)}.modal-overlay .modal-content .modal-body .form-group[data-v-c57bf35b]{margin-bottom:var(--margin-md)}.modal-overlay .modal-content .modal-body .form-group label[data-v-c57bf35b]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.modal-overlay .modal-content .modal-body .form-group input[data-v-c57bf35b],.modal-overlay .modal-content .modal-body .form-group select[data-v-c57bf35b]{width:100%;padding:10px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);font-size:1rem}.modal-overlay .modal-content .modal-body .form-actions[data-v-c57bf35b]{display:flex;justify-content:flex-end;gap:10px;margin-top:var(--margin-md)}.modal-overlay[data-v-b2faeca7]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2600}.modal-overlay .modal-content[data-v-b2faeca7]{background-color:#fff;border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-overlay .modal-content .modal-header[data-v-b2faeca7]{padding:15px var(--padding-md);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-header h2[data-v-b2faeca7]{margin:0;font-size:var(--title-font-size);color:var(--text-color)}.modal-overlay .modal-content .modal-header .close-btn[data-v-b2faeca7]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light)}.modal-overlay .modal-content .modal-body[data-v-b2faeca7]{padding:var(--padding-md)}.modal-overlay .modal-content .modal-body .form-group[data-v-b2faeca7]{margin-bottom:var(--margin-md)}.modal-overlay .modal-content .modal-body .form-group label[data-v-b2faeca7]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.modal-overlay .modal-content .modal-body .form-group input[data-v-b2faeca7],.modal-overlay .modal-content .modal-body .form-group select[data-v-b2faeca7]{width:100%;padding:10px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);font-size:1rem}.modal-overlay .modal-content .modal-body .form-actions[data-v-b2faeca7]{display:flex;justify-content:flex-end;gap:10px;margin-top:var(--margin-md)}.modal-overlay[data-v-0e98faf8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2600}.modal-overlay .modal-content[data-v-0e98faf8]{background-color:#fff;border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-overlay .modal-content .modal-header[data-v-0e98faf8]{padding:15px var(--padding-md);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-header h2[data-v-0e98faf8]{margin:0;font-size:var(--title-font-size);color:var(--text-color)}.modal-overlay .modal-content .modal-header .close-btn[data-v-0e98faf8]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light)}.modal-overlay .modal-content .modal-body[data-v-0e98faf8]{padding:var(--padding-md)}.modal-overlay .modal-content .modal-body .delete-warning[data-v-0e98faf8]{color:#d32f2f;font-weight:500;display:flex;align-items:center;gap:10px;margin-bottom:var(--margin-sm)}.modal-overlay .modal-content .modal-body .form-actions[data-v-0e98faf8]{display:flex;justify-content:flex-end;gap:10px;margin-top:var(--margin-md)}.modal-overlay[data-v-bae6a3d6]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2600}.modal-overlay .modal-content[data-v-bae6a3d6]{background-color:#fff;border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-overlay .modal-content .modal-header[data-v-bae6a3d6]{padding:15px var(--padding-md);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-header h2[data-v-bae6a3d6]{margin:0;font-size:var(--title-font-size);color:var(--text-color)}.modal-overlay .modal-content .modal-header .close-btn[data-v-bae6a3d6]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light)}.modal-overlay .modal-content .modal-body[data-v-bae6a3d6]{padding:var(--padding-md)}.modal-overlay .modal-content .modal-body .import-format[data-v-bae6a3d6]{font-style:italic;color:var(--text-light);margin-top:5px}.modal-overlay .modal-content .modal-body .file-upload[data-v-bae6a3d6]{margin:var(--margin-md) 0}.modal-overlay .modal-content .modal-body .file-upload .file-upload-label[data-v-bae6a3d6]{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;background-color:var(--bg-light);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition)}.modal-overlay .modal-content .modal-body .file-upload .file-upload-label[data-v-bae6a3d6]:hover{background-color:var(--light-gray)}.modal-overlay .modal-content .modal-body .file-upload .file-input[data-v-bae6a3d6]{display:none}.modal-overlay .modal-content .modal-body .file-upload .file-name[data-v-bae6a3d6]{margin-left:10px;font-size:.9rem;color:var(--text-light)}.modal-overlay .modal-content .modal-body .form-actions[data-v-bae6a3d6]{display:flex;justify-content:flex-end;gap:10px;margin-top:var(--margin-md)}.student-management[data-v-0904939a]{padding:var(--padding-md);max-width:1200px;margin:0 auto}[data-v-0904939a] .btn-primary,[data-v-0904939a] .btn-secondary,[data-v-0904939a] .btn-danger{padding:10px 15px;border-radius:var(--border-radius-sm);border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}[data-v-0904939a] .btn-primary{background-color:var(--primary-color);color:#fff}[data-v-0904939a] .btn-primary:hover{background-color:var(--primary-dark)}[data-v-0904939a] .btn-secondary{background-color:var(--bg-light);color:var(--text-color)}[data-v-0904939a] .btn-secondary:hover{background-color:var(--border-color)}[data-v-0904939a] .btn-danger{background-color:#f44336;color:#fff}[data-v-0904939a] .btn-danger:hover{background-color:#d32f2f}@media (max-width: 768px){.student-management .search-filter-section[data-v-0904939a]{flex-direction:column}.student-management .search-filter-section .filters[data-v-0904939a]{width:100%}.student-management .students-container .students-grid[data-v-0904939a]{grid-template-columns:1fr}}.assignment-management[data-v-5cfd6336]{padding:var(--padding-sm);max-width:1200px;margin:0 auto}.page-header[data-v-5cfd6336]{margin-bottom:var(--margin-md);text-align:center}h1[data-v-5cfd6336]{margin-bottom:10px;color:var(--text-color)}.page-header p[data-v-5cfd6336]{color:var(--text-light);font-size:1.1rem}.navigation-cards[data-v-5cfd6336]{display:flex;justify-content:center;gap:var(--margin-md);margin-top:40px}.nav-card[data-v-5cfd6336]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--padding-md);width:300px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-card[data-v-5cfd6336]:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.nav-icon[data-v-5cfd6336]{font-size:3rem;color:var(--success-color);margin-bottom:15px}.nav-card h2[data-v-5cfd6336]{margin-bottom:10px;color:var(--text-color)}.nav-card p[data-v-5cfd6336]{color:var(--text-light);margin-bottom:var(--margin-sm)}.btn-primary[data-v-5cfd6336]{background-color:var(--success-color);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:10px 20px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary[data-v-5cfd6336]:hover{background-color:#388e3c}.btn-primary[data-v-0072615c]{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}.btn-primary[data-v-0072615c]:hover{background-color:var(--primary-dark)}.btn-secondary[data-v-0072615c]{background-color:var(--bg-light);color:var(--text-color);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer}.btn-secondary[data-v-0072615c]:hover{background-color:var(--light-gray)}.btn-danger[data-v-0072615c]{background-color:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer}.btn-danger[data-v-0072615c]:hover{background-color:#c0392b}.btn-icon[data-v-0072615c]{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1rem}.btn-icon[data-v-0072615c]:hover{color:var(--text-color)}.course-card[data-v-0072615c]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--padding-md);display:flex;flex-direction:column}.course-card-header[data-v-0072615c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--margin-sm)}.course-card h3[data-v-0072615c]{margin:0;color:var(--text-color);font-size:1.2rem}.course-card .course-actions[data-v-0072615c]{display:flex;gap:8px}.course-card .course-description[data-v-0072615c]{color:var(--text-light);margin-bottom:var(--margin-sm);flex-grow:1}.course-card .course-details[data-v-0072615c]{padding:var(--margin-sm) 0;margin-bottom:var(--margin-sm);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.course-card .course-detail[data-v-0072615c]{margin-bottom:5px;font-size:.9rem}.course-card .course-detail .detail-label[data-v-0072615c]{font-weight:600;color:var(--text-light);margin-right:5px}.course-card .course-stats[data-v-0072615c]{display:flex;justify-content:space-between}.course-card .course-stats .stat[data-v-0072615c]{display:flex;align-items:center;gap:8px;color:var(--text-light)}.course-card .course-footer[data-v-0072615c]{display:flex;justify-content:space-between;gap:var(--margin-sm);margin-top:5px}.course-card .copy-btn[data-v-0072615c]{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:4px;border-radius:var(--border-radius-sm);transition:var(--transition)}.course-card .copy-btn[data-v-0072615c]:hover{background-color:var(--primary-light)}.btn-primary[data-v-e442a38f]{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}.btn-primary[data-v-e442a38f]:hover{background-color:var(--primary-dark)}.btn-secondary[data-v-e442a38f]{background-color:var(--bg-light);color:var(--text-color);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer}.btn-secondary[data-v-e442a38f]:hover{background-color:var(--light-gray)}.btn-danger[data-v-e442a38f]{background-color:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer}.btn-danger[data-v-e442a38f]:hover{background-color:#c0392b}.btn-icon[data-v-e442a38f]{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1rem}.btn-icon[data-v-e442a38f]:hover{color:var(--text-color)}.modal[data-v-e442a38f]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2600}.modal-content[data-v-e442a38f]{background-color:#fff;border-radius:var(--border-radius);width:500px;max-width:90%;max-height:90vh;overflow-y:auto}.modal-header[data-v-e442a38f]{display:flex;justify-content:space-between;align-items:center;padding:15px var(--padding-md);border-bottom:1px solid var(--border-light)}.modal-header h3[data-v-e442a38f]{margin:0}.modal-body[data-v-e442a38f]{padding:var(--padding-md)}.modal-footer[data-v-e442a38f]{padding:15px var(--padding-md);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--margin-sm)}.warning[data-v-e442a38f]{color:#e74c3c;font-size:.9rem}.btn-primary[data-v-3a5313b7]{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}.btn-primary[data-v-3a5313b7]:hover{background-color:var(--primary-dark)}.btn-secondary[data-v-3a5313b7]{background-color:var(--bg-light);color:var(--text-color);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer}.btn-secondary[data-v-3a5313b7]:hover{background-color:var(--light-gray)}.btn-danger[data-v-3a5313b7]{background-color:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer}.btn-danger[data-v-3a5313b7]:hover{background-color:#c0392b}.btn-icon[data-v-3a5313b7]{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1rem}.btn-icon[data-v-3a5313b7]:hover{color:var(--text-color)}.course-list[data-v-3a5313b7]{width:100%}.course-list-header[data-v-3a5313b7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-md)}.courses-container[data-v-3a5313b7]{width:100%}.courses-grid[data-v-3a5313b7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--margin-md)}.empty-state[data-v-3a5313b7]{display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state p[data-v-3a5313b7]{margin-top:10px}.courses-page[data-v-dbcea209]{padding:var(--padding-md);max-width:1200px;margin:0 auto}.page-header[data-v-dbcea209]{margin-bottom:var(--margin-lg)}h1[data-v-dbcea209]{margin-bottom:var(--margin-sm);color:var(--text-color)}.page-header p[data-v-dbcea209]{color:var(--text-light);font-size:1.1rem}.grade-selection-container[data-v-b33228ac]{width:100%}.grade-selection-container .grade-quick-select[data-v-b33228ac]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}@media (max-width: 768px){.grade-selection-container .grade-quick-select[data-v-b33228ac]{flex-direction:column}}.grade-selection-container .grades-grid[data-v-b33228ac]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-height:160px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:#fff}@media (max-width: 768px){.grade-selection-container .grades-grid[data-v-b33228ac]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grade-selection-container .grades-grid[data-v-b33228ac]{grid-template-columns:1fr}}.grade-selection-container .checkbox-item[data-v-b33228ac]{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.time-presets[data-v-4bc8bfd5]{display:flex;flex-wrap:wrap;gap:.5rem}.class-code-input[data-v-085622c5]{width:100%;display:flex;gap:.5rem}.course-form[data-v-312004d6]{background-color:#fff;border-radius:var(--border-radius-lg);padding:var(--padding-lg);margin:0 auto;box-shadow:var(--card-shadow)}.card[data-v-312004d6]{max-width:1200px}.card-title[data-v-312004d6]{font-size:1.8rem;color:var(--primary-color);margin-bottom:var(--margin-lg);padding-bottom:var(--padding-sm);border-bottom:2px solid var(--border-light)}.form-actions[data-v-312004d6]{display:flex;justify-content:flex-end;gap:var(--margin-sm);margin-top:var(--margin-lg);padding-top:var(--padding-md);border-top:1px solid var(--border-light)}@media (max-width: 768px){.course-form[data-v-312004d6]{padding:var(--padding-md)}}.create-course-page[data-v-ea7269dd]{padding:var(--padding-sm) 0}.page-header[data-v-ea7269dd]{margin-bottom:var(--margin-md)}.page-header h1[data-v-ea7269dd]{margin-bottom:.5rem}.page-header p[data-v-ea7269dd]{color:var(--text-light)}.edit-course-page[data-v-fbadfb1c]{padding:var(--padding-sm) 0}.page-header[data-v-fbadfb1c]{margin-bottom:var(--margin-md)}.page-header h1[data-v-fbadfb1c]{margin-bottom:.5rem}.page-header p[data-v-fbadfb1c]{color:var(--text-light)}.error-card[data-v-fbadfb1c]{text-align:center;padding:var(--padding-lg)}.error-message[data-v-fbadfb1c]{color:#e74c3c;margin-bottom:var(--margin-md)}.association[data-v-c34ded41]{display:flex;flex-direction:column;gap:4px}.association-item[data-v-c34ded41]{display:flex;gap:4px}.association-label[data-v-c34ded41]{color:var(--text-light);font-size:.9em}.association-value[data-v-c34ded41]{font-weight:500;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.association-none[data-v-c34ded41]{color:var(--text-light);font-style:italic}.activity-list[data-v-2db293bf]{width:100%;padding:0}.activity-list-header[data-v-2db293bf]{margin-bottom:var(--margin-sm)}.btn-primary[data-v-2db293bf]{background-color:var(--primary-color);color:#fff;border:none;padding:10px 18px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500;display:flex;align-items:center;gap:6px;margin-left:auto}.btn-icon[data-v-2db293bf]{background:none;border:none;color:var(--text-light);cursor:pointer;padding:4px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center}.btn-icon[data-v-2db293bf]:hover{background-color:var(--bg-light);color:var(--text-color)}.title-cell[data-v-2db293bf]{font-weight:500;color:var(--text-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.actions-cell[data-v-2db293bf]{display:flex;gap:10px;justify-content:flex-end;white-space:nowrap}@media (max-width: 768px){.activity-list .btn-primary[data-v-2db293bf]{width:100%;justify-content:center;margin-top:10px;margin-left:0}}.activities-page[data-v-28cd5534]{padding:var(--padding-md);max-width:1200px;margin:0 auto}.activities-page .page-header[data-v-28cd5534]{margin-bottom:var(--margin-md);display:flex;flex-direction:column;gap:10px}.activities-page .page-header h1[data-v-28cd5534]{margin:0;color:var(--text-color);font-size:2rem}.activities-page .page-header p[data-v-28cd5534]{color:var(--text-light);margin:0}.activities-page .page-header .action-buttons[data-v-28cd5534]{display:flex;gap:10px;margin-top:15px}.upload-image[data-v-e2b50ba4]{width:100%}.upload-image .images-gallery[data-v-e2b50ba4]{display:flex;flex-wrap:wrap;gap:var(--margin-md)}.upload-image .image-item[data-v-e2b50ba4]{width:220px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);background-color:#fff;position:relative;transition:var(--transition)}.upload-image .image-item[data-v-e2b50ba4]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-image .image-preview[data-v-e2b50ba4]{position:relative;width:100%;height:160px;cursor:pointer}.upload-image .image-preview img[data-v-e2b50ba4]{width:100%;height:100%;object-fit:cover;display:block}.upload-image .btn-remove-image[data-v-e2b50ba4]{position:absolute;top:8px;right:8px;background:#0009;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.upload-image .btn-remove-image[data-v-e2b50ba4]:hover{background:#000c;transform:scale(1.1)}.upload-image .image-description-container[data-v-e2b50ba4]{padding:10px}.upload-image .image-description-container .image-description-input[data-v-e2b50ba4]{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.9rem}.upload-image .image-description-container .image-description-input[data-v-e2b50ba4]:focus{outline:none;border-color:var(--primary-color)}.upload-image .image-upload-box[data-v-e2b50ba4]{width:220px;height:160px;border:2px dashed var(--border-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;background-color:var(--bg-light);cursor:pointer;transition:var(--transition)}.upload-image .image-upload-box[data-v-e2b50ba4]:hover{border-color:var(--primary-color);background-color:var(--primary-light)}.upload-image .file-input[data-v-e2b50ba4]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.upload-image .file-upload-button[data-v-e2b50ba4]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-light);cursor:pointer;transition:var(--transition);width:100%;height:100%}.upload-image .file-upload-button .upload-icon[data-v-e2b50ba4]{font-size:1.5rem;color:var(--primary-color)}.upload-image .file-upload-button .upload-text[data-v-e2b50ba4]{font-size:.9rem;font-weight:500}.upload-image .file-upload-button[data-v-e2b50ba4]:hover{color:var(--primary-color)}.upload-image .upload-hint[data-v-e2b50ba4]{margin-top:var(--margin-sm);font-size:.9rem;color:var(--text-light)}.upload-image .upload-count[data-v-e2b50ba4]{font-weight:500;color:var(--primary-color)}.number-input[data-v-a31fea1b]{width:120px}.grade-selection[data-v-e952e384]{width:100%;margin-top:10px}.grade-selection .grade-quick-select[data-v-e952e384]{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.grade-selection .checkbox-grid[data-v-e952e384]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;background-color:#f9fafc;border-radius:8px;padding:16px;border:1px solid #ebedf2}@media (max-width: 1023.98px){.grade-selection .checkbox-grid[data-v-e952e384]{grid-template-columns:repeat(3,1fr)}}.grade-selection .checkbox-grid .checkbox-item[data-v-e952e384]{display:flex;align-items:center}.grade-selection .checkbox-grid .checkbox-item label[data-v-e952e384]{margin-bottom:0;font-weight:400;font-size:.9rem;cursor:pointer;padding-left:4px}.time-presets[data-v-c3dc51ac]{display:flex;flex-wrap:wrap;gap:.5rem}.feedback-config[data-v-bcd4b2d6]{background-color:#f7faff;border:1px solid #d5e3f8;border-radius:8px;padding:15px;margin-bottom:20px}.feedback-config .config-header[data-v-bcd4b2d6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.feedback-config .config-header .feedback-config-title[data-v-bcd4b2d6]{margin:0;font-size:1rem;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:8px}.feedback-config .feedback-criteria[data-v-bcd4b2d6]{display:flex;flex-direction:column;gap:15px}.feedback-config .feedback-criteria .criterion-item[data-v-bcd4b2d6]{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;transition:all .2s ease}.feedback-config .feedback-criteria .criterion-item[data-v-bcd4b2d6]:hover{box-shadow:0 3px 8px #0000000d}.feedback-config .feedback-criteria .criterion-item .criterion-header[data-v-bcd4b2d6]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.feedback-config .feedback-criteria .criterion-item .criterion-header .btn-icon[data-v-bcd4b2d6]{background:none;border:none;color:#757575;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.feedback-config .feedback-criteria .criterion-item .criterion-header .btn-icon.btn-remove[data-v-bcd4b2d6]:hover{color:#d32f2f;background-color:#fee8e7}.feedback-config .feedback-criteria .criterion-item .criterion-prompt-container[data-v-bcd4b2d6]{background-color:#f7f7f7;border-radius:6px;padding:10px;margin-top:10px}.feedback-config .feedback-criteria .criterion-item .criterion-prompt-container .prompt-label[data-v-bcd4b2d6]{display:block;font-size:.85rem;color:#555;margin-bottom:5px;font-weight:500}.feedback-config .feedback-criteria .empty-config-message[data-v-bcd4b2d6]{text-align:center;padding:15px;background-color:#f5f5f5;border-radius:6px;font-size:.9rem;color:#777;font-style:italic}.form-fields-config[data-v-0cd4e420]{background-color:#f7faff;border:1px solid #d5e3f8;border-radius:8px;padding:15px;margin-bottom:20px}.form-fields-config .config-header[data-v-0cd4e420]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form-fields-config .config-header .form-fields-title[data-v-0cd4e420]{margin:0;font-size:1rem;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:8px}.form-fields-config .form-fields-list[data-v-0cd4e420]{display:flex;flex-direction:column;gap:12px}.form-fields-config .form-fields-list .form-field-item[data-v-0cd4e420]{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;transition:all .2s ease}.form-fields-config .form-fields-list .form-field-item[data-v-0cd4e420]:hover{box-shadow:0 3px 8px #0000000d}.form-fields-config .form-fields-list .form-field-item .form-field-header[data-v-0cd4e420]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.form-fields-config .form-fields-list .form-field-item .form-field-header .field-type-wrapper[data-v-0cd4e420]{width:150px}.form-fields-config .form-fields-list .form-field-item .form-field-header .btn-icon[data-v-0cd4e420]{background:none;border:none;color:#757575;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.form-fields-config .form-fields-list .form-field-item .form-field-header .btn-icon.btn-remove[data-v-0cd4e420]:hover{color:#d32f2f;background-color:#fee8e7}.form-fields-config .form-fields-list .form-field-item .dropdown-options[data-v-0cd4e420]{margin-top:10px}.form-fields-config .form-fields-list .empty-config-message[data-v-0cd4e420]{text-align:center;padding:15px;background-color:#f5f5f5;border-radius:6px;font-size:.9rem;color:#777;font-style:italic}.form-fields-config .form-fields-list .empty-config-message p[data-v-0cd4e420]{margin:0}.workflow-config[data-v-eecc2af6]{width:100%;border:1px solid #e0e9f2;border-radius:12px;padding:25px;background-color:#f9fbfd;box-shadow:0 2px 10px #00000008}.section-title[data-v-eecc2af6]{margin-bottom:20px}.section-title h4[data-v-eecc2af6]{margin:0 0 6px;color:var(--primary-color);font-size:1.15rem;font-weight:600}.helper-text[data-v-eecc2af6]{font-size:.9rem;color:#666;margin-top:8px;font-style:italic;line-height:1.4}.workflow-controls[data-v-eecc2af6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #00000008}.template-selector-wrapper[data-v-eecc2af6]{position:relative;display:inline-block}.template-selector[data-v-eecc2af6]{width:260px;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:8px;color:#333;font-size:.95rem;cursor:pointer;background-color:#fafafa;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;text-indent:1px;text-overflow:"";transition:all .2s ease}.template-selector[data-v-eecc2af6]:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d233;background-color:#fff}.select-arrow[data-v-eecc2af6]{position:absolute;top:50%;right:12px;transform:translateY(-50%);pointer-events:none;color:#666;display:flex;align-items:center;justify-content:center;width:20px;height:20px;z-index:1}.btn-outline-primary[data-v-eecc2af6]{background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color);padding:12px 18px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;transition:all .2s ease}.btn-outline-primary[data-v-eecc2af6]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #1976d233}.workflow-steps-container[data-v-eecc2af6]{margin-bottom:20px}.workflow-step[data-v-eecc2af6]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 3px 10px #0000000a;transition:all .3s ease}.workflow-step[data-v-eecc2af6]:hover{box-shadow:0 6px 15px #00000014;transform:translateY(-2px)}.step-header[data-v-eecc2af6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.step-number-title[data-v-eecc2af6]{display:flex;align-items:center;flex:1}.step-number[data-v-eecc2af6]{width:36px;height:36px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;margin-right:15px;flex-shrink:0;box-shadow:0 2px 6px #1976d24d}.step-title-input[data-v-eecc2af6]{flex-grow:1;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-weight:500;color:#333;transition:all .2s ease;background-color:#fafafa}.step-title-input[data-v-eecc2af6]:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d233;background-color:#fff}.step-actions[data-v-eecc2af6]{display:flex;gap:8px}.btn-icon[data-v-eecc2af6]{background:none;border:none;color:#757575;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.btn-icon[data-v-eecc2af6]:hover{background-color:#f0f0f0;color:#333;transform:translateY(-1px)}.btn-icon[data-v-eecc2af6]:disabled{color:#ccc;cursor:not-allowed;transform:none}.btn-danger[data-v-eecc2af6]:hover{color:#d32f2f;background-color:#fee8e7}.step-content[data-v-eecc2af6]{margin-bottom:15px}.step-type-selector[data-v-eecc2af6]{display:flex;align-items:center;margin-bottom:15px;gap:12px}.select-wrapper[data-v-eecc2af6]{position:relative;display:inline-block;flex-grow:1;padding:8px 12px;background-color:#f2f7ff;border:1px solid #d0e1f9;border-radius:6px;font-weight:500;color:var(--primary-color);box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;gap:8px}.step-type-select[data-v-eecc2af6]{width:100%;padding:10px 40px 10px 12px;border:1px solid #ddd;border-radius:8px;color:#333;font-size:.95rem;cursor:pointer;background-color:#fafafa;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;text-indent:1px;text-overflow:"";transition:all .2s ease}.step-type-select[data-v-eecc2af6]:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d233;background-color:#fff}.instructions-container[data-v-eecc2af6]{margin-bottom:20px}.step-instructions[data-v-eecc2af6]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:#fafafa;resize:vertical}.step-instructions[data-v-eecc2af6]:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d233;background-color:#fff}.chat-config[data-v-eecc2af6]{background-color:#f5f9ff;border:1px solid #d0e1f9;border-radius:8px;padding:15px;margin-bottom:20px}.chat-config-title[data-v-eecc2af6]{margin-top:0;margin-bottom:12px;font-size:1rem;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:8px}.chat-prompt-input[data-v-eecc2af6]{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem;transition:var(--transition);background-color:#fff;margin-top:8px;resize:vertical}.chat-prompt-input[data-v-eecc2af6]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4361ee33}.step-image-upload[data-v-eecc2af6]{margin-top:var(--margin-md)}.upload-placeholder[data-v-eecc2af6]{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:var(--padding-md);text-align:center;background-color:var(--bg-light);cursor:pointer;transition:var(--transition)}.upload-placeholder[data-v-eecc2af6]:hover{border-color:var(--primary-color);background-color:var(--light-blue)}.upload-label[data-v-eecc2af6]{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-light);font-size:.9rem;cursor:pointer}.hidden-input[data-v-eecc2af6]{display:none}.image-preview[data-v-eecc2af6]{position:relative;border-radius:var(--border-radius);overflow:hidden;margin-top:15px;box-shadow:var(--shadow-md)}.step-image[data-v-eecc2af6]{width:100%;height:auto;display:block}.btn-remove-image[data-v-eecc2af6]{position:absolute;top:8px;right:8px;background:#0009;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.empty-workflow[data-v-eecc2af6]{text-align:center;padding:var(--padding-lg);background-color:#fff;border:2px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-light)}.empty-icon[data-v-eecc2af6]{font-size:2.5rem;color:var(--border-color);margin-bottom:15px}.empty-subtitle[data-v-eecc2af6]{font-size:.9rem;color:var(--text-light);margin-top:8px}@media (max-width: 768px){.workflow-controls[data-v-eecc2af6]{flex-direction:column;align-items:stretch}.template-selector[data-v-eecc2af6]{width:100%}.step-number-title[data-v-eecc2af6]{flex-direction:column;align-items:flex-start}.step-number[data-v-eecc2af6]{margin-bottom:10px}}.workflow-step[data-step-type=freeWriting] .select-wrapper[data-v-eecc2af6]{background-color:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.workflow-step[data-step-type=structuredForm] .select-wrapper[data-v-eecc2af6]{background-color:#e3f2fd;border-color:#bbdefb;color:#1565c0}.workflow-step[data-step-type=chat] .select-wrapper[data-v-eecc2af6]{background-color:#f3e5f5;border-color:#e1bee7;color:#7b1fa2}.workflow-step[data-step-type=feedback] .select-wrapper[data-v-eecc2af6]{background-color:#fff8e1;border-color:#ffecb3;color:#ff8f00}.workflow-step[data-step-type=completed] .select-wrapper[data-v-eecc2af6]{background-color:#e8eaf6;border-color:#c5cae9;color:#3949ab}.step-type-icon[data-v-eecc2af6]{font-size:.9rem;width:16px;height:16px}.activity-form[data-v-accdb722]{background-color:#fff;border-radius:var(--border-radius-lg);padding:var(--padding-lg);margin:0 auto;box-shadow:var(--card-shadow)}@media (max-width: 1023.98px){.activity-form[data-v-accdb722]{padding:var(--padding-md);border-radius:var(--border-radius)}}.activity-form h3[data-v-accdb722]{margin-top:0;margin-bottom:var(--margin-lg);color:var(--primary-color);font-size:1.6rem;font-weight:600;border-bottom:2px solid var(--border-light);padding-bottom:15px}.form-actions[data-v-accdb722]{display:flex;justify-content:flex-end;gap:15px;margin-top:var(--margin-lg);padding-top:var(--padding-md);border-top:2px solid var(--border-light)}.number-input[data-v-accdb722]{width:120px}.create-activity-page[data-v-539540d3]{padding:var(--padding-md);max-width:1200px;margin:0 auto}.page-header[data-v-539540d3]{margin-bottom:var(--margin-md)}.btn-back[data-v-539540d3]{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-light);font-size:.9rem;cursor:pointer;padding:8px 0;margin-bottom:16px}.btn-back[data-v-539540d3]:hover{color:var(--text-color)}h1[data-v-539540d3]{margin:0;color:var(--text-color);font-size:1.8rem}.form-container[data-v-539540d3]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--padding-sm)}@media (max-width: 768px){.create-activity-page[data-v-539540d3]{padding:20px 15px}h1[data-v-539540d3]{font-size:1.5rem}}.edit-activity-page[data-v-4b42acf2]{padding:var(--padding-md);max-width:1200px;margin:0 auto}.page-header[data-v-4b42acf2]{margin-bottom:var(--margin-md)}.btn-back[data-v-4b42acf2]{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-light);font-size:.9rem;cursor:pointer;padding:8px 0;margin-bottom:16px}.btn-back[data-v-4b42acf2]:hover{color:var(--text-color)}h1[data-v-4b42acf2]{margin:0;color:var(--text-color);font-size:1.8rem}.form-container[data-v-4b42acf2]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--padding-sm)}@media (max-width: 768px){.edit-activity-page[data-v-4b42acf2]{padding:20px 15px}h1[data-v-4b42acf2]{font-size:1.5rem}}.workflow-card-section[data-v-32366e86]{background:var(--section-card-bg);border-radius:var(--border-radius);border:var(--section-card-border);box-shadow:var(--card-shadow);margin-bottom:var(--margin-md);overflow:hidden;transition:var(--transition)}.workflow-card-section[data-v-32366e86]:hover{box-shadow:var(--card-shadow-hover)}.workflow-card-section .section-title[data-v-32366e86]{margin:0;padding:var(--padding-sm) var(--padding-md);font-size:var(--title-font-size);color:var(--title-color);background-color:var(--section-header-bg);border-bottom:var(--section-card-border);font-weight:600}.workflow-card-section .section-content[data-v-32366e86]{padding:var(--padding-md)}.workflow-intro[data-v-32366e86]{color:var(--desc-color);margin-bottom:var(--margin-sm);font-size:var(--desc-font-size);line-height:1.5}.workflow-steps[data-v-32366e86]{display:flex;flex-direction:column;gap:var(--margin-md)}.workflow-steps .workflow-step[data-v-32366e86]{border:1px solid var(--border-light);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.workflow-steps .workflow-step[data-v-32366e86]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.workflow-steps .workflow-step .step-header[data-v-32366e86]{padding:var(--padding-sm);background-color:var(--secondary-color);display:flex;align-items:center;gap:var(--margin-sm);border-bottom:1px solid var(--border-light)}.workflow-steps .workflow-step .step-header .step-title[data-v-32366e86]{margin:0;font-size:1.1rem;color:var(--text-color);flex-grow:1;font-weight:600}.workflow-steps .workflow-step .step-content[data-v-32366e86]{padding:var(--padding-md);background-color:#fff}.workflow-steps .workflow-step .step-content p[data-v-32366e86]{margin:0;color:var(--text-color);line-height:1.5}.step-number[data-v-32366e86]{width:36px;height:36px;background:var(--primary-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.step-type-badge[data-v-32366e86]{padding:4px 12px;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;background-color:var(--primary-light);color:var(--primary-color);box-shadow:0 1px 2px #0000000d}.step-type-badge.chat[data-v-32366e86]{background-color:var(--light-blue);color:var(--primary-color)}.step-type-badge.structuredForm[data-v-32366e86]{background-color:#e8f5e9;color:var(--success-color)}.step-type-badge.freeWriting[data-v-32366e86]{background-color:#f3e5f5;color:#8e24aa}.step-type-badge.multimedia[data-v-32366e86]{background-color:#fff8e1;color:var(--warning-color)}.step-type-badge.feedback[data-v-32366e86]{background-color:#ffebee;color:#d32f2f}.section-label[data-v-32366e86]{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-light);margin-bottom:8px;font-size:.95rem}.step-instructions[data-v-32366e86]{margin-bottom:var(--margin-md);padding-bottom:var(--padding-sm);border-bottom:1px dashed var(--border-light)}.chat-prompt[data-v-32366e86]{background-color:var(--primary-light);border-left:3px solid var(--primary-color);padding:12px 16px;border-radius:var(--border-radius-sm);color:var(--text-color);font-style:italic;line-height:1.5;margin:8px 0;box-shadow:var(--shadow-sm)}.form-fields-list[data-v-32366e86]{display:flex;flex-direction:column;gap:12px;margin-top:10px}.form-fields-list .form-field[data-v-32366e86]{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);padding:12px;transition:var(--transition)}.form-fields-list .form-field[data-v-32366e86]:hover{box-shadow:var(--shadow-sm)}.form-fields-list .form-field .field-header[data-v-32366e86]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.form-fields-list .form-field .field-header .field-label[data-v-32366e86]{font-weight:600;color:var(--text-color)}.form-fields-list .form-field .field-header .field-type[data-v-32366e86]{font-size:.8rem;color:var(--text-light);padding:3px 8px;background-color:var(--light-gray);border-radius:var(--border-radius-sm)}.form-fields-list .form-field .field-placeholder[data-v-32366e86],.form-fields-list .form-field .field-options[data-v-32366e86]{font-size:.9rem;color:var(--text-light);margin:4px 0 0;padding-left:12px;border-left:2px solid var(--border-color)}.criteria-list[data-v-32366e86]{display:flex;flex-direction:column;gap:var(--margin-sm);margin-top:10px}.criteria-list .criterion[data-v-32366e86]{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);padding:var(--padding-sm);transition:var(--transition)}.criteria-list .criterion[data-v-32366e86]:hover{box-shadow:var(--shadow-sm)}.criteria-list .criterion .criterion-name[data-v-32366e86]{font-weight:600;color:var(--primary-color);display:block;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.criteria-list .criterion .criterion-description-wrapper[data-v-32366e86],.criteria-list .criterion .criterion-prompt-wrapper[data-v-32366e86]{margin-top:var(--margin-sm)}.criteria-list .criterion .criterion-description[data-v-32366e86]{background-color:#e8f5e9;border-left:3px solid var(--success-color);padding:12px 16px;border-radius:var(--border-radius-sm);color:var(--text-color);font-size:.9rem;line-height:1.5;margin:6px 0 0;box-shadow:var(--shadow-sm)}.criteria-list .criterion .criterion-prompt[data-v-32366e86]{background-color:#f8f0ff;border-left:3px solid #9c27b0;padding:12px 16px;border-radius:var(--border-radius-sm);color:var(--text-color);font-size:.9rem;line-height:1.5;margin:6px 0 0;box-shadow:var(--shadow-sm)}.detail-section[data-v-32366e86]{margin-bottom:var(--margin-md)}.detail-section[data-v-32366e86]:last-child{margin-bottom:0}.section[data-v-88592f8d]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden}.section h2[data-v-88592f8d]{margin:0;padding:16px var(--padding-sm);font-size:1.2rem;color:var(--text-color);background-color:var(--secondary-color);border-bottom:1px solid var(--border-light)}.section .section-content[data-v-88592f8d]{padding:var(--padding-sm)}.section h3[data-v-88592f8d]{font-size:1rem;color:var(--text-light);margin-bottom:8px;font-weight:600}.section .details-grid[data-v-88592f8d]{display:grid;grid-template-columns:1fr 1fr;gap:var(--margin-sm)}.section .details-grid .detail-item h3[data-v-88592f8d]{margin:0 0 10px;font-size:1rem;color:var(--text-light);font-weight:500}.section .details-grid .detail-item p[data-v-88592f8d]{margin:0;color:var(--text-color);font-weight:500;font-size:1.05rem}.list[data-v-88592f8d]{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tag-item[data-v-88592f8d]{cursor:pointer;display:inline-flex;align-items:center;background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius-md);padding:8px 16px;font-size:.9rem;font-weight:500;box-shadow:var(--shadow-sm);max-width:100%;transition:all .2s ease}.tag-item[data-v-88592f8d]:hover{background-color:var(--light-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tag-content[data-v-88592f8d]{display:flex;align-items:center;max-width:100%}.section[data-v-99112928]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden}.section h2[data-v-99112928]{margin:0;padding:16px var(--padding-sm);font-size:1.2rem;color:var(--text-color);background-color:var(--secondary-color);border-bottom:1px solid var(--border-light)}.section .section-content[data-v-99112928]{padding:var(--padding-sm)}.section h3[data-v-99112928]{font-size:1rem;color:var(--text-light);margin-bottom:8px;font-weight:600}.section .details-grid[data-v-99112928]{display:grid;grid-template-columns:1fr 1fr;gap:var(--margin-sm)}.section .details-grid .detail-item h3[data-v-99112928]{margin:0 0 10px;font-size:1rem;color:var(--text-light);font-weight:500}.section .details-grid .detail-item p[data-v-99112928]{margin:0;color:var(--text-color);font-weight:500;font-size:1.05rem}.description[data-v-99112928]{white-space:pre-wrap}.activity-detail-page[data-v-fb2c1c6f]{padding:var(--padding-md);max-width:1200px;margin:0 auto}.activity-detail-page .page-header .btn-back[data-v-fb2c1c6f]{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-light);font-size:.9rem;cursor:pointer;padding:8px 0;margin-bottom:16px}.activity-detail-page .page-header .btn-back[data-v-fb2c1c6f]:hover{color:var(--text-color)}.activity-detail-page .page-header .page-title[data-v-fb2c1c6f]{display:flex;align-items:center;gap:12px}.activity-detail-page h1[data-v-fb2c1c6f]{margin:0;color:var(--text-color);font-size:1.8rem}.activity-detail-page .activity-status-badge[data-v-fb2c1c6f]{padding:4px 12px;border-radius:var(--border-radius-md);font-size:.8rem;font-weight:600}.activity-detail-page .activity-status-badge.draft[data-v-fb2c1c6f]{background-color:var(--light-gray);color:var(--gray)}.activity-detail-page .activity-status-badge.published[data-v-fb2c1c6f]{background-color:var(--primary-light);color:var(--primary-color)}.activity-detail-page .activity-status-badge.archived[data-v-fb2c1c6f]{background-color:#fdf6f7;color:var(--warning-color)}.activity-detail-page .activity-container[data-v-fb2c1c6f]{display:grid;grid-template-columns:2fr 1fr;gap:var(--margin-md);padding:var(--padding-md) 0}.activity-detail-page .activity-container .activity-content[data-v-fb2c1c6f]{display:flex;flex-direction:column;gap:var(--margin-sm)}.activity-detail-page .activity-container .activity-content .section[data-v-fb2c1c6f]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden}.activity-detail-page .activity-container .activity-content .section h2[data-v-fb2c1c6f]{margin:0;padding:16px var(--padding-sm);font-size:1.2rem;color:var(--text-color);background-color:var(--secondary-color);border-bottom:1px solid var(--border-light)}.activity-detail-page .activity-container .activity-content .section .section-content[data-v-fb2c1c6f]{padding:var(--padding-sm)}.activity-detail-page .activity-container .activity-content .section h3[data-v-fb2c1c6f]{font-size:1rem;color:var(--text-light);margin-bottom:8px;font-weight:600}.activity-detail-page .activity-container .activity-content .section .grade-tags[data-v-fb2c1c6f],.activity-detail-page .activity-container .activity-content .section .skill-tags[data-v-fb2c1c6f]{display:flex;flex-wrap:wrap;gap:.5rem}.activity-detail-page .activity-container .activity-content .section .grade-tag[data-v-fb2c1c6f]{display:inline-flex;align-items:center;background-color:var(--primary-light);color:var(--primary-color);border-radius:16px;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.activity-detail-page .activity-container .activity-content .section .skill-tag[data-v-fb2c1c6f]{display:inline-flex;align-items:center;background-color:#f0f4fb;color:#566483;border-radius:16px;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.activity-detail-page .activity-container .activity-content .details-grid[data-v-fb2c1c6f]{display:grid;grid-template-columns:1fr 1fr;gap:var(--margin-sm);padding:var(--padding-sm)}.activity-detail-page .activity-container .activity-content .instruction-steps[data-v-fb2c1c6f]{display:flex;flex-direction:column;gap:16px}.activity-detail-page .activity-container .activity-content .instruction-steps .instruction-step[data-v-fb2c1c6f]{display:flex;gap:12px}.activity-detail-page .activity-container .activity-content .resource-list[data-v-fb2c1c6f]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.activity-detail-page .activity-container .activity-content .resource-list .resource-item[data-v-fb2c1c6f]{background-color:var(--bg-light);border-radius:var(--border-radius-sm);padding:12px}.activity-detail-page .activity-container .activity-content .resource-list .resource-item .resource-link[data-v-fb2c1c6f]{display:flex;align-items:center;gap:8px;color:var(--primary-color);text-decoration:none}.activity-detail-page .activity-container .activity-content .resource-list .resource-item .resource-link[data-v-fb2c1c6f]:hover{text-decoration:underline}.activity-detail-page .activity-container .activity-sidebar[data-v-fb2c1c6f]{position:sticky;top:calc(var(--navbar-height) + var(--padding-md));height:fit-content;display:flex;flex-direction:column;gap:var(--margin-sm)}.activity-detail-page .activity-container .activity-sidebar .action-buttons[data-v-fb2c1c6f]{display:flex;flex-direction:column;gap:12px}.activity-detail-page .activity-container .activity-sidebar .card[data-v-fb2c1c6f]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--padding-sm);margin-bottom:0}.activity-detail-page .activity-container .activity-sidebar .card h2[data-v-fb2c1c6f]{margin-top:0;margin-bottom:16px;font-size:1.2rem;color:var(--text-color);border-bottom:1px solid var(--border-light);padding-bottom:12px;display:flex;align-items:center;gap:8px}.activity-detail-page .activity-container .activity-sidebar .card h2 .title-icon[data-v-fb2c1c6f]{color:var(--primary-color);font-size:.9rem}.activity-detail-page .activity-container .activity-sidebar .card .student-list[data-v-fb2c1c6f]{display:flex;flex-direction:column;gap:12px}.activity-detail-page .activity-container .activity-sidebar .card .student-list .student-item[data-v-fb2c1c6f]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--border-radius-sm);background-color:var(--bg-light)}.activity-detail-page .activity-container .activity-sidebar .card .empty-students[data-v-fb2c1c6f]{color:var(--text-light);font-style:italic;text-align:center;padding:20px 0}.activity-detail-page .activity-container .activity-sidebar .card .stat-grid[data-v-fb2c1c6f]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.activity-detail-page .activity-container .activity-sidebar .card .stat-grid .stat-item[data-v-fb2c1c6f]{display:flex;flex-direction:column;gap:4px}.activity-detail-page .activity-container .activity-sidebar .card .stat-grid .stat-item .stat-label[data-v-fb2c1c6f]{font-size:.9rem;color:var(--text-light)}.activity-detail-page .activity-container .activity-sidebar .card .stat-grid .stat-item .stat-value[data-v-fb2c1c6f]{font-size:1.1rem;font-weight:600;color:var(--text-color)}.activity-detail-page .not-found[data-v-fb2c1c6f]{text-align:center;padding:60px 0;color:var(--text-light);display:flex;flex-direction:column;align-items:center;gap:16px}.activity-detail-page .not-found h2[data-v-fb2c1c6f]{margin:16px 0 8px;color:var(--text-color)}.activity-detail-page .not-found button[data-v-fb2c1c6f]{margin-top:16px}.activity-detail-page .status-badge[data-v-fb2c1c6f]{display:inline-block;padding:4px 12px;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600}.activity-detail-page .status-badge.not-started[data-v-fb2c1c6f]{background-color:var(--light-gray);color:var(--gray)}.activity-detail-page .status-badge.in-progress[data-v-fb2c1c6f]{background-color:var(--primary-light);color:var(--primary-color)}.activity-detail-page .status-badge.completed[data-v-fb2c1c6f]{background-color:#e8f5e9;color:var(--success-color)}.activity-detail-page .status-badge.overdue[data-v-fb2c1c6f]{background-color:#ffebee;color:#d32f2f}.activity-detail-page .step-number[data-v-fb2c1c6f]{width:32px;height:32px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.activity-detail-page .activity-images[data-v-fb2c1c6f]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.activity-detail-page .activity-images .activity-image[data-v-fb2c1c6f]{overflow:hidden;border-radius:var(--border-radius-sm);box-shadow:var(--card-shadow);transition:var(--transition)}.activity-detail-page .activity-images .activity-image img[data-v-fb2c1c6f]{width:100%;height:160px;object-fit:cover;display:block;cursor:pointer}.activity-detail-page .activity-images .activity-image[data-v-fb2c1c6f]:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.btn-primary[data-v-fb2c1c6f],.btn-danger[data-v-fb2c1c6f],.btn-secondary[data-v-fb2c1c6f],.btn-warning[data-v-fb2c1c6f]{padding:12px 16px;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.btn-primary[data-v-fb2c1c6f]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-fb2c1c6f]:hover{background-color:var(--primary-dark)}.btn-danger[data-v-fb2c1c6f]{background-color:#f44336;color:#fff}.btn-danger[data-v-fb2c1c6f]:hover{background-color:#d32f2f}.btn-danger[data-v-fb2c1c6f]:disabled{background-color:var(--light-gray);color:var(--text-light)}.btn-secondary[data-v-fb2c1c6f]{background-color:var(--bg-light);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary[data-v-fb2c1c6f]:hover{background-color:var(--light-gray)}.btn-warning[data-v-fb2c1c6f]{background-color:var(--warning-color);color:#fff}.btn-warning[data-v-fb2c1c6f]:hover{background-color:#f57c00}.modal[data-v-fb2c1c6f]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2600}.modal .modal-content[data-v-fb2c1c6f]{background-color:#fff;border-radius:var(--border-radius);width:100%;max-width:500px;box-shadow:var(--shadow-lg)}.modal .modal-content .modal-header[data-v-fb2c1c6f]{display:flex;justify-content:space-between;align-items:center;padding:16px var(--padding-sm);border-bottom:1px solid var(--border-light)}.modal .modal-content .modal-header h3[data-v-fb2c1c6f]{margin:0;font-size:1.2rem;color:var(--text-color)}.modal .modal-content .modal-header .btn-icon[data-v-fb2c1c6f]{background:none;border:none;font-size:1.2rem;color:var(--text-light);cursor:pointer}.modal .modal-content .modal-body[data-v-fb2c1c6f]{padding:var(--padding-sm)}.modal .modal-content .modal-body .warning[data-v-fb2c1c6f]{color:#d32f2f;font-weight:500}.modal .modal-content .modal-footer[data-v-fb2c1c6f]{display:flex;justify-content:flex-end;gap:12px;padding:16px var(--padding-sm);border-top:1px solid var(--border-light)}@media (max-width: 768px){.activity-container[data-v-fb2c1c6f],.details-grid[data-v-fb2c1c6f],.stat-grid[data-v-fb2c1c6f]{grid-template-columns:1fr}.activity-images[data-v-fb2c1c6f]{grid-template-columns:1fr!important}}.submission-content[data-v-b2aa96d6]{height:100%;padding:var(--padding-sm)}.content-container[data-v-b2aa96d6]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--padding-md);height:100%;overflow-y:auto;display:flex;flex-direction:column}.content-display[data-v-b2aa96d6]{white-space:pre-line;line-height:1.6}.content-display[data-v-b2aa96d6] h1{font-size:1.8rem;color:var(--text-color);margin-bottom:1rem;font-weight:600}.content-display[data-v-b2aa96d6] h2{font-size:1.4rem;color:var(--text-color);margin:1.5rem 0 1rem;font-weight:500}.content-display[data-v-b2aa96d6] h3{font-size:1.2rem;color:var(--text-color);margin:1.2rem 0 .8rem;font-weight:500}.content-display[data-v-b2aa96d6] p{margin-bottom:1rem;color:var(--text-color)}.content-display[data-v-b2aa96d6] br{display:block;margin:.5rem 0}.empty-content[data-v-b2aa96d6]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--padding-lg);margin:auto 0}.empty-content .empty-icon[data-v-b2aa96d6]{font-size:3.5rem;color:var(--light-gray);margin-bottom:var(--margin-md)}.empty-content .empty-title[data-v-b2aa96d6]{font-size:1.4rem;color:var(--text-color);margin-bottom:var(--margin-sm);font-weight:500}.empty-content .empty-description[data-v-b2aa96d6]{color:var(--text-light);font-size:1rem;max-width:400px;line-height:1.5}.ai-chat[data-v-38a45b63]{height:100%;padding:var(--padding-sm)}.chat-container[data-v-38a45b63]{background-color:#f9fafc;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--padding-md);height:100%;overflow:hidden;display:flex;flex-direction:column}.error-message[data-v-38a45b63]{padding:.5rem;text-align:center;background-color:#dc35451a;color:#dc3545;font-size:.85rem;border-bottom:1px solid rgba(220,53,69,.2)}.initial-loading[data-v-38a45b63]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--padding-lg)}.initial-loading .loading-spinner-large[data-v-38a45b63]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:var(--margin-md)}.initial-loading .loading-spinner-large .dot[data-v-38a45b63]{width:12px;height:12px}.initial-loading .loading-text[data-v-38a45b63]{color:var(--text-light);font-size:1rem}.loading-more[data-v-38a45b63]{padding:.5rem;text-align:center;background-color:#4361ee0d;color:#3a56d4;font-size:.85rem;border-top:1px solid rgba(67,97,238,.1);display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-spinner[data-v-38a45b63]{display:flex;align-items:center;justify-content:center;gap:4px}.chat-messages[data-v-38a45b63]{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:16px}.chat-message[data-v-38a45b63]{display:flex;gap:12px;animation:fadeIn-38a45b63 .3s ease-in-out;margin-bottom:16px}.chat-message.user-message[data-v-38a45b63]{flex-direction:row-reverse}.empty-content[data-v-38a45b63]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--padding-lg);margin:auto 0;height:100%}.empty-content .empty-icon[data-v-38a45b63]{font-size:3.5rem;color:var(--light-gray);margin-bottom:var(--margin-md)}.empty-content .empty-title[data-v-38a45b63]{font-size:1.4rem;color:var(--text-color);margin-bottom:var(--margin-sm);font-weight:500}.empty-content .empty-description[data-v-38a45b63]{color:var(--text-light);font-size:1rem;max-width:400px;line-height:1.5}.chat-avatar[data-v-38a45b63]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;flex-shrink:0}.chat-avatar.ai[data-v-38a45b63]{background:linear-gradient(135deg,#4361ee,#3a56d4);color:#fff;box-shadow:0 2px 4px #4361ee33}.chat-avatar.user[data-v-38a45b63]{background-color:#f0f0f0;color:var(--text-color)}.chat-bubble[data-v-38a45b63]{max-width:70%;padding:12px 16px;border-radius:var(--border-radius-md);position:relative;box-shadow:0 1px 2px #0000001a;line-height:1.5}.chat-bubble .message-content .message-header[data-v-38a45b63]{font-size:12px;margin-bottom:4px;color:var(--text-light)}.chat-bubble .message-content .message-body[data-v-38a45b63]{line-height:1.8}.ai-bubble[data-v-38a45b63]{background-color:#fff;border:1px solid var(--border-light);border-top-left-radius:4px;color:#333}.ai-bubble.loading[data-v-38a45b63]{min-width:60px}.user-bubble[data-v-38a45b63]{background:linear-gradient(135deg,#4361ee,#3a56d4);color:#fff;border-top-right-radius:4px}.user-bubble .message-header[data-v-38a45b63]{color:#fffc!important}.typing-indicator[data-v-38a45b63]{display:flex;align-items:center;justify-content:center;gap:4px}.dot[data-v-38a45b63]{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#3a56d4;opacity:.6;animation:dot-pulse-38a45b63 1.4s infinite ease-in-out}.dot[data-v-38a45b63]:nth-child(1){animation-delay:0s}.dot[data-v-38a45b63]:nth-child(2){animation-delay:.2s}.dot[data-v-38a45b63]:nth-child(3){animation-delay:.4s}@keyframes dot-pulse-38a45b63{0%,60%,to{transform:scale(1);opacity:.6}30%{transform:scale(1.5);opacity:1}}@keyframes fadeIn-38a45b63{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chat-bubble[data-v-38a45b63]{max-width:80%}}.student-activity-dashboard[data-v-a24a5691]{display:flex;flex-direction:column;gap:var(--gap-md);height:100%}.time-summary-card[data-v-a24a5691]{margin-bottom:var(--margin-sm);background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}.time-statistics[data-v-a24a5691]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-sm)}.total-time-stat[data-v-a24a5691]{font-size:1.2rem;font-weight:600}.time-details[data-v-a24a5691]{margin-top:var(--margin-sm)}.progress-grid[data-v-a24a5691]{display:flex;flex-direction:column;gap:var(--gap-sm)}.progress-card[data-v-a24a5691]{background-color:var(--color-bg-secondary, #f8f9fa);border-radius:8px;padding:12px;margin-bottom:12px;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.progress-card[data-v-a24a5691]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.progress-header[data-v-a24a5691]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-title[data-v-a24a5691]{font-weight:600;font-size:15px;color:var(--color-text-primary)}.progress-time[data-v-a24a5691]{font-size:14px;color:var(--color-text-secondary);font-weight:500}.progress-percentage[data-v-a24a5691]{margin-top:4px;text-align:right;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.timeline-card[data-v-a24a5691]{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;flex:1}.timeline-container[data-v-a24a5691]{padding:var(--padding-sm) var(--padding-md)}.custom-timeline-icon[data-v-a24a5691]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:14px}.timeline-content[data-v-a24a5691]{padding:4px 0}.timeline-item-time[data-v-a24a5691]{color:var(--color-text-secondary);font-size:13px}.time-info[data-v-a24a5691]{display:flex;align-items:center;gap:8px}.start-time[data-v-a24a5691]{font-weight:500}.duration[data-v-a24a5691]{color:var(--color-text-tertiary, #909399)}.student-activity-dashboard-empty[data-v-a24a5691]{display:flex;justify-content:center;align-items:center;height:100%;min-height:300px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:var(--padding-lg)}.empty-state[data-v-a24a5691]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.empty-icon[data-v-a24a5691]{font-size:48px;color:var(--color-primary, #2080f0);margin-bottom:var(--margin-md);opacity:.8}.empty-title[data-v-a24a5691]{font-size:20px;font-weight:600;margin-bottom:var(--margin-sm);color:var(--color-text-primary)}.empty-description[data-v-a24a5691]{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.review-modal[data-v-ba99f352]{display:flex;flex-direction:column;height:100%}.review-modal-header[data-v-ba99f352]{padding:var(--padding-sm);display:flex;flex-direction:column;gap:10px}.review-modal-header .header-top[data-v-ba99f352]{display:flex;justify-content:space-between;align-items:center}.review-modal-header .title[data-v-ba99f352]{margin:0;color:var(--text-color);font-size:1.4rem;font-weight:600}.review-modal-header .close-btn[data-v-ba99f352]{background:none;border:none;color:var(--text-light);font-size:1.1rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;margin-left:10px}.review-modal-header .close-btn[data-v-ba99f352]:hover{background-color:#0000000d;color:var(--primary-color)}.review-modal-header .close-btn[data-v-ba99f352]:active{background-color:#0000001a;transform:scale(.95)}.review-modal-header .tags-container[data-v-ba99f352]{display:flex;flex-wrap:wrap;gap:8px}.review-modal-header .tag[data-v-ba99f352]{font-size:.8rem;padding:3px 8px;border-radius:12px;font-weight:500;text-transform:capitalize}.review-modal-header .writing-type[class*=narrative][data-v-ba99f352]{background-color:var(--type-narrative-bg);color:var(--type-narrative-text)}.review-modal-header .writing-type[class*=persuasive][data-v-ba99f352]{background-color:var(--type-persuasive-bg);color:var(--type-persuasive-text)}.review-modal-header .writing-subject.writing[data-v-ba99f352]{background-color:var(--subject-writing-bg);color:var(--subject-writing-text)}.review-modal-header .writing-subject.wellbeing[data-v-ba99f352]{background-color:var(--subject-wellbeing-bg);color:var(--subject-wellbeing-text)}.review-modal-header .status-pending[data-v-ba99f352]{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.review-modal-header .status-progressing[data-v-ba99f352]{background-color:var(--status-progressing-bg);color:var(--status-progressing-text)}.review-modal-header .status-completed[data-v-ba99f352]{background-color:var(--status-completed-bg);color:var(--status-completed-text)}.review-modal-header .meta-info[data-v-ba99f352]{display:flex;flex-wrap:wrap;gap:16px;margin-top:5px}.review-modal-header .meta-info>div[data-v-ba99f352]{display:flex;align-items:center;gap:5px}.review-modal-header .meta-info .meta-label[data-v-ba99f352]{font-size:.9rem;color:var(--text-light)}.review-modal-header .meta-info .meta-value[data-v-ba99f352]{font-size:.9rem;color:var(--text-color);font-weight:500}.tab-header[data-v-ba99f352]{display:flex;border-bottom:1px solid var(--border-light);margin-bottom:var(--margin-sm)}.tab-item[data-v-ba99f352]{padding:12px 20px;cursor:pointer;font-weight:500;color:var(--text-light);position:relative;transition:var(--transition)}.tab-item[data-v-ba99f352]:hover,.tab-item.active[data-v-ba99f352]{color:var(--primary-color)}.tab-item.active[data-v-ba99f352]:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary-color)}.tab-content[data-v-ba99f352]{flex:1;overflow:auto}.writing-card[data-v-8e87dcfa]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--padding-sm);transition:var(--transition);overflow:hidden;border:1px solid var(--border-light);position:relative}.writing-card[data-v-8e87dcfa]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--gray)}.writing-card.progressing[data-v-8e87dcfa],.writing-card.completed[data-v-8e87dcfa]{cursor:pointer}.writing-card.progressing[data-v-8e87dcfa]:before{background-color:var(--status-progressing-border)}.writing-card.completed[data-v-8e87dcfa]:before{background-color:var(--status-completed-border)}.writing-card.pending[data-v-8e87dcfa]:before{background-color:var(--status-pending-border)}.writing-card[data-v-8e87dcfa]:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.writing-header[data-v-8e87dcfa]{margin-bottom:12px}.header-main[data-v-8e87dcfa]{display:flex;flex-direction:column;gap:6px}.writing-title[data-v-8e87dcfa]{margin:0;font-size:1.1rem;color:var(--text-color);font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.tag-container[data-v-8e87dcfa]{display:flex;flex-wrap:wrap;gap:8px}.writing-type[data-v-8e87dcfa]{font-size:.8rem;background-color:var(--type-narrative-bg);color:var(--type-narrative-text);padding:3px 8px;border-radius:12px;font-weight:500;display:inline-block}.writing-type[class*=narrative][data-v-8e87dcfa]{background-color:var(--type-narrative-bg);color:var(--type-narrative-text)}.writing-type[class*=persuasive][data-v-8e87dcfa]{background-color:var(--type-persuasive-bg);color:var(--type-persuasive-text)}.writing-subject[data-v-8e87dcfa]{font-size:.8rem;background-color:var(--subject-writing-bg);color:var(--subject-writing-text);padding:3px 8px;border-radius:12px;font-weight:500;display:inline-block}.writing-subject.writing[data-v-8e87dcfa]{background-color:var(--subject-writing-bg);color:var(--subject-writing-text)}.writing-subject.wellbeing[data-v-8e87dcfa]{background-color:var(--subject-wellbeing-bg);color:var(--subject-wellbeing-text)}.writing-status[data-v-8e87dcfa]{font-size:.8rem;padding:3px 8px;border-radius:12px;font-weight:500;display:inline-block}.status-pending[data-v-8e87dcfa]{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.status-progressing[data-v-8e87dcfa]{background-color:var(--status-progressing-bg);color:var(--status-progressing-text)}.status-completed[data-v-8e87dcfa]{background-color:var(--status-completed-bg);color:var(--status-completed-text)}.writing-details[data-v-8e87dcfa]{display:flex;flex-direction:column;gap:10px}.student-info[data-v-8e87dcfa]{display:flex;align-items:center}.student-name[data-v-8e87dcfa]{font-size:.9rem;color:var(--text-light);font-weight:500}.writing-meta[data-v-8e87dcfa]{display:flex;flex-direction:column;gap:4px;font-size:.8rem}.meta-item[data-v-8e87dcfa]{display:flex;align-items:center;gap:5px}.meta-label[data-v-8e87dcfa]{color:var(--text-light);margin-right:5px}.meta-value[data-v-8e87dcfa]{color:var(--text-color);font-weight:500}.course-name a[data-v-8e87dcfa],.challenge-name a[data-v-8e87dcfa]{color:var(--primary-color);text-decoration:none;transition:var(--transition);font-weight:500;position:relative}.course-name a[data-v-8e87dcfa]:hover,.challenge-name a[data-v-8e87dcfa]:hover{color:var(--primary-dark)}.course-name a[data-v-8e87dcfa]:hover:after,.challenge-name a[data-v-8e87dcfa]:hover:after{width:100%}.course-name a[data-v-8e87dcfa]:after,.challenge-name a[data-v-8e87dcfa]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--primary-dark);transition:var(--transition)}.course-name a[data-v-8e87dcfa]:focus,.challenge-name a[data-v-8e87dcfa]:focus{outline:none;box-shadow:var(--card-shadow-focus);border-radius:2px}@media (max-width: 768px){.writing-card[data-v-8e87dcfa]{padding:12px}}.page-header[data-v-271a8796]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-lg)}.page-header .page-title[data-v-271a8796]{font-size:1.75rem;font-weight:600;color:var(--text-color);margin:0}.page-title[data-v-271a8796]{margin-bottom:var(--margin-sm);color:var(--text-color);font-size:2rem}.writings-grid[data-v-271a8796]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-top:var(--margin-sm)}.empty[data-v-271a8796]{margin-top:var(--margin-sm);padding:3rem 1.5rem;text-align:center;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.empty-content[data-v-271a8796]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.empty-content svg[data-v-271a8796]{font-size:2.5rem;color:var(--text-light);opacity:.6}.empty-content p[data-v-271a8796]{font-size:1.1rem;color:var(--text-light);margin:0}@media (max-width: 768px){.writings-grid[data-v-271a8796]{grid-template-columns:1fr}}.stat-card[data-v-8bcc3d36]{background-color:#fff;border-radius:var(--border-radius-lg);padding:20px;display:flex;box-shadow:var(--card-shadow);transition:transform .2s,box-shadow .2s}.stat-card[data-v-8bcc3d36]:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.stat-card .stat-icon[data-v-8bcc3d36]{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--light-blue);border-radius:50%;margin-right:15px;font-size:24px;color:var(--primary-color)}.stat-card .stat-content[data-v-8bcc3d36]{flex:1}.stat-card .stat-content h3[data-v-8bcc3d36]{font-size:14px;margin:0 0 5px;color:var(--text-light)}.stat-card .stat-content .stat-value[data-v-8bcc3d36]{font-size:20px;font-weight:700;margin:0 0 5px;color:var(--text-color)}.stat-card .stat-content .stat-description[data-v-8bcc3d36]{font-size:14px;color:var(--text-light);margin:0}.nav-card[data-v-89b3804c]{display:flex;align-items:center;padding:15px;border-radius:var(--border-radius);background-color:var(--bg-light);text-decoration:none;transition:var(--transition)}.nav-card[data-v-89b3804c]:hover{background-color:var(--light-blue)}.nav-card .nav-icon[data-v-89b3804c]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary-color);border-radius:50%;margin-right:15px;font-size:16px;color:#fff}.nav-card .nav-content[data-v-89b3804c]{flex:1}.nav-card .nav-content h3[data-v-89b3804c]{font-size:16px;margin:0 0 5px;color:var(--text-color)}.nav-card .nav-content p[data-v-89b3804c]{font-size:14px;color:var(--text-light);margin:0}.child-card[data-v-13772f65]{display:flex;align-items:center;padding:20px;border-radius:var(--border-radius);background-color:var(--bg-light)}.child-card .child-avatar[data-v-13772f65]{margin-right:20px}.child-card .child-info[data-v-13772f65]{flex:1;margin-right:20px}.child-card .child-info h3[data-v-13772f65]{font-size:18px;margin:0 0 5px;color:var(--text-color)}.child-card .child-info p[data-v-13772f65]{font-size:14px;color:var(--text-light);margin:0 0 10px}.child-card .child-info .progress-bar[data-v-13772f65]{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:5px}.child-card .child-info .progress-bar .progress[data-v-13772f65]{height:100%;background-color:var(--primary-color)}.child-card .child-info .progress-info[data-v-13772f65]{display:flex;justify-content:space-between;font-size:12px;color:var(--text-light)}.child-card .child-actions[data-v-13772f65]{display:flex;flex-direction:column;gap:10px}.child-card .child-actions .btn-view[data-v-13772f65]{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:8px 12px;font-size:14px;cursor:pointer;transition:var(--transition)}.child-card .child-actions .btn-view[data-v-13772f65]:hover{background-color:var(--primary-dark)}.child-card .no-activities[data-v-13772f65]{font-size:14px;color:var(--text-light)}@media (max-width: 768px){.child-card[data-v-13772f65]{flex-direction:column;align-items:flex-start}.child-card .child-avatar[data-v-13772f65]{margin-bottom:15px;margin-right:0}.child-card .child-info[data-v-13772f65]{width:100%;margin-bottom:15px;margin-right:0}.child-card .child-actions[data-v-13772f65]{width:100%}}.try-it-section[data-v-bcdc6513]{background:linear-gradient(135deg,#4360ed,#f9bb26);border-radius:16px;padding:30px;margin-bottom:40px;color:#fff}.try-it-section .try-it-header[data-v-bcdc6513]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;position:relative}.try-it-section .try-it-header .header-content[data-v-bcdc6513]{flex:1;text-align:center}.try-it-section .try-it-header .header-content h2[data-v-bcdc6513]{color:#fff;margin-bottom:15px;font-size:26px}.try-it-section .try-it-header .header-content p[data-v-bcdc6513]{color:#fffffff2;font-size:16px;max-width:600px;margin:0 auto;line-height:1.5}.try-it-section .try-it-header .close-button[data-v-bcdc6513]{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;flex-shrink:0;margin-left:20px}.try-it-section .try-it-header .close-button[data-v-bcdc6513]:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.1)}.try-it-section .trial-activities[data-v-bcdc6513]{display:flex;justify-content:center;margin-bottom:30px}.try-it-section .trial-activities .trial-activity-card[data-v-bcdc6513]{background:#fff;border-radius:12px;padding:25px;color:#333;box-shadow:0 8px 25px #00000026;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;max-width:500px;width:100%}.try-it-section .trial-activities .trial-activity-card[data-v-bcdc6513]:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0003}.try-it-section .trial-activities .trial-activity-card .activity-preview[data-v-bcdc6513]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.try-it-section .trial-activities .trial-activity-card .activity-preview .activity-icon[data-v-bcdc6513]{width:50px;height:50px;background:linear-gradient(135deg,#4360ed,#f9bb26);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.try-it-section .trial-activities .trial-activity-card .activity-preview .activity-badge[data-v-bcdc6513]{background:linear-gradient(135deg,#f9bb26,#e6a61a);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px}.try-it-section .trial-activities .trial-activity-card .activity-content h3[data-v-bcdc6513]{font-size:20px;margin:0 0 10px;color:#333;font-weight:600}.try-it-section .trial-activities .trial-activity-card .activity-content .activity-description[data-v-bcdc6513]{color:#666;margin:0 0 20px;line-height:1.5}.try-it-section .trial-activities .trial-activity-card .activity-content .activity-features[data-v-bcdc6513]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.try-it-section .trial-activities .trial-activity-card .activity-content .activity-features .feature-item[data-v-bcdc6513]{display:flex;align-items:center;gap:10px;font-size:14px;color:#555}.try-it-section .trial-activities .trial-activity-card .activity-content .activity-features .feature-item .feature-icon[data-v-bcdc6513]{color:#4360ed;width:16px;text-align:center}.try-it-section .trial-activities .trial-activity-card .activity-actions[data-v-bcdc6513]{text-align:center}.try-it-section .trial-activities .trial-activity-card .activity-actions .btn-trial[data-v-bcdc6513]{cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4360ed,#f9bb26);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #4360ed4d}.try-it-section .trial-activities .trial-activity-card .activity-actions .btn-trial[data-v-bcdc6513]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4360ed66;background:linear-gradient(135deg,#3651d9,#e6a61a)}.try-it-section .trial-activities .trial-activity-card .activity-actions .trial-hint[data-v-bcdc6513]{margin-top:10px}.try-it-section .trial-activities .trial-activity-card .activity-actions .trial-hint small[data-v-bcdc6513]{color:#4360ed;font-style:italic;font-weight:500}.try-it-section .trial-benefits[data-v-bcdc6513]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.try-it-section .trial-benefits .benefit-card[data-v-bcdc6513]{background:#ffffff26;border-radius:12px;padding:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.try-it-section .trial-benefits .benefit-card .benefit-icon[data-v-bcdc6513]{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:20px;color:#fff}.try-it-section .trial-benefits .benefit-card .benefit-content h4[data-v-bcdc6513]{color:#fff;margin:0 0 10px;font-size:16px}.try-it-section .trial-benefits .benefit-card .benefit-content p[data-v-bcdc6513]{color:#ffffffe6;margin:0;font-size:14px;line-height:1.4}.try-it-section .trial-cta[data-v-bcdc6513]{background:#ffffff26;border-radius:12px;padding:25px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.try-it-section .trial-cta .cta-content h3[data-v-bcdc6513]{color:#fff;margin:0 0 10px;font-size:22px}.try-it-section .trial-cta .cta-content p[data-v-bcdc6513]{color:#ffffffe6;margin:0 0 20px;font-size:16px}.try-it-section .trial-cta .cta-content .cta-buttons[data-v-bcdc6513]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.try-it-section .trial-cta .cta-content .cta-buttons .btn-primary-large[data-v-bcdc6513]{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#4360ed;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px #ffffff4d}.try-it-section .trial-cta .cta-content .cta-buttons .btn-primary-large[data-v-bcdc6513]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff6;background:#f8f9fa}.try-it-section .trial-cta .cta-content .cta-buttons .btn-secondary-large[data-v-bcdc6513]{display:inline-flex;align-items:center;gap:10px;background:#ffffff26;color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.try-it-section .trial-cta .cta-content .cta-buttons .btn-secondary-large[data-v-bcdc6513]:hover{transform:translateY(-2px);background:#ffffff40;border-color:#ffffff80}.parent-dashboard[data-v-7ba4e327]{padding:20px;max-width:1200px;margin:0 auto}.parent-dashboard .dashboard-header[data-v-7ba4e327]{margin-bottom:30px}.parent-dashboard .dashboard-header h1[data-v-7ba4e327]{font-size:28px;margin-bottom:5px;color:var(--text-color)}.parent-dashboard .dashboard-header p[data-v-7ba4e327]{font-size:16px;color:var(--text-light)}.parent-dashboard .dashboard-stats[data-v-7ba4e327]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.parent-dashboard .dashboard-content[data-v-7ba4e327]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px}.parent-dashboard .content-section[data-v-7ba4e327]{background-color:#fff;border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--card-shadow)}.parent-dashboard .content-section .section-header[data-v-7ba4e327]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.parent-dashboard .content-section .section-header h2[data-v-7ba4e327]{font-size:20px;margin:0;color:var(--text-color)}.parent-dashboard .content-section .section-header .btn-view-all[data-v-7ba4e327]{background:none;border:none;color:var(--primary-color);font-size:14px;cursor:pointer}.parent-dashboard .content-section .children-list[data-v-7ba4e327],.parent-dashboard .content-section .notification-list[data-v-7ba4e327]{display:flex;flex-direction:column;gap:20px}.parent-dashboard .parent-navigation[data-v-7ba4e327]{margin-top:30px;margin-bottom:40px;background-color:#fff;border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--card-shadow)}.parent-dashboard .parent-navigation h2[data-v-7ba4e327]{font-size:20px;margin-bottom:20px;color:var(--text-color)}.parent-dashboard .parent-navigation .nav-cards[data-v-7ba4e327]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.parent-dashboard .view-billing-link[data-v-7ba4e327]{color:var(--primary-color);text-decoration:none}@media (max-width: 768px){.parent-dashboard .dashboard-content[data-v-7ba4e327]{grid-template-columns:1fr}.parent-dashboard .dashboard-stats[data-v-7ba4e327]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.children-list[data-v-a6287ac6]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--padding-md)}.children-list h2[data-v-a6287ac6]{margin-bottom:var(--margin-md)}.children-list .child-card[data-v-a6287ac6]{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-sm);margin-bottom:var(--margin-sm);border-radius:var(--border-radius);background-color:var(--bg-light);box-shadow:var(--shadow-sm);gap:1rem}.children-list .child-card .child-info[data-v-a6287ac6]{display:flex;align-items:center}.children-list .child-card .child-info .avatar[data-v-a6287ac6]{width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-right:15px}.children-list .child-card .child-info .details h3[data-v-a6287ac6]{margin:0 0 5px;font-size:18px}.children-list .child-card .child-info .details p[data-v-a6287ac6]{margin:0;font-size:14px;color:var(--text-light)}.children-list .child-card .actions[data-v-a6287ac6]{justify-content:flex-end;display:flex;flex-wrap:wrap;gap:10px}.no-children[data-v-a6287ac6]{text-align:center;padding:var(--padding-md);background-color:var(--bg-light);border-radius:var(--border-radius);color:var(--text-light)}.btn-edit[data-v-a6287ac6],.btn-reset[data-v-a6287ac6],.btn-delete[data-v-a6287ac6]{padding:8px 12px;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px}.btn-edit[data-v-a6287ac6]{background-color:var(--primary-color);color:#fff}.btn-reset[data-v-a6287ac6]{background-color:var(--warning-color);color:#fff}.btn-delete[data-v-a6287ac6]{background-color:#f74a4a;color:#fff}.child-form-container[data-v-52b24f8e]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--padding-md)}.child-form-container h2[data-v-52b24f8e]{margin-bottom:var(--margin-md)}.child-form .login-info[data-v-52b24f8e]{background-color:var(--light-blue);border-radius:var(--border-radius-sm);padding:10px;margin-bottom:10px;color:#0072b1;font-size:14px}.child-form .form-actions[data-v-52b24f8e]{display:flex;gap:10px;margin-top:var(--margin-md)}.modal-overlay[data-v-3bae6dbf]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2600}.modal-overlay .modal-content[data-v-3bae6dbf]{background-color:#fff;padding:var(--padding-md);border-radius:var(--border-radius);width:90%;max-width:500px}.modal-overlay .modal-content .modal-actions[data-v-3bae6dbf]{display:flex;justify-content:flex-end;gap:10px;margin-top:var(--margin-md)}.btn-delete[data-v-3bae6dbf]{background-color:#f74a4a;color:#fff;padding:8px 12px;border:none;border-radius:var(--border-radius-sm);cursor:pointer}.btn-cancel[data-v-3bae6dbf]{background-color:var(--light-gray);color:var(--text-color);padding:8px 12px;border:none;border-radius:var(--border-radius-sm);cursor:pointer}.children-management[data-v-f8ca06b4]{padding:var(--padding-md);max-width:1200px;margin:0 auto}.children-management h1[data-v-f8ca06b4]{margin-bottom:var(--margin-sm);color:var(--text-color)}.children-management .description[data-v-f8ca06b4]{margin-bottom:var(--margin-md);color:var(--text-light)}.children-management .children-container[data-v-f8ca06b4]{display:grid;grid-template-columns:1fr;gap:var(--margin-md)}@media (min-width: 768px){.children-management .children-container[data-v-f8ca06b4]{grid-template-columns:1fr 1fr}}.container[data-v-116a2155]{max-width:1200px;margin:0 auto;padding:var(--padding-md)}.page-header[data-v-116a2155]{margin-bottom:var(--margin-md)}h1[data-v-116a2155]{margin-bottom:.5rem;font-size:1.75rem}.subtitle[data-v-116a2155]{color:var(--text-light)}.progress-dashboard[data-v-116a2155]{display:flex;flex-direction:column;gap:var(--margin-md)}.stats-overview[data-v-116a2155]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--margin-md)}.stat-card[data-v-116a2155]{background-color:#fff;border-radius:var(--border-radius);padding:var(--padding-md);box-shadow:var(--card-shadow);display:flex;align-items:center;gap:var(--margin-sm)}.stat-icon[data-v-116a2155]{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.completed[data-v-116a2155]{background-color:#4caf501a;color:var(--success-color)}.in-progress[data-v-116a2155]{background-color:#ff98001a;color:var(--warning-color)}.not-started[data-v-116a2155]{background-color:#4361ee1a;color:var(--primary-color)}.average[data-v-116a2155]{background-color:#4cc9f01a;color:var(--accent)}.stat-content h3[data-v-116a2155]{margin:0;font-size:1.5rem;font-weight:600}.stat-content p[data-v-116a2155]{margin:0;color:var(--text-light);font-size:.9rem}.charts-container[data-v-116a2155]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--margin-md)}.chart-card[data-v-116a2155]{background-color:#fff;border-radius:var(--border-radius);padding:var(--padding-md);box-shadow:var(--card-shadow)}.chart-card h2[data-v-116a2155]{margin-top:0;margin-bottom:var(--margin-md);font-size:var(--title-font-size)}.chart[data-v-116a2155]{display:flex;flex-direction:column;align-items:center;gap:var(--margin-md)}.pie-chart[data-v-116a2155]{position:relative;width:200px;height:200px;border-radius:50%;background-color:#f5f5f5;overflow:hidden}.pie-segment[data-v-116a2155]{position:absolute;width:100%;height:100%;transform-origin:50% 50%;transition:var(--transition)}.pie-segment.completed[data-v-116a2155]{background-color:var(--success-color);clip-path:polygon(50% 50%,50% 0%,calc(50% + var(--percentage) * 3.6px) 0%);transform:rotate(0)}.pie-segment.in-progress[data-v-116a2155]{background-color:var(--warning-color);clip-path:polygon(50% 50%,50% 0%,calc(50% + var(--percentage) * 3.6px) 0%);transform:rotate(calc(var(--offset) * 3.6deg))}.pie-segment.not-started[data-v-116a2155]{background-color:var(--primary-color);clip-path:polygon(50% 50%,50% 0%,calc(50% + var(--percentage) * 3.6px) 0%);transform:rotate(calc(var(--offset) * 3.6deg))}.pie-center[data-v-116a2155]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background-color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.pie-center span[data-v-116a2155]{font-size:1.75rem;font-weight:600;color:var(--text-color)}.pie-center small[data-v-116a2155]{font-size:.85rem;color:var(--text-light)}.chart-legend[data-v-116a2155]{display:flex;gap:var(--margin-md)}.legend-item[data-v-116a2155]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-light)}.legend-color[data-v-116a2155]{width:12px;height:12px;border-radius:2px}.legend-color.completed[data-v-116a2155]{background-color:var(--success-color)}.legend-color.in-progress[data-v-116a2155]{background-color:var(--warning-color)}.legend-color.not-started[data-v-116a2155]{background-color:var(--primary-color)}.bar-chart[data-v-116a2155]{width:100%;display:flex;flex-direction:column;gap:1.25rem}.bar-container[data-v-116a2155]{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:var(--margin-sm)}.bar-label[data-v-116a2155]{font-size:.9rem;color:var(--text-color);text-align:right}.bar[data-v-116a2155]{height:12px;background-color:#f5f5f5;border-radius:6px;overflow:hidden}.bar-fill[data-v-116a2155]{height:100%;border-radius:6px;transition:width .5s ease}.bar-fill.narrative[data-v-116a2155]{background-color:var(--accent)}.bar-fill.persuasive[data-v-116a2155]{background-color:var(--primary-color)}.bar-fill.expository[data-v-116a2155]{background-color:#10b981}.bar-value[data-v-116a2155]{font-size:.9rem;color:var(--text-light)}.recent-progress[data-v-116a2155]{background-color:#fff;border-radius:var(--border-radius);padding:var(--padding-md);box-shadow:var(--card-shadow)}.recent-progress h2[data-v-116a2155]{margin-top:0;margin-bottom:var(--margin-md);font-size:var(--title-font-size)}.feedback-list[data-v-116a2155]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--margin-md)}.feedback-card[data-v-116a2155]{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem;background-color:var(--secondary-color)}.feedback-header[data-v-116a2155]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-sm)}.feedback-header h3[data-v-116a2155]{margin:0;font-size:1.1rem}.feedback-score[data-v-116a2155]{font-weight:600;color:var(--primary-color)}.feedback-strengths[data-v-116a2155],.feedback-improvements[data-v-116a2155]{margin-bottom:var(--margin-sm)}.feedback-strengths h4[data-v-116a2155],.feedback-improvements h4[data-v-116a2155]{margin:0 0 .5rem;font-size:.95rem;color:var(--text-color)}.feedback-strengths ul[data-v-116a2155],.feedback-improvements ul[data-v-116a2155]{margin:0;padding-left:1.5rem}.feedback-strengths li[data-v-116a2155],.feedback-improvements li[data-v-116a2155]{font-size:.9rem;color:var(--text-light);margin-bottom:.25rem}.no-feedback[data-v-116a2155]{text-align:center;padding:var(--padding-md) 0;color:var(--text-light)}.no-feedback p[data-v-116a2155]{margin-bottom:var(--margin-md)}.improvement-tips[data-v-116a2155]{background-color:#fff;border-radius:var(--border-radius);padding:var(--padding-md);box-shadow:var(--card-shadow)}.improvement-tips h2[data-v-116a2155]{margin-top:0;margin-bottom:var(--margin-md);font-size:var(--title-font-size)}.tips-list[data-v-116a2155]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--margin-md)}.tip-item[data-v-116a2155]{display:flex;gap:var(--margin-sm)}.tip-icon[data-v-116a2155]{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tip-content h3[data-v-116a2155]{margin:0 0 .5rem;font-size:1.1rem}.tip-content p[data-v-116a2155]{margin:0;font-size:.9rem;color:var(--text-light)}.btn[data-v-116a2155]{padding:10px 15px;border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-sm[data-v-116a2155]{padding:6px 12px;font-size:.9rem}.btn-primary[data-v-116a2155]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-116a2155]:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline[data-v-116a2155]{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline[data-v-116a2155]:hover{background-color:var(--primary-light);transform:translateY(-2px)}@media (max-width: 1024px){.container[data-v-116a2155]{padding:1.5rem}.charts-container[data-v-116a2155],.feedback-list[data-v-116a2155]{grid-template-columns:1fr}}@media (max-width: 768px){.container[data-v-116a2155]{padding:1.25rem}.stats-overview[data-v-116a2155]{grid-template-columns:repeat(2,1fr)}.tips-list[data-v-116a2155]{grid-template-columns:1fr}}@media (max-width: 480px){.container[data-v-116a2155]{padding:var(--padding-sm)}.stats-overview[data-v-116a2155]{grid-template-columns:1fr}h1[data-v-116a2155]{font-size:1.5rem}.chart-legend[data-v-116a2155]{flex-direction:column;gap:.75rem}.bar-container[data-v-116a2155]{grid-template-columns:80px 1fr 30px}}.current-plan-section[data-v-9d91d7d3]{overflow:hidden;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--padding-md)}.current-plan-section h2[data-v-9d91d7d3]{margin-top:0;margin-bottom:var(--margin-md);font-size:var(--title-font-size);color:var(--text-color);border-bottom:1px solid #eee;padding-bottom:.75rem}.current-plan-section .plan-card[data-v-9d91d7d3]{border-radius:var(--border-radius);border:1px solid var(--border-color);padding:var(--padding-md);position:relative;overflow:hidden}.current-plan-section .plan-card.free[data-v-9d91d7d3]{border-left:4px solid #9e9e9e}.current-plan-section .plan-card.unlimited[data-v-9d91d7d3]{border-left:4px solid var(--primary-color)}.current-plan-section .plan-card.teacher[data-v-9d91d7d3]{border-left:4px solid #f72585}.current-plan-section .plan-card .plan-header[data-v-9d91d7d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-sm)}.current-plan-section .plan-card .plan-header h3[data-v-9d91d7d3]{margin:0;font-size:1.2rem;color:var(--text-color)}.current-plan-section .plan-card .plan-header .plan-price[data-v-9d91d7d3]{font-weight:600}.current-plan-section .plan-card .plan-header .plan-price .amount[data-v-9d91d7d3]{font-size:1.5rem;color:var(--text-color)}.current-plan-section .plan-card .plan-header .plan-price .period[data-v-9d91d7d3]{font-size:.9rem;color:var(--text-light)}.current-plan-section .plan-card .plan-status[data-v-9d91d7d3]{margin-bottom:var(--margin-sm);padding:.5rem 0}.current-plan-section .plan-card .plan-status .status-label[data-v-9d91d7d3]{color:var(--text-light);margin-right:.5rem}.current-plan-section .plan-card .plan-status .status-value[data-v-9d91d7d3]{font-weight:600}.current-plan-section .plan-card .plan-status.active .status-value[data-v-9d91d7d3]{color:var(--success-color)}.current-plan-section .plan-card .plan-status.canceled .status-value[data-v-9d91d7d3],.current-plan-section .plan-card .plan-status.expired .status-value[data-v-9d91d7d3]{color:#f44336}.current-plan-section .plan-card .plan-status.trial .status-value[data-v-9d91d7d3]{color:var(--warning-color)}.current-plan-section .plan-card .next-billing[data-v-9d91d7d3]{margin-bottom:var(--margin-sm);font-size:.9rem;color:var(--text-light)}.current-plan-section .plan-card .plan-features[data-v-9d91d7d3]{margin-bottom:var(--margin-md);border-top:1px solid #eee;padding-top:var(--padding-sm)}.current-plan-section .plan-card .plan-features h4[data-v-9d91d7d3]{font-size:1rem;margin:0 0 .75rem;color:var(--text-color)}.current-plan-section .plan-card .plan-features ul[data-v-9d91d7d3]{list-style:none;padding:0;margin:0}.current-plan-section .plan-card .plan-features ul li[data-v-9d91d7d3]{margin-bottom:.5rem;padding-left:1.5rem;position:relative;color:var(--text-light);font-size:.95rem}.current-plan-section .plan-card .plan-features ul li svg[data-v-9d91d7d3]{position:absolute;left:0;top:.25rem;color:var(--success-color)}.current-plan-section .plan-card .plan-actions[data-v-9d91d7d3]{margin-top:var(--margin-sm)}.compare-plans-section[data-v-d8ac423a]{overflow:hidden;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--padding-md)}.compare-plans-section h2[data-v-d8ac423a]{margin-top:0;margin-bottom:var(--margin-md);font-size:var(--title-font-size);color:var(--text-color);border-bottom:1px solid #eee;padding-bottom:.75rem}.compare-plans-section .compare-plans-table[data-v-d8ac423a]{overflow-x:auto}.compare-plans-section .compare-plans-table table[data-v-d8ac423a]{width:100%;border-collapse:collapse;min-width:700px}.compare-plans-section .compare-plans-table table th[data-v-d8ac423a]{background-color:var(--section-header-bg);font-weight:600;text-align:left;padding:var(--padding-sm);border-bottom:1px solid var(--border-color)}.compare-plans-section .compare-plans-table table th[data-v-d8ac423a]:first-child{max-width:25%}.compare-plans-section .compare-plans-table table td[data-v-d8ac423a]{padding:var(--padding-sm);border-bottom:1px solid var(--border-color);vertical-align:top}.compare-plans-section .compare-plans-table table tr:last-child td[data-v-d8ac423a]{border-bottom:none}.compare-plans-section .compare-plans-table table .feature-yes[data-v-d8ac423a]{color:var(--success-color)}.compare-plans-section .compare-plans-table table .feature-no[data-v-d8ac423a]{color:#f44336}.compare-plans-section .compare-plans-table table .promo-pricing .first-month[data-v-d8ac423a]{font-weight:600;margin-bottom:.25rem}.compare-plans-section .compare-plans-table table .promo-pricing .first-month .highlight-price[data-v-d8ac423a]{color:#ff9500;font-size:1.1rem;font-weight:700}.compare-plans-section .compare-plans-table table .promo-pricing .regular-price[data-v-d8ac423a]{font-size:.9rem;color:var(--text-light)}.compare-plans-section .compare-plans-table table .upgrade-row td[data-v-d8ac423a]{padding-top:var(--padding-md)}.btn-upgrade[data-v-d8ac423a]{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-upgrade[data-v-d8ac423a]:hover{background-color:var(--primary-color-hover, rgb(21.0634146341, 58.2341463415, 232.9365853659));transform:translateY(-2px);box-shadow:0 4px 8px #0003}.billing-page[data-v-f4a26ed6]{max-width:960px;margin:0 auto;padding:var(--padding-md);gap:var(--margin-md);display:flex;flex-direction:column}.billing-page .billing-header[data-v-f4a26ed6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-md)}.billing-page .billing-header h1[data-v-f4a26ed6]{margin:0;font-size:2rem;color:var(--text-color)}.billing-page .upgrade-banner[data-v-f4a26ed6]{background:linear-gradient(135deg,#4361ee,#3a0ca3);border-radius:var(--border-radius-lg);margin-bottom:var(--margin-md);overflow:hidden;color:#fff;box-shadow:0 4px 12px #0000001a;position:relative}.billing-page .upgrade-banner .promo-badge[data-v-f4a26ed6]{position:absolute;top:0;right:0;background-color:#ff9500;color:#fff;padding:.5rem 1.5rem;font-weight:700;font-size:.9rem;border-bottom-left-radius:var(--border-radius);transform:translateY(-1px);box-shadow:0 2px 4px #0003;z-index:1}.billing-page .upgrade-banner .banner-content[data-v-f4a26ed6]{padding:var(--padding-lg)}.billing-page .upgrade-banner .banner-content .promo-header[data-v-f4a26ed6]{display:flex;align-items:center;margin-bottom:var(--margin-md)}.billing-page .upgrade-banner .banner-content .promo-header .price-container[data-v-f4a26ed6]{display:flex;align-items:center;margin-right:1rem}.billing-page .upgrade-banner .banner-content .promo-header .price-container .original-price[data-v-f4a26ed6]{font-size:1.5rem;text-decoration:line-through;opacity:.7;margin-right:.75rem}.billing-page .upgrade-banner .banner-content .promo-header .price-container .promo-price[data-v-f4a26ed6]{font-size:2.5rem;font-weight:700;color:gold}.billing-page .upgrade-banner .banner-content .promo-header .price-details[data-v-f4a26ed6]{display:flex;flex-direction:column}.billing-page .upgrade-banner .banner-content .promo-header .price-details .first-month[data-v-f4a26ed6]{font-weight:700;font-size:1.1rem}.billing-page .upgrade-banner .banner-content .promo-header .price-details .then-price[data-v-f4a26ed6]{font-size:.9rem;opacity:.8}.billing-page .upgrade-banner .banner-content p[data-v-f4a26ed6]{margin-bottom:var(--margin-md);font-size:1.1rem;opacity:.9}.billing-page .upgrade-banner .banner-content .benefits-list[data-v-f4a26ed6]{list-style:none;padding:0;margin:0 0 var(--margin-md) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.billing-page .upgrade-banner .banner-content .benefits-list li[data-v-f4a26ed6]{display:flex;align-items:center;font-size:1rem}.billing-page .upgrade-banner .banner-content .benefits-list li .check-icon[data-v-f4a26ed6]{margin-right:.5rem;font-weight:700;color:#4cc9f0}.billing-page .upgrade-banner .banner-content .banner-upgrade-button[data-v-f4a26ed6]{background-color:#fff;color:#3a0ca3;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.billing-page .upgrade-banner .banner-content .banner-upgrade-button[data-v-f4a26ed6]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.billing-page h1[data-v-f4a26ed6]{margin-bottom:var(--margin-md);font-size:2rem;color:var(--text-color)}.billing-page .section[data-v-f4a26ed6]{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--padding-md);margin-bottom:var(--margin-md)}.billing-page .section h2[data-v-f4a26ed6]{margin-top:0;margin-bottom:var(--margin-md);font-size:var(--title-font-size);color:var(--text-color);border-bottom:1px solid #eee;padding-bottom:.75rem}@media (max-width: 768px){.billing-page .billing-header[data-v-f4a26ed6]{flex-direction:column;align-items:flex-start;gap:var(--margin-sm)}.billing-page .upgrade-banner .banner-content[data-v-f4a26ed6]{padding:var(--padding-md)}.billing-page .upgrade-banner .banner-content .promo-header[data-v-f4a26ed6]{flex-direction:column;align-items:flex-start}.billing-page .upgrade-banner .banner-content .promo-header .price-container[data-v-f4a26ed6]{margin-bottom:.5rem}.billing-page .upgrade-banner .banner-content .benefits-list[data-v-f4a26ed6]{grid-template-columns:1fr}.billing-page .upgrade-banner .banner-content .banner-upgrade-button[data-v-f4a26ed6]{width:100%}}.hero[data-v-d4bdc4b4]{background:var(--primary-gradient);padding:5rem 0;color:#fff;position:relative;overflow:hidden}.hero[data-v-d4bdc4b4]:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:#4361ee1a}.hero[data-v-d4bdc4b4]:after{content:"";position:absolute;bottom:-70px;left:-70px;width:300px;height:300px;border-radius:50%;background:#4361ee0d}.hero-content[data-v-d4bdc4b4]{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.hero h1[data-v-d4bdc4b4]{font-size:3rem;font-weight:700;margin-bottom:var(--margin-md);color:#fff}.hero-subtitle[data-v-d4bdc4b4]{font-size:var(--title-font-size);margin-bottom:var(--margin-lg);color:#ffffffe6;line-height:1.6}.hero-features[data-v-d4bdc4b4]{display:flex;justify-content:center;gap:var(--padding-md);margin-bottom:var(--margin-lg);flex-wrap:wrap}.hero .feature-tag[data-v-d4bdc4b4]{background-color:#ffffff26;border-radius:50px;padding:.5rem var(--padding-sm);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.hero .feature-tag span[data-v-d4bdc4b4]{color:#fc0;font-weight:700}@media (max-width: 768px){.hero[data-v-d4bdc4b4]{padding:4rem 0}.hero h1[data-v-d4bdc4b4]{font-size:2rem}.hero-subtitle[data-v-d4bdc4b4]{font-size:1.1rem}.hero-features[data-v-d4bdc4b4]{flex-direction:column;align-items:center;gap:var(--margin-sm)}}@media (max-width: 480px){.hero h1[data-v-d4bdc4b4]{font-size:1.8rem}}.pricing-card[data-v-7688cba6]{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column;border:1px solid var(--border-light)}.pricing-card[data-v-7688cba6]:hover{transform:translateY(-10px);box-shadow:var(--card-hover-shadow)}.pricing-card.selected[data-v-7688cba6]{border:2px solid var(--primary-color);transform:translateY(-10px);box-shadow:0 15px 30px #4361ee26}.pricing-card.popular[data-v-7688cba6]{border:2px solid var(--primary-color);z-index:1}.popular-tag[data-v-7688cba6]{position:absolute;top:0;right:0;background-color:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;padding:.5rem var(--padding-sm);border-bottom-left-radius:var(--border-radius-md);z-index:1}.pricing-header[data-v-7688cba6]{padding:var(--padding-lg);text-align:center;border-bottom:1px solid var(--border-light)}.pricing-header h3[data-v-7688cba6]{font-size:1.5rem;font-weight:700;margin-bottom:var(--margin-sm);color:var(--text-color)}.price[data-v-7688cba6]{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;display:flex;align-items:flex-start;justify-content:center}.price .currency[data-v-7688cba6]{font-size:1.5rem;margin-top:.5rem}.price .period[data-v-7688cba6]{font-size:1rem;color:var(--text-light);font-weight:400;margin-top:.75rem}.pricing-subtitle[data-v-7688cba6]{font-size:.875rem;color:var(--text-light);margin-top:.5rem}.pricing-features[data-v-7688cba6]{list-style:none;padding:var(--padding-lg);margin:0;flex-grow:1}.pricing-features li[data-v-7688cba6]{margin-bottom:var(--margin-sm);color:var(--text-color);display:flex;align-items:center;gap:.75rem;font-size:1rem;padding:0;border-bottom:none}.pricing-features li[data-v-7688cba6]:last-child{margin-bottom:0}.pricing-features li svg[data-v-7688cba6]{color:#4ecdc4;font-size:1rem;flex-shrink:0}.btn[data-v-7688cba6]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:14px 28px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;text-align:center;cursor:pointer;border:none;width:100%;font-size:1.1rem;box-shadow:var(--shadow-md)}.btn-primary[data-v-7688cba6]{background-color:var(--primary-color);color:#fff;border:none}.btn-primary[data-v-7688cba6]:hover:not(:disabled){background-color:var(--primary-dark);transform:scale(1.05)}.btn-outline[data-v-7688cba6]{background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline[data-v-7688cba6]:hover{background-color:var(--primary-light);transform:scale(1.05)}.btn-selected[data-v-7688cba6]{background-color:var(--primary-dark);color:#fff}.btn-block[data-v-7688cba6]{display:block;width:calc(100% - 4rem);margin:0 var(--padding-lg) var(--padding-lg)}.btn[data-v-7688cba6]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.pricing-card.popular[data-v-7688cba6]{transform:scale(1);order:-1}.pricing-card.popular[data-v-7688cba6]:hover{transform:translateY(-5px)}}@media (max-width: 480px){.pricing-header[data-v-7688cba6],.pricing-features[data-v-7688cba6]{padding:var(--padding-md)}.btn-block[data-v-7688cba6]{width:calc(100% - 3rem);margin:0 var(--padding-md) var(--padding-md)}}.payment-container[data-v-853ee922]{background-color:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 20px #0000000d;border:3px solid #f0f0f0;max-width:800px;margin:0 auto}.payment-method-tabs[data-v-853ee922]{display:flex;margin-bottom:20px;border-bottom:1px solid #e2e8f0}.payment-form[data-v-853ee922]{margin-top:20px}.payment-form.paypal-form[data-v-853ee922]{text-align:center;padding:30px}.form-group[data-v-853ee922]{margin-bottom:20px}.form-group label[data-v-853ee922]{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input[data-v-853ee922],.form-group select[data-v-853ee922]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:var(--font-family)}.form-group input[data-v-853ee922]:focus,.form-group select[data-v-853ee922]:focus{outline:none;border-color:#4361ee}.form-group.half[data-v-853ee922]{flex:1}.form-row[data-v-853ee922]{display:flex;gap:20px}@media (max-width: 768px){.form-row[data-v-853ee922]{flex-direction:column;gap:10px}}.tab-btn[data-v-853ee922]{padding:10px 20px;background:none;border:none;cursor:pointer;font-size:1rem;color:#666;border-bottom:2px solid transparent;transition:all .3s ease;font-family:var(--font-family)}.tab-btn.active[data-v-853ee922]{color:#4361ee;border-bottom:2px solid #4361ee}.tab-btn[data-v-853ee922]:hover:not(.active){color:#4361ee}.card-input-wrapper[data-v-853ee922]{position:relative}.card-input-wrapper .card-icons[data-v-853ee922]{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;gap:5px}.card-input-wrapper .card-icons i[data-v-853ee922]{font-size:1.5rem;color:#666}.paypal-logo[data-v-853ee922]{font-size:3rem;color:#0070ba;margin:20px 0}.billing-address[data-v-853ee922]{margin-top:30px;padding-top:30px;border-top:1px dashed #e2e8f0}.billing-address h3[data-v-853ee922]{font-size:1.5rem;margin-bottom:20px;color:#333}.summary-container[data-v-4237039d]{max-width:800px;margin:0 auto;background-color:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 20px #0000000d;border:3px solid #f0f0f0}.summary-details[data-v-4237039d]{margin-bottom:30px}.summary-row[data-v-4237039d]{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e2e8f0;font-size:1.1rem}.summary-row.total[data-v-4237039d]{font-weight:700;font-size:1.3rem;color:#06c;border-bottom:none;margin-top:10px;padding-top:20px;border-top:2px solid #e2e8f0}.terms-agreement[data-v-4237039d]{margin:30px 0}.checkbox-container[data-v-4237039d]{display:flex;align-items:center;position:relative;padding-left:35px;cursor:pointer;font-size:1rem;-webkit-user-select:none;user-select:none;color:#555}.checkbox-container input[data-v-4237039d]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container input:checked~.checkmark[data-v-4237039d]{background-color:#4361ee}.checkbox-container input:checked~.checkmark[data-v-4237039d]:after{display:block}.checkbox-container:hover input~.checkmark[data-v-4237039d]{background-color:#ccc}.checkbox-container .checkmark[data-v-4237039d]{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:5px}.checkbox-container .checkmark[data-v-4237039d]:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-container a[data-v-4237039d]{color:#4361ee;text-decoration:none}.checkbox-container a[data-v-4237039d]:hover{text-decoration:underline}.btn[data-v-4237039d]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:14px 28px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;text-align:center;cursor:pointer;border:none;width:100%;font-size:1.1rem;box-shadow:0 4px 8px #0000001a}.btn-primary[data-v-4237039d]{background-color:#4361ee;color:#fff;border:none}.btn-primary[data-v-4237039d]:hover:not(:disabled){background-color:#3a56d4;transform:scale(1.05)}.btn-large[data-v-4237039d]{padding:16px 32px;font-size:1.2rem}.btn-subscribe[data-v-4237039d]{margin-top:20px}.btn[data-v-4237039d]:disabled{opacity:.6;cursor:not-allowed}.secure-payment[data-v-4237039d]{text-align:center;margin-top:20px;color:#666;font-size:.9rem}@media (max-width: 480px){.btn[data-v-4237039d]{padding:12px 20px;font-size:1rem}.btn-large[data-v-4237039d]{padding:14px 24px;font-size:1.1rem}}.cta[data-v-531256b8]{background:var(--primary-gradient);padding:5rem 0;text-align:center;color:#fff;position:relative;overflow:hidden}.cta[data-v-531256b8]:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:#4361ee1a}.cta[data-v-531256b8]:after{content:"";position:absolute;bottom:-70px;left:-70px;width:300px;height:300px;border-radius:50%;background:#4361ee0d}.cta-content[data-v-531256b8]{position:relative;z-index:1;max-width:800px;margin:0 auto}.cta h2[data-v-531256b8]{font-size:2.5rem;font-weight:700;margin-bottom:var(--margin-sm);color:#fff}.cta p[data-v-531256b8]{font-size:var(--title-font-size);margin-bottom:var(--margin-lg);color:#ffffffe6}.btn-cta[data-v-531256b8]{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background-color:#fff;color:var(--primary-color);font-size:1.125rem;font-weight:600;padding:var(--padding-sm) var(--padding-lg);border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.btn-cta[data-v-531256b8]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.btn-cta[data-v-531256b8]:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow);color:var(--primary-dark)}.btn-cta[data-v-531256b8]:hover:before{transform:translate(100%)}@media (max-width: 768px){.cta h2[data-v-531256b8]{font-size:2rem}.cta p[data-v-531256b8]{font-size:1.1rem}.btn-cta[data-v-531256b8]{padding:.8rem 1.6rem;font-size:1rem}}.modal[data-v-1da84a57]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2600}.modal-content[data-v-1da84a57]{background-color:#fff;border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 30px #0003}.modal-header[data-v-1da84a57]{padding:20px 30px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-1da84a57]{font-size:1.8rem;color:#333;margin:0}.modal-body[data-v-1da84a57]{padding:30px;font-size:1.1rem;color:#555;line-height:1.6}.modal .close-btn[data-v-1da84a57]{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;transition:color .3s ease}.modal .close-btn[data-v-1da84a57]:hover{color:#4361ee}@media (max-width: 768px){.modal-header h2[data-v-1da84a57]{font-size:1.5rem}.modal-body[data-v-1da84a57]{padding:20px;font-size:1rem}}.subscription-page[data-v-c066f5b0]{font-family:var(--font-family);color:var(--text-color);background-color:var(--bg-light)}.container[data-v-c066f5b0]{max-width:1200px;margin:0 auto;padding:0 var(--padding-md)}section[data-v-c066f5b0]{padding:5rem 0}.section-header[data-v-c066f5b0]{text-align:center;margin-bottom:var(--margin-lg)}.section-header h2[data-v-c066f5b0]{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:var(--margin-sm)}.section-subtitle[data-v-c066f5b0]{font-size:var(--title-font-size);color:var(--text-light);max-width:800px;margin:0 auto;line-height:1.6}.pricing[data-v-c066f5b0]{background-color:var(--secondary-color);position:relative}.pricing[data-v-c066f5b0]:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#fc0,#ff6b6b,#4ecdc4)}.pricing-cards[data-v-c066f5b0]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--margin-lg);margin:3rem 0 2rem}.pricing-note[data-v-c066f5b0]{text-align:center;margin-top:var(--margin-lg);color:var(--text-light)}.pricing-note p[data-v-c066f5b0]{margin-bottom:.5rem}.pricing-note a[data-v-c066f5b0]{color:var(--primary-color);text-decoration:none;font-weight:500}.pricing-note a[data-v-c066f5b0]:hover{text-decoration:underline;opacity:.9}.payment[data-v-c066f5b0]{background-color:var(--light-blue);position:relative}.order-summary[data-v-c066f5b0]{background-color:#fff}@media (max-width: 1024px){.section-header h2[data-v-c066f5b0]{font-size:2rem}.pricing-cards[data-v-c066f5b0]{grid-template-columns:repeat(2,1fr);gap:var(--padding-md)}}@media (max-width: 768px){section[data-v-c066f5b0]{padding:3rem 0}.section-header h2[data-v-c066f5b0]{font-size:1.8rem}.section-subtitle[data-v-c066f5b0]{font-size:1.1rem}.pricing-cards[data-v-c066f5b0]{grid-template-columns:1fr;max-width:500px;margin:3rem auto 2rem}}.login-card[data-v-75988d20]{width:100%;max-width:450px;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--padding-lg);position:relative;z-index:1}.login-card .back-button-container[data-v-75988d20]{text-align:left;margin-bottom:var(--margin-md)}.login-card .back-button-container .back-button[data-v-75988d20]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;display:flex;align-items:center;padding:0;gap:.5rem}.login-card .back-button-container .back-button[data-v-75988d20]:hover{text-decoration:underline}.login-card .logo-container[data-v-75988d20]{text-align:center;margin-bottom:var(--margin-md)}.login-card .logo-container .logo[data-v-75988d20]{width:150px;height:auto}.login-card .login-title[data-v-75988d20]{font-size:var(--title-font-size);font-weight:700;margin-bottom:8px;color:var(--text-color);text-align:center}.login-card .login-subtitle[data-v-75988d20]{font-size:var(--desc-font-size);color:var(--text-light);margin-bottom:var(--margin-md);text-align:center}.login-card .login-form[data-v-75988d20]{margin-top:var(--margin-md)}.login-card .login-form .form-group[data-v-75988d20]{margin-bottom:var(--margin-md)}.login-card .login-form .form-group label[data-v-75988d20]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.login-card .login-form .form-group .form-control[data-v-75988d20]{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:16px;transition:border-color .2s}.login-card .login-form .form-group .form-control[data-v-75988d20]:focus{border-color:var(--primary-color);outline:none}.login-card .login-form .form-actions[data-v-75988d20]{margin-top:var(--margin-md)}.login-card .login-form .form-actions .btn[data-v-75988d20]{display:block;width:100%;padding:12px 16px;border:none;border-radius:var(--border-radius-sm);font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:12px}.login-card .login-form .form-actions .btn.btn-primary[data-v-75988d20]{background-color:var(--primary-color);color:#fff}.login-card .login-form .form-actions .btn.btn-primary[data-v-75988d20]:hover{background-color:var(--primary-dark)}.login-card .login-form .form-footer[data-v-75988d20]{margin-top:var(--margin-md);text-align:center;font-size:14px}.login-card .login-form .form-footer a[data-v-75988d20]{color:var(--primary-color);text-decoration:none}.login-card .login-form .form-footer a[data-v-75988d20]:hover{text-decoration:underline}.login-card .login-form .form-footer .login-help[data-v-75988d20]{margin-top:15px;color:#0072b1;background-color:#e6f7ff;padding:12px;border-radius:var(--border-radius-sm);font-size:14px;display:flex;align-items:center;gap:8px;border:1px solid #b3e0ff}.alert[data-v-75988d20]{padding:12px 16px;border-radius:var(--border-radius-sm);margin-bottom:var(--margin-md)}.alert.alert-danger[data-v-75988d20]{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.register-card[data-v-f6551003]{width:100%;max-width:450px;background-color:var(--section-card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow-hover);padding:var(--padding-lg);position:relative;z-index:1}.register-card .back-button-container[data-v-f6551003]{text-align:left;margin-bottom:var(--margin-md)}.register-card .back-button-container .back-button[data-v-f6551003]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;display:flex;align-items:center;padding:0;gap:.5rem}.register-card .back-button-container .back-button[data-v-f6551003]:hover{text-decoration:underline}.register-card .logo-container[data-v-f6551003]{text-align:center;margin-bottom:var(--margin-md)}.register-card .logo-container .logo[data-v-f6551003]{width:150px;height:auto}.register-card .register-title[data-v-f6551003]{font-size:var(--title-font-size);font-weight:700;margin-bottom:8px;color:var(--text-color);text-align:center}.register-card .register-subtitle[data-v-f6551003]{font-size:var(--desc-font-size);color:var(--text-light);margin-bottom:var(--margin-md);text-align:center}.register-card .register-form[data-v-f6551003]{margin-top:var(--margin-md)}.register-card .register-form .form-group[data-v-f6551003]{margin-bottom:var(--margin-md)}.register-card .register-form .form-group label[data-v-f6551003]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.register-card .register-form .form-group .form-control[data-v-f6551003]{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:16px;transition:var(--transition)}.register-card .register-form .form-group .form-control[data-v-f6551003]:focus{border-color:var(--primary-color);outline:none}.register-card .register-form .form-group .form-text[data-v-f6551003]{display:block;margin-top:4px;font-size:12px;color:var(--text-light)}.register-card .register-form .form-group .role-selection[data-v-f6551003]{display:flex;gap:15px;margin-top:10px}.register-card .register-form .form-group .role-selection .role-option[data-v-f6551003]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--padding-sm);border:2px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);position:relative}.register-card .register-form .form-group .role-selection .role-option[data-v-f6551003]:hover{border-color:var(--gray);background-color:var(--secondary-color)}.register-card .register-form .form-group .role-selection .role-option.selected[data-v-f6551003]{border-color:var(--success-color);background-color:#4caf501a}.register-card .register-form .form-group .role-selection .role-option.disabled[data-v-f6551003]{border-color:var(--light-gray);background-color:var(--secondary-color);opacity:.6;cursor:not-allowed}.register-card .register-form .form-group .role-selection .role-option.disabled[data-v-f6551003]:hover{border-color:var(--light-gray);background-color:var(--secondary-color)}.register-card .register-form .form-group .role-selection .role-option.disabled .disabled-tooltip[data-v-f6551003]{position:absolute;visibility:hidden;opacity:0;top:-50px;left:50%;transform:translate(-50%);transition:var(--transition);z-index:10;cursor:default}.register-card .register-form .form-group .role-selection .role-option.disabled .disabled-tooltip .tooltip-text[data-v-f6551003]{display:block;background-color:var(--primary-color);color:#fff;padding:6px 12px;border-radius:var(--border-radius-sm);font-size:13px;font-weight:500;box-shadow:var(--shadow-md);white-space:nowrap}.register-card .register-form .form-group .role-selection .role-option.disabled .disabled-tooltip .tooltip-arrow[data-v-f6551003]{position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:var(--primary-color) transparent transparent transparent}.register-card .register-form .form-group .role-selection .role-option.disabled:hover .disabled-tooltip[data-v-f6551003]{visibility:visible;opacity:1}.register-card .register-form .form-group .role-selection .role-option.disabled .b2b-link[data-v-f6551003]{color:#fff;cursor:pointer;text-decoration:underline}.register-card .register-form .form-group .role-selection .role-option span[data-v-f6551003]{margin-top:8px;font-weight:500}.register-card .register-form .form-actions[data-v-f6551003]{margin-top:var(--margin-md)}.register-card .register-form .form-actions .btn[data-v-f6551003]{display:block;width:100%;padding:12px 16px;border:none;border-radius:var(--border-radius-sm);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);margin-bottom:12px}.register-card .register-form .form-actions .btn.btn-primary[data-v-f6551003]{background-color:var(--primary-color);color:#fff}.register-card .register-form .form-actions .btn.btn-primary[data-v-f6551003]:hover{background-color:var(--primary-dark)}.register-card .register-form .form-footer[data-v-f6551003]{margin-top:var(--margin-md);text-align:center;font-size:14px}.register-card .register-form .form-footer a[data-v-f6551003]{color:var(--primary-color);text-decoration:none}.register-card .register-form .form-footer a[data-v-f6551003]:hover{text-decoration:underline}.register-card .alert[data-v-f6551003]{padding:12px 16px;border-radius:var(--border-radius-sm);margin-bottom:var(--margin-md)}.register-card .alert.alert-danger[data-v-f6551003]{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.forgot-password-card[data-v-d6274a84]{width:100%;max-width:450px;background-color:var(--section-card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow-hover);padding:var(--padding-lg);position:relative;z-index:1}.forgot-password-card .back-button-container[data-v-d6274a84]{text-align:left;margin-bottom:var(--margin-md)}.forgot-password-card .back-button-container .back-button[data-v-d6274a84]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;display:flex;align-items:center;padding:0;gap:.5rem}.forgot-password-card .back-button-container .back-button[data-v-d6274a84]:hover{text-decoration:underline}.forgot-password-card .logo-container[data-v-d6274a84]{text-align:center;margin-bottom:var(--margin-md)}.forgot-password-card .logo-container .logo[data-v-d6274a84]{width:150px;height:auto}.forgot-password-card .forgot-password-title[data-v-d6274a84]{font-size:var(--title-font-size);font-weight:700;margin-bottom:8px;color:var(--text-color);text-align:center}.forgot-password-card .forgot-password-subtitle[data-v-d6274a84]{font-size:var(--desc-font-size);color:var(--text-light);margin-bottom:var(--margin-md);text-align:center}.forgot-password-card .forgot-password-form[data-v-d6274a84]{margin-top:var(--margin-md)}.forgot-password-card .forgot-password-form .form-group[data-v-d6274a84]{margin-bottom:var(--margin-md)}.forgot-password-card .forgot-password-form .form-group label[data-v-d6274a84]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.forgot-password-card .forgot-password-form .form-group .form-control[data-v-d6274a84]{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:16px;transition:var(--transition)}.forgot-password-card .forgot-password-form .form-group .form-control[data-v-d6274a84]:focus{border-color:var(--primary-color);outline:none}.forgot-password-card .forgot-password-form .form-group .form-text[data-v-d6274a84]{display:block;margin-top:4px;font-size:12px;color:var(--text-light)}.forgot-password-card .forgot-password-form .form-actions[data-v-d6274a84]{margin-top:var(--margin-md)}.forgot-password-card .forgot-password-form .form-actions .btn[data-v-d6274a84]{display:block;width:100%;padding:12px 16px;border:none;border-radius:var(--border-radius-sm);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);margin-bottom:12px}.forgot-password-card .forgot-password-form .form-actions .btn.btn-primary[data-v-d6274a84]{background-color:var(--primary-color);color:#fff}.forgot-password-card .forgot-password-form .form-actions .btn.btn-primary[data-v-d6274a84]:hover{background-color:var(--primary-dark)}.forgot-password-card .forgot-password-form .form-footer[data-v-d6274a84]{margin-top:var(--margin-md);text-align:center;font-size:14px}.forgot-password-card .forgot-password-form .form-footer a[data-v-d6274a84]{color:var(--primary-color);text-decoration:none}.forgot-password-card .forgot-password-form .form-footer a[data-v-d6274a84]:hover{text-decoration:underline}.forgot-password-card .alert[data-v-d6274a84]{padding:12px 16px;border-radius:var(--border-radius-sm);margin-bottom:var(--margin-md)}.forgot-password-card .alert.alert-danger[data-v-d6274a84]{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.register-card[data-v-6fb0c9b2]{width:100%;max-width:450px;background-color:var(--section-card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow-hover);padding:var(--padding-lg);position:relative;z-index:1}.register-card .back-button-container[data-v-6fb0c9b2]{text-align:left;margin-bottom:var(--margin-md)}.register-card .back-button-container .back-button[data-v-6fb0c9b2]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;display:flex;align-items:center;padding:0;gap:.5rem}.register-card .back-button-container .back-button[data-v-6fb0c9b2]:hover{text-decoration:underline}.register-card .logo-container[data-v-6fb0c9b2]{text-align:center;margin-bottom:var(--margin-md)}.register-card .logo-container .logo[data-v-6fb0c9b2]{width:150px;height:auto}.register-card .register-title[data-v-6fb0c9b2]{font-size:var(--title-font-size);font-weight:700;margin-bottom:8px;color:var(--text-color);text-align:center}.register-card .register-subtitle[data-v-6fb0c9b2]{font-size:var(--desc-font-size);color:var(--text-light);margin-bottom:var(--margin-md);text-align:center}.register-card .register-form[data-v-6fb0c9b2]{margin-top:var(--margin-md)}.register-card .register-form .form-group[data-v-6fb0c9b2]{margin-bottom:var(--margin-md)}.register-card .register-form .form-group label[data-v-6fb0c9b2]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.register-card .register-form .form-group .form-control[data-v-6fb0c9b2]{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:16px;transition:var(--transition)}.register-card .register-form .form-group .form-control[data-v-6fb0c9b2]:focus{border-color:var(--primary-color);outline:none}.register-card .register-form .form-group .form-text[data-v-6fb0c9b2]{display:block;margin-top:4px;font-size:12px;color:var(--text-light)}.register-card .register-form .form-actions[data-v-6fb0c9b2]{margin-top:var(--margin-md)}.register-card .register-form .form-actions .btn[data-v-6fb0c9b2]{display:block;width:100%;padding:12px 16px;border:none;border-radius:var(--border-radius-sm);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);margin-bottom:12px}.register-card .register-form .form-actions .btn.btn-primary[data-v-6fb0c9b2]{background-color:var(--primary-color);color:#fff}.register-card .register-form .form-actions .btn.btn-primary[data-v-6fb0c9b2]:hover{background-color:var(--primary-dark)}.register-card .register-form .form-footer[data-v-6fb0c9b2]{margin-top:var(--margin-md);text-align:center;font-size:14px}.register-card .register-form .form-footer a[data-v-6fb0c9b2]{color:var(--primary-color);text-decoration:none}.register-card .register-form .form-footer a[data-v-6fb0c9b2]:hover{text-decoration:underline}.register-card .alert[data-v-6fb0c9b2]{padding:12px 16px;border-radius:var(--border-radius-sm);margin-bottom:var(--margin-md)}.register-card .alert.alert-danger[data-v-6fb0c9b2]{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.login-container[data-v-673687ad]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--bg-light) 0%,#e4e8f0 100%);padding:var(--padding-md);position:relative;overflow:hidden}.login-container[data-v-673687ad]:before{content:"";position:absolute;top:-10%;right:-5%;width:300px;height:300px;border-radius:50%;background:#4361ee1a;z-index:0}.login-container[data-v-673687ad]:after{content:"";position:absolute;bottom:-15%;left:-5%;width:250px;height:250px;border-radius:50%;background:#4361ee0d;z-index:0}.login-container .circle-1[data-v-673687ad]{position:absolute;top:20%;left:10%;width:100px;height:100px;border-radius:50%;background:#4361ee12;z-index:0;animation:float-circle-1-673687ad 8s ease-in-out infinite}.login-container .circle-2[data-v-673687ad]{position:absolute;bottom:15%;right:10%;width:150px;height:150px;border-radius:50%;background:#4361ee0d;z-index:0;animation:float-circle-2-673687ad 12s ease-in-out infinite}.login-container .circle-3[data-v-673687ad]{position:absolute;top:60%;right:20%;width:80px;height:80px;border-radius:50%;background:#4361ee0f;z-index:0;animation:float-circle-1-673687ad 10s ease-in-out infinite}.login-container .circle-4[data-v-673687ad]{position:absolute;top:40%;left:25%;width:120px;height:120px;border-radius:50%;background:#4361ee0a;z-index:0;animation:float-circle-2-673687ad 14s ease-in-out infinite}@keyframes float-circle-1-673687ad{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(10px)}50%{transform:translateY(0) translate(0)}75%{transform:translateY(10px) translate(-10px)}to{transform:translateY(0) translate(0)}}@keyframes float-circle-2-673687ad{0%{transform:translateY(0) translate(0)}25%{transform:translateY(10px) translate(-10px)}50%{transform:translateY(0) translate(0)}75%{transform:translateY(-10px) translate(10px)}to{transform:translateY(0) translate(0)}}.profile-container[data-v-39170613]{max-width:1000px;margin:0 auto;padding:2rem 1rem}.profile-header[data-v-39170613]{margin-bottom:2rem}.profile-header h1[data-v-39170613]{font-size:2rem;margin-bottom:.5rem}.profile-header p[data-v-39170613]{color:var(--text-light)}.profile-content[data-v-39170613]{display:grid;gap:2rem}.profile-card[data-v-39170613]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:2rem;display:flex;justify-content:space-between;align-items:flex-start}.profile-info[data-v-39170613]{display:flex;gap:2rem}.avatar-large[data-v-39170613]{width:100px;height:100px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:2.5rem;overflow:hidden;text-transform:uppercase}.avatar-img[data-v-39170613]{width:100%;height:100%;object-fit:cover}.user-details h2[data-v-39170613]{font-size:1.5rem;margin-bottom:.25rem}.user-email[data-v-39170613],.user-username[data-v-39170613]{color:var(--text-light);margin-bottom:.5rem}.username-label[data-v-39170613]{font-weight:600}.parent-managed-badge[data-v-39170613]{display:inline-flex;align-items:center;gap:.5rem;background-color:#e6f7ff;color:#0072b1;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;margin-bottom:1rem}.stats[data-v-39170613]{display:flex;gap:2rem}.stat-item[data-v-39170613]{display:flex;flex-direction:column}.stat-value[data-v-39170613]{font-size:1.25rem;font-weight:600;color:var(--primary-color)}.stat-label[data-v-39170613]{font-size:.875rem;color:var(--text-light)}.profile-actions[data-v-39170613]{display:flex;gap:1rem}.btn[data-v-39170613]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s;border:none}.btn-primary[data-v-39170613]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-39170613]:hover{background-color:var(--primary-dark)}.profile-sections[data-v-39170613]{display:grid;gap:2rem}.section-card[data-v-39170613]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:2rem}.section-card h3[data-v-39170613]{margin-bottom:1.5rem;font-size:1.25rem}.form-group[data-v-39170613]{margin-bottom:1.5rem}.form-group label[data-v-39170613]{display:block;margin-bottom:.5rem;font-weight:500}.form-control[data-v-39170613]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.form-control[data-v-39170613]:disabled{background-color:#f5f7fa;cursor:not-allowed}.skills-list[data-v-39170613]{display:grid;gap:1.5rem}.skill-item[data-v-39170613]{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1rem}.skill-name[data-v-39170613]{font-weight:500}.skill-bar[data-v-39170613]{height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.skill-progress[data-v-39170613]{height:100%;background-color:var(--primary-color);border-radius:4px}.skill-level[data-v-39170613]{text-align:right;font-size:.875rem;color:var(--text-light)}@media (max-width: 768px){.profile-card[data-v-39170613]{flex-direction:column;gap:2rem}.profile-info[data-v-39170613]{flex-direction:column;align-items:center;text-align:center}.stats[data-v-39170613]{justify-content:center}.profile-actions[data-v-39170613]{width:100%;justify-content:center}.skill-item[data-v-39170613]{grid-template-columns:1fr;gap:.5rem}.skill-level[data-v-39170613]{text-align:left}}.image-upload-container .file-input[data-v-61689890]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.settings-section h2[data-v-8b735815]{margin-bottom:var(--margin-md);font-size:1.5rem}.settings-card[data-v-8b735815]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--padding-md);margin-bottom:var(--margin-md)}.settings-card h3[data-v-8b735815]{margin-bottom:1.25rem;font-size:var(--title-font-size)}.form-group[data-v-8b735815]{margin-bottom:1.25rem}.form-group label[data-v-8b735815]{display:block;margin-bottom:.5rem;font-weight:500}.form-control[data-v-8b735815]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:1rem}.form-text[data-v-8b735815]{display:block;margin-top:.25rem;font-size:var(--desc-font-size);color:var(--text-light)}.form-actions[data-v-8b735815]{display:flex;justify-content:flex-end}.btn[data-v-8b735815]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem var(--padding-md);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:background-color .2s;border:none;white-space:nowrap}.btn-primary[data-v-8b735815]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-8b735815]:hover{background-color:var(--primary-dark)}.btn-danger[data-v-8b735815]{background-color:#dc3545;color:#fff}.btn-danger[data-v-8b735815]:hover{background-color:#c82333}.danger-zone[data-v-8b735815]{border:1px solid #dc3545}.danger-zone h3[data-v-8b735815]{color:#dc3545}.parent-managed-notice[data-v-8b735815]{display:flex;align-items:flex-start;gap:1rem;background-color:var(--light-blue);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:var(--margin-md);color:#0072b1}.parent-managed-notice h4[data-v-8b735815]{margin:0 0 .5rem;font-size:1.1rem}.parent-managed-notice p[data-v-8b735815]{margin:0;font-size:var(--desc-font-size)}.avatar-preview-container[data-v-8b735815]{cursor:pointer}.email-input-group[data-v-8b735815]{display:flex;align-items:center;gap:1rem}.verified-badge[data-v-8b735815]{display:flex;align-items:center;gap:.5rem;color:var(--success-color);font-weight:500}.settings-section h2[data-v-e715ff70]{margin-bottom:var(--margin-md);font-size:1.5rem}.settings-card[data-v-e715ff70]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--padding-md);margin-bottom:var(--margin-md)}.settings-card h3[data-v-e715ff70]{margin-bottom:1.25rem;font-size:var(--title-font-size)}.form-check[data-v-e715ff70]{display:flex;align-items:center;margin-bottom:var(--margin-sm)}.form-check-input[data-v-e715ff70]{margin-right:.75rem;width:1.25rem;height:1.25rem}.form-check-label[data-v-e715ff70]{font-weight:400}.form-actions[data-v-e715ff70]{display:flex;justify-content:flex-end}.btn[data-v-e715ff70]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem var(--padding-md);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:background-color .2s;border:none}.btn-primary[data-v-e715ff70]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-e715ff70]:hover{background-color:var(--primary-dark)}.settings-section h2[data-v-f1f751fa]{margin-bottom:var(--margin-md);font-size:1.5rem}.settings-card[data-v-f1f751fa]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--padding-md);margin-bottom:var(--margin-md)}.settings-card h3[data-v-f1f751fa]{margin-bottom:1.25rem;font-size:var(--title-font-size)}.form-check[data-v-f1f751fa]{display:flex;align-items:center;margin-bottom:var(--margin-sm)}.form-check-input[data-v-f1f751fa]{margin-right:.75rem;width:1.25rem;height:1.25rem}.form-check-label[data-v-f1f751fa]{font-weight:400}.form-actions[data-v-f1f751fa]{display:flex;justify-content:flex-end}.btn[data-v-f1f751fa]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem var(--padding-md);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:background-color .2s;border:none}.btn-primary[data-v-f1f751fa]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-f1f751fa]:hover{background-color:var(--primary-dark)}.settings-section h2[data-v-226bfcc5]{margin-bottom:var(--margin-md);font-size:1.5rem}.settings-card[data-v-226bfcc5]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--padding-md);margin-bottom:var(--margin-md)}.settings-card h3[data-v-226bfcc5]{margin-bottom:1.25rem;font-size:var(--title-font-size)}.theme-options[data-v-226bfcc5]{display:flex;gap:var(--margin-md)}.theme-option[data-v-226bfcc5]{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer}.theme-option.active .theme-preview[data-v-226bfcc5]{border-color:var(--primary-color)}.theme-preview[data-v-226bfcc5]{width:100px;height:60px;border-radius:var(--border-radius);border:2px solid transparent;transition:border-color .2s}.light-theme[data-v-226bfcc5]{background-color:#fff;box-shadow:var(--shadow-sm)}.dark-theme[data-v-226bfcc5]{background-color:#1a1a1a;box-shadow:var(--shadow-md)}.system-theme[data-v-226bfcc5]{background:linear-gradient(to right,#fff 50%,#1a1a1a 50%);box-shadow:var(--shadow-sm)}.font-size-slider[data-v-226bfcc5]{display:flex;align-items:center;gap:var(--margin-sm)}.font-size-label[data-v-226bfcc5]{font-weight:600}.font-size-label.small[data-v-226bfcc5]{font-size:var(--desc-font-size)}.font-size-label.large[data-v-226bfcc5]{font-size:1.5rem}.slider[data-v-226bfcc5]{flex:1;height:8px;border-radius:var(--border-radius-sm);background:var(--light-gray);outline:none;-webkit-appearance:none}.slider[data-v-226bfcc5]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer}.font-size-value[data-v-226bfcc5]{text-align:center;margin-top:.75rem;font-weight:500}.form-actions[data-v-226bfcc5]{display:flex;justify-content:flex-end}.btn[data-v-226bfcc5]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem var(--padding-md);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:background-color .2s;border:none}.btn-primary[data-v-226bfcc5]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-226bfcc5]:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.theme-options[data-v-226bfcc5]{flex-direction:column;align-items:center}}.settings-header[data-v-7091b75c]{margin-bottom:var(--margin-lg)}.settings-header h1[data-v-7091b75c]{font-size:2rem;margin-bottom:.5rem}.settings-header p[data-v-7091b75c]{color:var(--text-light)}.settings-content[data-v-7091b75c]{display:flex;gap:var(--margin-lg)}.settings-main[data-v-7091b75c]{flex:1}.settings-sidebar[data-v-7091b75c]{position:sticky;top:var(--margin-lg);height:fit-content}@media (max-width: 768px){.settings-content[data-v-7091b75c]{grid-template-columns:1fr}.settings-sidebar[data-v-7091b75c]{position:static;margin-bottom:var(--margin-md)}}.page-title[data-v-a17d2b56]{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color)}.search-container[data-v-a17d2b56]{margin-bottom:2rem}.search-box[data-v-a17d2b56]{display:flex;align-items:center;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:.75rem 1rem;max-width:600px}.search-box font-awesome-icon[data-v-a17d2b56]{color:var(--text-light);margin-right:.75rem}.search-box input[data-v-a17d2b56]{border:none;outline:none;width:100%;font-size:1rem;font-family:var(--font-family)}.help-grid[data-v-a17d2b56]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.help-category[data-v-a17d2b56]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem;transition:var(--transition);cursor:pointer}.help-category[data-v-a17d2b56]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.icon-container[data-v-a17d2b56]{width:50px;height:50px;background-color:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.icon-container i[data-v-a17d2b56]{color:var(--primary-color);font-size:1.5rem}.help-category h3[data-v-a17d2b56]{margin-bottom:.5rem;font-size:1.25rem}.help-category p[data-v-a17d2b56]{color:var(--text-light);font-size:.875rem}.help-sections[data-v-a17d2b56],.help-section[data-v-a17d2b56]{margin-bottom:3rem}.help-section h2[data-v-a17d2b56]{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-light);color:var(--primary-color)}.help-content[data-v-a17d2b56]{display:grid;gap:1.5rem}.help-item[data-v-a17d2b56]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.help-item h3[data-v-a17d2b56]{margin-bottom:.75rem;font-size:1.25rem}.help-item p[data-v-a17d2b56]{margin:0;color:var(--text-color)}.help-item ul[data-v-a17d2b56],.help-item ol[data-v-a17d2b56]{margin-left:1.5rem}.help-item li[data-v-a17d2b56]:not(:last-child){margin-bottom:.5rem}.faq-item[data-v-a17d2b56]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;overflow:hidden}.faq-question[data-v-a17d2b56]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;cursor:pointer;transition:var(--transition)}.faq-question[data-v-a17d2b56]:hover{background-color:var(--secondary-color)}.faq-question h3[data-v-a17d2b56]{margin:0;font-size:1.1rem}.faq-icon[data-v-a17d2b56]{display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:transform .3s ease;width:24px;height:24px}.faq-item .faq-question[aria-expanded=true] .faq-icon[data-v-a17d2b56]{transform:rotate(0)}.faq-answer[data-v-a17d2b56]{max-height:0;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-8px)}.faq-answer.open[data-v-a17d2b56]{max-height:500px;opacity:1;transform:translateY(0)}.faq-answer p[data-v-a17d2b56]{margin:0;padding:1.25rem;color:var(--text-light)}.contact-methods[data-v-a17d2b56]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.contact-method[data-v-a17d2b56]{display:flex;align-items:center;gap:.75rem}.contact-method font-awesome-icon[data-v-a17d2b56]{color:var(--primary-color);font-size:1.25rem}.support-form[data-v-a17d2b56]{display:grid;gap:1.25rem}.form-group[data-v-a17d2b56]{display:grid;gap:.5rem}.form-group label[data-v-a17d2b56]{font-weight:500}.form-group input[data-v-a17d2b56],.form-group textarea[data-v-a17d2b56]{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family)}.form-group input[data-v-a17d2b56]:focus,.form-group textarea[data-v-a17d2b56]:focus{outline:none;border-color:var(--primary-color)}.submit-btn[data-v-a17d2b56]{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition);justify-self:start}.submit-btn[data-v-a17d2b56]:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.help-grid[data-v-a17d2b56],.contact-methods[data-v-a17d2b56]{grid-template-columns:1fr}}.page-header[data-v-22b0ab44]{margin-bottom:2rem}.page-header .page-title[data-v-22b0ab44]{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:1rem;line-height:1.2}.page-header .page-description[data-v-22b0ab44]{font-size:1.1rem;line-height:1.6;color:#555;max-width:800px}@media (max-width: 768px){.page-header .page-title[data-v-22b0ab44]{font-size:1.8rem}}.page-section[data-v-a6933ef8]{margin-bottom:2.5rem;padding:var(--padding-md);background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.challenge-section[data-v-a6933ef8]{display:flex;flex-direction:column}.section-title[data-v-a6933ef8]{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:var(--margin-md);display:flex;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #eaeaea}.section-title .section-icon[data-v-a6933ef8]{margin-right:.75rem;font-size:1.25rem;color:var(--primary-color)}.section-title .section-icon.active-icon[data-v-a6933ef8]{color:var(--success-color)}.section-title .section-icon.upcoming-icon[data-v-a6933ef8]{color:var(--warning-color)}.section-title .section-icon.completed-icon[data-v-a6933ef8]{color:#9c27b0}.challenges-grid[data-v-a6933ef8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--margin-md)}.challenges-grid .challenge-item[data-v-a6933ef8]{display:flex;flex-direction:column}.no-challenges-message[data-v-a6933ef8]{margin:var(--margin-sm) 0}.no-challenges-message .message-box[data-v-a6933ef8]{background-color:var(--secondary-color);border-radius:var(--border-radius-md);padding:var(--padding-lg);text-align:center;border:1px solid #eaeaea}.no-challenges-message .message-box svg[data-v-a6933ef8]{font-size:3rem;color:var(--primary-color);margin-bottom:var(--margin-sm);opacity:.8}.no-challenges-message .message-box h3[data-v-a6933ef8]{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:var(--margin-sm)}.no-challenges-message .message-box p[data-v-a6933ef8]{color:var(--text-light);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.5}@media (max-width: 768px){.section-title[data-v-a6933ef8]{font-size:1.35rem}.message-box[data-v-a6933ef8]{padding:var(--padding-md)}.challenges-grid[data-v-a6933ef8]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--margin-sm)}}@media (max-width: 480px){.page-section[data-v-a6933ef8]{padding:1.25rem}.challenges-grid[data-v-a6933ef8]{grid-template-columns:1fr}}.no-challenges-message[data-v-11031975]{margin:1rem 0}.no-challenges-message .message-box[data-v-11031975]{background-color:#f8f9fa;border-radius:12px;padding:2rem;text-align:center;border:1px solid #eaeaea}.no-challenges-message .message-box svg[data-v-11031975]{font-size:3rem;color:var(--primary-color, #4a6cfa);margin-bottom:1rem;opacity:.8}.no-challenges-message .message-box h3[data-v-11031975]{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1rem}.no-challenges-message .message-box p[data-v-11031975]{color:#555;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.5}@media (max-width: 768px){.no-challenges-message .message-box[data-v-11031975]{padding:1.5rem}}.challenges-page[data-v-c502aaba]{max-width:1200px;margin:0 auto;padding:var(--padding-md);color:var(--text-color);font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif)}.page-section[data-v-c502aaba]{margin-bottom:2.5rem;padding:var(--padding-md);background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.section-title[data-v-c502aaba]{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:var(--margin-md);display:flex;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #eaeaea}.section-title .section-icon[data-v-c502aaba]{margin-right:.75rem;font-size:1.25rem;color:var(--primary-color)}.filtered-challenges-section[data-v-c502aaba]{background-color:var(--secondary-color);border:1px solid var(--border-light)}@media (max-width: 768px){.challenges-page[data-v-c502aaba]{padding:var(--padding-sm)}.page-section[data-v-c502aaba]{padding:1.25rem;margin-bottom:2rem}.section-title[data-v-c502aaba]{font-size:1.35rem}}@media (max-width: 480px){.challenges-page[data-v-c502aaba]{padding:.75rem}.page-section[data-v-c502aaba]{padding:var(--padding-sm);margin-bottom:1.5rem}}.activity-card[data-v-c6b08c82]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border-top:3px solid var(--primary-color, #4a6cfa)}.activity-card[data-v-c6b08c82]:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.activity-content[data-v-c6b08c82]{padding:1.5rem}.activity-title[data-v-c6b08c82]{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 .75rem}.activity-description[data-v-c6b08c82]{font-size:.95rem;line-height:1.5;color:#666;margin:0 0 1.25rem}.activity-footer[data-v-c6b08c82]{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.activity-meta[data-v-c6b08c82]{display:flex;flex-wrap:wrap;gap:1rem}.activity-type[data-v-c6b08c82],.activity-time[data-v-c6b08c82]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#777}.page-section[data-v-0be62d75]{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.section-title[data-v-0be62d75]{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #eaeaea}.activities-list[data-v-0be62d75]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}@media (max-width: 768px){.activities-list[data-v-0be62d75]{grid-template-columns:1fr}}.challenge-banner[data-v-915da3fc]{position:relative;width:100%;height:300px}.banner-image[data-v-915da3fc]{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-md)}.banner-overlay[data-v-915da3fc]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#00000080);pointer-events:none;border-radius:var(--border-radius-md)}.challenge-logo[data-v-915da3fc]{position:absolute;bottom:-30px;left:30px;width:100px;height:100px;border-radius:var(--border-radius-md);overflow:hidden;background-color:#fff;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;padding:var(--padding-sm)}.challenge-logo img[data-v-915da3fc]{max-width:100%;max-height:100%}.challenge-header[data-v-5f4b90f2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.back-button[data-v-5f4b90f2]{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--primary-color, #4a6cfa);font-weight:500;cursor:pointer;transition:color .2s ease}.back-button[data-v-5f4b90f2]:hover{color:var(--primary-color-dark, #3a57e0)}.challenge-status[data-v-5f4b90f2]{padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff}.challenge-status.active[data-v-5f4b90f2]{background-color:var(--success-color, #4caf50)}.challenge-status.upcoming[data-v-5f4b90f2]{background-color:var(--info-color, #2196f3)}.challenge-status.past[data-v-5f4b90f2]{background-color:var(--neutral-color, #9e9e9e)}.metadata-section[data-v-b40de902]{padding:0;box-shadow:none;background-color:transparent}.metadata-grid[data-v-b40de902]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--margin-sm)}.metadata-group[data-v-b40de902]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.metadata-group[data-v-b40de902]:hover{transform:translateY(-3px);box-shadow:0 8px 16px #00000026}.metadata-title[data-v-b40de902]{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:#333;margin:0;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.academic-card .metadata-title[data-v-b40de902]{background-color:#e8f5e9;border-bottom:1px solid #c8e6c9}.academic-card .metadata-title svg[data-v-b40de902]{color:#2e7d32}.timeline-card .metadata-title[data-v-b40de902]{background-color:#fff3e0;border-bottom:1px solid #ffe0b2}.timeline-card .metadata-title svg[data-v-b40de902]{color:#e65100}.reward-card .metadata-title[data-v-b40de902]{background-color:#fce4ec;border-bottom:1px solid #f8bbd0}.reward-card .metadata-title svg[data-v-b40de902]{color:#c2185b}.stats-card .metadata-title[data-v-b40de902]{background-color:#e8eaf6;border-bottom:1px solid #c5cae9}.stats-card .metadata-title svg[data-v-b40de902]{color:#3f51b5}.metadata-content[data-v-b40de902]{padding:1.25rem 1.5rem}.metadata-item[data-v-b40de902]{margin-bottom:1rem}.metadata-item[data-v-b40de902]:last-child{margin-bottom:0}.metadata-label[data-v-b40de902]{display:block;font-size:.85rem;color:#777;margin-bottom:.4rem}.metadata-value[data-v-b40de902]{display:block;font-size:1rem;font-weight:500;color:#333}.metadata-value.highlight[data-v-b40de902]{color:#f44336;font-weight:600}.reward-container[data-v-b40de902]{display:flex;align-items:center;gap:1.25rem}.page-section[data-v-d9167c18]{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.section-title[data-v-d9167c18]{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #eaeaea}.requirements-container[data-v-d9167c18]{display:flex;gap:1.25rem;padding:1.25rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid var(--primary-color, #4a6cfa)}.requirements-icon[data-v-d9167c18]{font-size:1.5rem;color:var(--primary-color, #4a6cfa);flex-shrink:0;margin-top:.25rem}.requirements-text[data-v-d9167c18]{font-size:1rem;line-height:1.6;color:#555;margin:0}.page-section[data-v-e3543901]{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.section-title[data-v-e3543901]{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #eaeaea}.resources-list[data-v-e3543901]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.resource-link[data-v-e3543901]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:#fff;border:1px solid #eaeaea;border-radius:8px;text-decoration:none;color:var(--primary-color, #4a6cfa);font-weight:500;transition:all .2s ease}.resource-link[data-v-e3543901]:hover{background-color:var(--primary-color-light, #e8eaff);border-color:var(--primary-color, #4a6cfa);transform:translateY(-2px);box-shadow:0 3px 8px #0000001a}@media (max-width: 768px){.resources-list[data-v-e3543901]{grid-template-columns:1fr}}.success-modal[data-v-45d26fdd]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#000000b3;z-index:z("modal","base")}.modal-content[data-v-45d26fdd]{position:relative;background-color:#fff;padding:2rem;border-radius:16px;width:90%;max-width:500px;text-align:center;box-shadow:0 8px 30px #0003;z-index:z("modal","base");animation:modalAppear-45d26fdd .5s ease forwards}.close-button[data-v-45d26fdd]{position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:#666;cursor:pointer;transition:color .2s ease}.close-button[data-v-45d26fdd]:hover{color:#333}.success-icon[data-v-45d26fdd]{font-size:4rem;color:#4caf50;margin-bottom:1rem;animation:iconPop-45d26fdd .5s ease forwards}h2[data-v-45d26fdd]{font-size:1.8rem;color:#333;margin:0 0 1rem}p[data-v-45d26fdd]{color:#666;margin:0 0 1rem}.encouragement[data-v-45d26fdd]{font-weight:500;color:#4a6cfa}.continue-btn[data-v-45d26fdd]{background-color:#4caf50;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.continue-btn[data-v-45d26fdd]:hover{background-color:#43a047;transform:translateY(-2px);box-shadow:0 4px 10px #4caf504d}.fireworks-container[data-v-45d26fdd]{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:z("modal","base")}.firework[data-v-45d26fdd]{position:absolute;border-radius:50%;animation:firework-45d26fdd 1s ease-out forwards}@keyframes modalAppear-45d26fdd{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPop-45d26fdd{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes firework-45d26fdd{0%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.page-section[data-v-be155229]{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.teacher-tools-section[data-v-be155229]{background-color:#fff8e6}.section-title[data-v-be155229]{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #eaeaea}.teacher-actions[data-v-be155229]{display:flex;flex-wrap:wrap;gap:1rem}.tool-button[data-v-be155229]{flex:1;min-width:200px;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease}.edit-button[data-v-be155229]{background-color:#fff;color:var(--warning-color, #ff9800);border:1px solid var(--warning-color, #ff9800)}.edit-button[data-v-be155229]:hover{background-color:var(--warning-color, #ff9800);color:#fff}.participants-button[data-v-be155229]{background-color:#fff;color:var(--info-color, #2196f3);border:1px solid var(--info-color, #2196f3)}.participants-button[data-v-be155229]:hover{background-color:var(--info-color, #2196f3);color:#fff}@media (max-width: 768px){.teacher-actions[data-v-be155229]{flex-direction:column}.tool-button[data-v-be155229]{width:100%}}.challenge-header-container[data-v-ebddc6b6]{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem}@media (max-width: 768px){.challenge-header-container[data-v-ebddc6b6]{flex-direction:column}}.challenge-title-area[data-v-ebddc6b6]{flex:1;min-width:250px}.challenge-title-area .page-title[data-v-ebddc6b6]{font-size:2rem;font-weight:700;color:#333;line-height:1.2;margin:0}.challenge-title-area .challenge-badges[data-v-ebddc6b6]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.challenge-title-area .challenge-badges .badge[data-v-ebddc6b6]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;background-color:#f5f5f5;color:#555}.challenge-title-area .challenge-badges .challenge-type-badge[data-v-ebddc6b6]{background-color:var(--primary-color-light, #e8eaff);color:var(--primary-color, #4a6cfa)}.challenge-title-area .challenge-badges .theme-badge[data-v-ebddc6b6]{background-color:#f0f4f8;color:#566b85}.action-area[data-v-ebddc6b6]{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.action-area[data-v-ebddc6b6]{width:100%}}.challenge-detail[data-v-8ec0449e]{max-width:1200px;margin:0 auto;padding:var(--padding-md);color:var(--text-color);font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif)}.challenge-content[data-v-8ec0449e]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--margin-lg)}.page-section[data-v-8ec0449e]{padding:var(--padding-md);background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.section-title[data-v-8ec0449e]{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #eaeaea}.about-challenge-content[data-v-8ec0449e]{display:flex;gap:1.5rem}.challenge-image-container[data-v-8ec0449e]{width:40%;border-radius:8px;overflow:hidden}.challenge-detail-image[data-v-8ec0449e]{width:100%;height:100%;border-radius:8px;transition:transform .3s ease}.challenge-detail-image[data-v-8ec0449e]:hover{transform:scale(1.02)}.description-text[data-v-8ec0449e]{font-size:1.1rem;line-height:1.6;color:var(--text-light);margin:0}.loading-container[data-v-8ec0449e]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-light)}.loading-spinner[data-v-8ec0449e]{font-size:2rem;color:var(--primary-color);margin-bottom:var(--margin-sm)}@media (max-width: 768px){.challenge-detail[data-v-8ec0449e]{padding:var(--padding-sm)}.page-section[data-v-8ec0449e]{padding:1.25rem}.section-title[data-v-8ec0449e]{font-size:1.3rem}}.course-detail[data-v-cd5518d8]{display:flex;flex-direction:column;gap:var(--margin-lg)}.course-detail .course-header[data-v-cd5518d8]{display:flex;justify-content:space-between;align-items:flex-start}.course-detail .course-header .course-meta[data-v-cd5518d8]{max-width:70%}.course-detail .course-header .course-meta .meta-top[data-v-cd5518d8]{display:flex;gap:var(--margin-sm);margin-bottom:var(--margin-sm)}.course-detail .course-header .course-meta .course-subject[data-v-cd5518d8]{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;background-color:var(--primary-light);color:var(--primary-color)}.course-detail .course-header .course-meta .course-status[data-v-cd5518d8]{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.course-detail .course-header .course-meta .course-status.active[data-v-cd5518d8]{background-color:var(--success-light);color:var(--success-color)}.course-detail .course-header .course-meta .course-status.archived[data-v-cd5518d8]{background-color:var(--warning-light);color:var(--warning-color)}.course-detail .course-header .course-meta .course-title[data-v-cd5518d8]{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-color)}.course-detail .course-header .course-meta .course-description[data-v-cd5518d8]{color:var(--text-light);font-size:1rem;line-height:1.5}.course-detail .course-content[data-v-cd5518d8]{display:grid;grid-template-columns:2fr 1fr;gap:var(--margin-lg)}.course-detail .course-content .course-main[data-v-cd5518d8]{display:flex;flex-direction:column;gap:var(--margin-lg)}.course-detail .course-content .course-main .course-section[data-v-cd5518d8]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--padding-md)}.course-detail .course-content .course-main .course-section h2[data-v-cd5518d8]{margin-bottom:var(--margin-md);font-size:var(--title-font-size);color:var(--text-color)}.course-detail .course-content .course-main .course-section .learning-goal[data-v-cd5518d8]{color:var(--text-light);line-height:1.6}.course-detail .course-content .course-main .course-section .skills[data-v-cd5518d8],.course-detail .course-content .course-main .course-section .students[data-v-cd5518d8]{display:flex;flex-wrap:wrap;gap:var(--margin-sm)}.course-detail .course-content .course-main .course-section .activities[data-v-cd5518d8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--margin-md)}.course-detail .course-content .course-main .course-section[data-v-cd5518d8]:has(h2:contains("Grade Levels")){display:none}.course-detail .course-content .course-sidebar[data-v-cd5518d8]{display:flex;flex-direction:column;gap:var(--margin-lg);position:sticky;top:calc(var(--navbar-height) + var(--padding-md));height:fit-content}.course-detail .course-content .course-sidebar .course-info-card[data-v-cd5518d8]{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--padding-md)}.course-detail .course-content .course-sidebar .course-info-card .info-item[data-v-cd5518d8]{display:flex;flex-direction:column;gap:var(--margin-xs);margin-bottom:var(--margin-md)}.course-detail .course-content .course-sidebar .course-info-card .info-item[data-v-cd5518d8]:last-child{margin-bottom:0}.course-detail .course-content .course-sidebar .course-info-card .info-item .info-label[data-v-cd5518d8]{font-size:.875rem;color:var(--text-light)}.course-detail .course-content .course-sidebar .course-info-card .info-item .info-value[data-v-cd5518d8]{font-size:1rem;font-weight:500;color:var(--text-color)}.course-detail .course-content .course-sidebar .course-info-card .info-item.class-code .class-code-wrapper[data-v-cd5518d8]{display:flex;align-items:center;gap:4px}.course-detail .course-content .course-sidebar .course-info-card .info-item.class-code .copy-btn[data-v-cd5518d8]{padding:4px;background:none;border:none;color:var(--primary-color);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition)}.course-detail .course-content .course-sidebar .course-info-card .info-item.class-code .copy-btn[data-v-cd5518d8]:hover{background-color:var(--primary-light)}.course-not-found[data-v-cd5518d8]{text-align:center;padding:var(--padding-xl)}.course-not-found h2[data-v-cd5518d8]{margin-bottom:var(--margin-md);color:var(--text-color)}.course-not-found p[data-v-cd5518d8]{margin-bottom:var(--margin-lg);color:var(--text-light)}.grade-levels .grade-tag[data-v-cd5518d8]{font-size:.9rem;padding:.4rem .8rem;background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius);display:inline-block}.verify-email-page[data-v-ea648161]{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-light);padding:2rem}.container[data-v-ea648161]{width:100%;max-width:500px;margin:0 auto}.verification-card[data-v-ea648161]{background-color:#fff;border-radius:var(--border-radius-lg);padding:3rem 2rem;box-shadow:var(--shadow-lg);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.verification-card[data-v-ea648161]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.verification-icon[data-v-ea648161]{margin-bottom:2rem}.verification-icon svg[data-v-ea648161]{font-size:4rem}.verification-icon .spinner[data-v-ea648161]{color:var(--primary-color);animation:spin-ea648161 1s linear infinite}.verification-icon .success[data-v-ea648161]{color:var(--success-color)}.verification-icon .error[data-v-ea648161]{color:var(--warning-color)}.verification-title[data-v-ea648161]{font-size:1.75rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.verification-message[data-v-ea648161]{font-size:1.125rem;color:var(--text-light);margin-bottom:2rem;line-height:1.6}@keyframes spin-ea648161{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.verify-email-page[data-v-ea648161]{padding:1rem}.verification-card[data-v-ea648161]{padding:2rem 1.5rem}.verification-icon svg[data-v-ea648161]{font-size:3rem}.verification-title[data-v-ea648161]{font-size:1.5rem}.verification-message[data-v-ea648161]{font-size:1rem}}.terms-of-use[data-v-3019d720]{padding:2rem 0;color:var(--text-color)}.container[data-v-3019d720]{max-width:800px;margin:0 auto;padding:0 1rem}h1[data-v-3019d720]{font-size:2rem;margin-bottom:.5rem;color:var(--primary-color)}.last-updated[data-v-3019d720]{color:var(--text-light);font-style:italic;margin-bottom:2rem}section[data-v-3019d720]{margin-bottom:2rem}h2[data-v-3019d720]{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}p[data-v-3019d720]{margin-bottom:1rem;line-height:1.6}ul[data-v-3019d720]{margin-bottom:1rem;padding-left:1.5rem}li[data-v-3019d720]{margin-bottom:.5rem;line-height:1.6}.privacy-policy[data-v-fa20607e]{padding:2rem 0;color:var(--text-color)}.container[data-v-fa20607e]{max-width:800px;margin:0 auto;padding:0 1rem}h1[data-v-fa20607e]{font-size:2rem;margin-bottom:.5rem;color:var(--primary-color)}.last-updated[data-v-fa20607e]{color:var(--text-light);font-style:italic;margin-bottom:2rem}section[data-v-fa20607e]{margin-bottom:2rem}h2[data-v-fa20607e]{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}h3[data-v-fa20607e]{font-size:1.25rem;margin:1.5rem 0 .75rem;color:var(--text-color)}p[data-v-fa20607e]{margin-bottom:1rem;line-height:1.6}ul[data-v-fa20607e]{margin-bottom:1rem;padding-left:1.5rem}li[data-v-fa20607e]{margin-bottom:.5rem;line-height:1.6}.container .page-content[data-v-270fb125]{padding:40px 0}.container .page-content .title[data-v-270fb125]{margin-bottom:53px;font-weight:700;font-size:24px;text-align:center}.container .page-content .content[data-v-270fb125]{font-size:14px;line-height:1.5}.payment-result[data-v-996ae54b]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 0;background:linear-gradient(135deg,var(--primary-light) 0%,#ffffff 100%)}.payment-result .container[data-v-996ae54b]{max-width:600px;margin:0 auto;padding:0 20px}.payment-result .result-content[data-v-996ae54b]{background-color:#fff;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 30px #0000001a;border-top:5px solid #4caf50}.payment-result .result-icon[data-v-996ae54b]{font-size:4rem;color:#4caf50;margin-bottom:1.5rem;animation:scaleIn-996ae54b .5s ease-out}.payment-result h1[data-v-996ae54b]{font-size:2rem;color:#333;margin-bottom:1rem}.payment-result .result-message[data-v-996ae54b]{font-size:1.1rem;color:#666;margin-bottom:2rem;line-height:1.6}.payment-result .action-buttons[data-v-996ae54b]{display:flex;justify-content:center;gap:1rem}.payment-result .action-buttons .btn-primary[data-v-996ae54b]{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background-color:var(--primary-color);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.payment-result .action-buttons .btn-primary[data-v-996ae54b]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}@keyframes scaleIn-996ae54b{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.payment-result[data-v-996ae54b]{padding:1rem}.payment-result .result-content[data-v-996ae54b]{padding:2rem 1.5rem}.payment-result h1[data-v-996ae54b]{font-size:1.75rem}.payment-result .result-message[data-v-996ae54b]{font-size:1rem}}.payment-result[data-v-06cdbcfc]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 0;background:linear-gradient(135deg,#fff5f5,#fff)}.payment-result .container[data-v-06cdbcfc]{max-width:600px;margin:0 auto;padding:0 20px}.payment-result .result-content[data-v-06cdbcfc]{background-color:#fff;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 30px #0000001a;border-top:5px solid #f44336}.payment-result .result-icon[data-v-06cdbcfc]{font-size:4rem;color:#f44336;margin-bottom:1.5rem;animation:scaleIn-06cdbcfc .5s ease-out}.payment-result h1[data-v-06cdbcfc]{font-size:2rem;color:#333;margin-bottom:1rem}.payment-result .result-message[data-v-06cdbcfc]{font-size:1.1rem;color:#666;margin-bottom:2rem;line-height:1.6}.payment-result .error-details[data-v-06cdbcfc]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background-color:#fff5f5;border-radius:12px;text-align:left}.payment-result .error-details .detail-item[data-v-06cdbcfc]{display:flex;align-items:center;gap:.75rem;color:#495057;font-size:1rem;margin-bottom:.5rem}.payment-result .error-details .detail-item svg[data-v-06cdbcfc]{color:#f44336}.payment-result .error-details ul[data-v-06cdbcfc]{list-style:none;padding-left:2rem;margin:0}.payment-result .error-details ul li[data-v-06cdbcfc]{position:relative;color:#666;margin-bottom:.5rem;font-size:.95rem}.payment-result .error-details ul li[data-v-06cdbcfc]:before{content:"•";position:absolute;left:-1rem;color:#f44336}.payment-result .error-details ul li[data-v-06cdbcfc]:last-child{margin-bottom:0}.payment-result .action-buttons[data-v-06cdbcfc]{display:flex;justify-content:center;gap:1rem}.payment-result .action-buttons button[data-v-06cdbcfc]{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.payment-result .action-buttons .btn-primary[data-v-06cdbcfc]{color:#fff;background-color:var(--primary-color);border:none;box-shadow:0 4px 6px #0000001a}.payment-result .action-buttons .btn-primary[data-v-06cdbcfc]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.payment-result .action-buttons .btn-outline[data-v-06cdbcfc]{color:var(--primary-color);background-color:transparent;border:2px solid var(--primary-color)}.payment-result .action-buttons .btn-outline[data-v-06cdbcfc]:hover{background-color:var(--primary-light);transform:translateY(-2px)}@keyframes scaleIn-06cdbcfc{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.payment-result[data-v-06cdbcfc]{padding:1rem}.payment-result .result-content[data-v-06cdbcfc]{padding:2rem 1.5rem}.payment-result h1[data-v-06cdbcfc]{font-size:1.75rem}.payment-result .result-message[data-v-06cdbcfc]{font-size:1rem}.payment-result .action-buttons[data-v-06cdbcfc]{flex-direction:column;gap:1rem}.payment-result .action-buttons button[data-v-06cdbcfc]{width:100%}}.payment-result[data-v-f8fb987b]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 0;background:linear-gradient(135deg,#f8f9fa,#fff)}.payment-result .container[data-v-f8fb987b]{max-width:600px;margin:0 auto;padding:0 20px}.payment-result .result-content[data-v-f8fb987b]{background-color:#fff;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 30px #0000001a;border-top:5px solid #ff9800}.payment-result .header-row[data-v-f8fb987b]{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.payment-result .header-row .result-icon[data-v-f8fb987b]{font-size:2.5rem;color:#ff9800;margin-right:1rem;animation:scaleIn-f8fb987b .5s ease-out}.payment-result .header-row h1[data-v-f8fb987b]{font-size:2rem;color:#333;margin:0}.payment-result .action-info[data-v-f8fb987b]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background-color:#fff8e1;border-radius:12px;text-align:left}.payment-result .action-info ul[data-v-f8fb987b]{list-style:none;padding-left:2rem;margin:0}.payment-result .action-info ul li[data-v-f8fb987b]{position:relative;color:#666;margin-bottom:.5rem;font-size:.95rem}.payment-result .action-info ul li[data-v-f8fb987b]:before{content:"•";position:absolute;left:-1rem;color:#ff9800}.payment-result .action-info ul li[data-v-f8fb987b]:last-child{margin-bottom:0}.payment-result .feedback-section[data-v-f8fb987b]{margin:2rem 0;padding:1.5rem;background-color:#f8f9fa;border-radius:12px;text-align:left}.payment-result .feedback-section .feedback-title[data-v-f8fb987b]{font-size:1rem;color:#666;margin-bottom:1rem}.payment-result .feedback-section .questions-list[data-v-f8fb987b]{list-style:none;padding-left:1.5rem;margin:0 0 1.5rem}.payment-result .feedback-section .questions-list li[data-v-f8fb987b]{position:relative;margin-bottom:.75rem;font-size:1rem;line-height:1.4}.payment-result .feedback-section .questions-list li[data-v-f8fb987b]:before{content:"•";position:absolute;left:-1.5rem;color:#ff9800;font-weight:700;font-style:normal}.payment-result .feedback-section .questions-list li[data-v-f8fb987b]:last-child{margin-bottom:0}.payment-result .feedback-section .contact-note[data-v-f8fb987b]{color:var(--primary-color);margin-top:1rem;margin-bottom:0}.payment-result .action-buttons[data-v-f8fb987b]{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.payment-result .action-buttons button[data-v-f8fb987b]{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.payment-result .action-buttons .btn-primary[data-v-f8fb987b]{color:#fff;background-color:var(--primary-color);border:none;box-shadow:0 4px 6px #0000001a}.payment-result .action-buttons .btn-primary[data-v-f8fb987b]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.payment-result .action-buttons .btn-outline[data-v-f8fb987b]{color:var(--primary-color);background-color:transparent;border:2px solid var(--primary-color)}.payment-result .action-buttons .btn-outline[data-v-f8fb987b]:hover{background-color:var(--primary-light);transform:translateY(-2px)}@keyframes scaleIn-f8fb987b{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.payment-result[data-v-f8fb987b]{padding:1rem}.payment-result .result-content[data-v-f8fb987b]{padding:2rem 1.5rem}.payment-result .header-row h1[data-v-f8fb987b]{font-size:1.75rem}.payment-result .feedback-section[data-v-f8fb987b]{padding:1.25rem}.payment-result .action-buttons[data-v-f8fb987b]{flex-direction:column;gap:1rem}.payment-result .action-buttons button[data-v-f8fb987b]{width:100%}}.left-sidebar[data-v-d1102fa5]{width:100%;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto;box-shadow:2px 0 4px #0000000d}.left-sidebar .sidebar-header[data-v-d1102fa5]{padding:1rem;border-bottom:1px solid #e2e8f0}.left-sidebar .sidebar-header .logo-section[data-v-d1102fa5]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.left-sidebar .sidebar-header .logo-section .website-logo[data-v-d1102fa5]{display:flex;align-items:center;gap:.5rem}.left-sidebar .sidebar-header .logo-section .website-logo .logo-image[data-v-d1102fa5]{width:32px;height:32px}.left-sidebar .sidebar-header .logo-section .website-logo .logo-text[data-v-d1102fa5]{font-size:1.2rem;font-weight:600;color:#1e293b}.left-sidebar .sidebar-header .back-link[data-v-d1102fa5]{display:flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-weight:500;padding:.75rem 1rem;border-radius:8px;transition:all .2s;background-color:#f1f5f9;margin-top:.75rem}.left-sidebar .sidebar-header .back-link[data-v-d1102fa5]:hover{background-color:#e2e8f0;color:#475569;transform:translate(-2px)}.left-sidebar .progress-stepper[data-v-d1102fa5]{padding:1rem;flex:1}.left-sidebar .progress-stepper .stepper-title[data-v-d1102fa5]{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;text-align:center}.left-sidebar .progress-stepper .step-list[data-v-d1102fa5]{display:flex;flex-direction:column;gap:.75rem}.left-sidebar .progress-stepper .step-list .step-item[data-v-d1102fa5]{display:flex;align-items:center;gap:.5rem;padding:1.25rem;border-radius:10px;transition:all .3s ease;position:relative;background-color:#f8fafc;color:#64748b}.left-sidebar .progress-stepper .step-list .step-item[data-v-d1102fa5]:hover{background-color:#f1f5f9;transform:translate(2px)}.left-sidebar .progress-stepper .step-list .step-item.active[data-v-d1102fa5]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d;transform:translate(4px)}.left-sidebar .progress-stepper .step-list .step-item.active .step-number[data-v-d1102fa5]{background-color:#ffffff4d;color:#fff}.left-sidebar .progress-stepper .step-list .step-item.active .step-marker[data-v-d1102fa5]{background-color:#fff3;animation:pulse 2s infinite}.left-sidebar .progress-stepper .step-list .step-item.completed[data-v-d1102fa5]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.left-sidebar .progress-stepper .step-list .step-item.completed .step-info h4[data-v-d1102fa5]{color:#fff}.left-sidebar .progress-stepper .step-list .step-item.completed .step-marker[data-v-d1102fa5]{background-color:#fff3}.left-sidebar .progress-stepper .step-list .step-item.completed .step-number[data-v-d1102fa5]{background:#ffffff4d}.left-sidebar .progress-stepper .step-list .step-item .step-number[data-v-d1102fa5]{background-color:#e2e8f0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0;transition:all .3s ease}.left-sidebar .progress-stepper .step-list .step-item .step-marker[data-v-d1102fa5]{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:all .3s ease}.left-sidebar .progress-stepper .step-list .step-item .step-info h4[data-v-d1102fa5]{font-size:1rem;font-weight:600;margin:0}.left-sidebar .progress-stepper .step-list .step-item .step-info p[data-v-d1102fa5]{margin-top:.25rem;font-size:.85rem;margin:0;opacity:.8}.left-sidebar .writing-details[data-v-d1102fa5]{margin:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e2e8f0}.left-sidebar .writing-details h4[data-v-d1102fa5]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.left-sidebar .writing-details .detail-item[data-v-d1102fa5]{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem}.left-sidebar .writing-details .detail-item[data-v-d1102fa5]:last-child{margin-bottom:0}.left-sidebar .writing-details .detail-item .label[data-v-d1102fa5]{color:#64748b;font-weight:500}.left-sidebar .writing-details .detail-item .value[data-v-d1102fa5]{color:#1e293b;font-weight:600}@media (max-width: 1535.98px){.left-sidebar .sidebar-header[data-v-d1102fa5]{padding:.75rem}.left-sidebar .sidebar-header .logo-section .website-logo .logo-image[data-v-d1102fa5]{width:28px;height:28px}.left-sidebar .sidebar-header .logo-section .website-logo .logo-text[data-v-d1102fa5]{font-size:1.1rem}.left-sidebar .sidebar-header .back-link[data-v-d1102fa5]{padding:.6rem .8rem;font-size:.9rem}.left-sidebar .progress-stepper[data-v-d1102fa5]{padding:.75rem}.left-sidebar .progress-stepper .stepper-title[data-v-d1102fa5]{font-size:1.1rem;margin-bottom:1.25rem}.left-sidebar .progress-stepper .step-list[data-v-d1102fa5]{gap:.6rem}.left-sidebar .progress-stepper .step-list .step-item[data-v-d1102fa5]{padding:1rem}.left-sidebar .progress-stepper .step-list .step-item .step-number[data-v-d1102fa5]{width:22px;height:22px;font-size:.75rem}.left-sidebar .progress-stepper .step-list .step-item .step-marker[data-v-d1102fa5]{width:38px;height:38px;font-size:1.1rem}.left-sidebar .progress-stepper .step-list .step-item .step-info h4[data-v-d1102fa5]{font-size:.95rem}}@media (max-width: 1279.98px){.left-sidebar .sidebar-header[data-v-d1102fa5]{padding:.6rem}.left-sidebar .sidebar-header .logo-section .website-logo .logo-image[data-v-d1102fa5]{width:24px;height:24px}.left-sidebar .sidebar-header .logo-section .website-logo .logo-text[data-v-d1102fa5]{font-size:1rem}.left-sidebar .sidebar-header .back-link[data-v-d1102fa5]{padding:.5rem .7rem;font-size:.85rem}.left-sidebar .progress-stepper[data-v-d1102fa5]{padding:.6rem}.left-sidebar .progress-stepper .stepper-title[data-v-d1102fa5]{font-size:1rem;margin-bottom:1rem}.left-sidebar .progress-stepper .step-list[data-v-d1102fa5]{gap:.5rem}.left-sidebar .progress-stepper .step-list .step-item[data-v-d1102fa5]{padding:.9rem .8rem}.left-sidebar .progress-stepper .step-list .step-item .step-number[data-v-d1102fa5]{width:20px;height:20px;font-size:.7rem}.left-sidebar .progress-stepper .step-list .step-item .step-marker[data-v-d1102fa5]{width:34px;height:34px;font-size:1rem}.left-sidebar .progress-stepper .step-list .step-item .step-info h4[data-v-d1102fa5]{font-size:.9rem}}@media (max-width: 1023.98px){.left-sidebar .sidebar-header[data-v-d1102fa5]{padding:.5rem}.left-sidebar .sidebar-header .logo-section .website-logo .logo-image[data-v-d1102fa5]{width:22px;height:22px}.left-sidebar .sidebar-header .logo-section .website-logo .logo-text[data-v-d1102fa5]{font-size:.9rem}.left-sidebar .sidebar-header .back-link[data-v-d1102fa5]{padding:.4rem .6rem;font-size:.8rem}.left-sidebar .progress-stepper[data-v-d1102fa5]{padding:.5rem}.left-sidebar .progress-stepper .stepper-title[data-v-d1102fa5]{font-size:.9rem;margin-bottom:.8rem}.left-sidebar .progress-stepper .step-list[data-v-d1102fa5]{gap:.4rem}.left-sidebar .progress-stepper .step-list .step-item[data-v-d1102fa5]{padding:.8rem .6rem}.left-sidebar .progress-stepper .step-list .step-item .step-number[data-v-d1102fa5]{width:18px;height:18px;font-size:.65rem}.left-sidebar .progress-stepper .step-list .step-item .step-marker[data-v-d1102fa5]{width:30px;height:30px;font-size:.9rem}.left-sidebar .progress-stepper .step-list .step-item .step-info h4[data-v-d1102fa5]{font-size:.8rem}}.middle-header[data-v-99f82b97]{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.middle-header .header-content h2[data-v-99f82b97]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.middle-header .header-content p[data-v-99f82b97]{margin-top:.5rem;color:#64748b;margin:0;font-size:1.1rem}.chat-workspace[data-v-0f2db192]{display:flex;flex-direction:column;height:100%;background-color:var(--bg-color)}.chat-messages[data-v-0f2db192]{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message[data-v-0f2db192]{display:flex;gap:1rem;max-width:80%}.message.user-message[data-v-0f2db192]{margin-left:auto;flex-direction:row-reverse}.message-avatar[data-v-0f2db192]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.message-avatar.ai-avatar[data-v-0f2db192]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.message-content[data-v-0f2db192]{padding:1rem;border-radius:var(--border-radius);background-color:var(--primary-color);color:#fff}.message-content.ai-content[data-v-0f2db192]{background-color:#f8fafc;border:1px solid #e2e8f0;color:#1e293b;border-bottom-left-radius:6px}.message-content.user-content[data-v-0f2db192]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-bottom-right-radius:6px}.typing-indicator[data-v-0f2db192]{display:flex;gap:4px;padding:8px}.typing-indicator .dot[data-v-0f2db192]{width:8px;height:8px;background-color:#fff;border-radius:50%;animation:bounce-0f2db192 1.4s infinite ease-in-out}.typing-indicator .dot[data-v-0f2db192]:nth-child(1){animation-delay:-.32s}.typing-indicator .dot[data-v-0f2db192]:nth-child(2){animation-delay:-.16s}@keyframes bounce-0f2db192{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.error-message[data-v-0f2db192]{padding:1rem;color:var(--error-color);text-align:center}.chat-input-area[data-v-0f2db192]{padding:1rem;display:flex;gap:.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.input-container[data-v-0f2db192]{flex:1;display:flex;gap:.5rem;background-color:var(--input-bg);border-radius:var(--border-radius);padding:.5rem;border:1px solid var(--border-color);transition:var(--transition)}.input-container[data-v-0f2db192]:hover{border-color:var(--primary-color)}.chat-input[data-v-0f2db192]{flex:1;border:none;background:none;resize:none;min-height:40px;max-height:120px;padding:.5rem;color:var(--text-color);font-size:1rem;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-input[data-v-0f2db192]::placeholder{color:var(--placeholder-color)}.chat-input[data-v-0f2db192]:focus{outline:none}.chat-input[data-v-0f2db192]:disabled{cursor:not-allowed;opacity:.8}.send-btn[data-v-0f2db192]{width:40px;height:40px;border-radius:var(--border-radius);border:none;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.send-btn[data-v-0f2db192]:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.send-btn[data-v-0f2db192]:disabled{background-color:var(--disabled-color);cursor:not-allowed;transform:none}.next-step-btn[data-v-97ada3c9]{width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem}.next-step-btn[data-v-97ada3c9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 1535.98px){.next-step-btn[data-v-97ada3c9]{padding:.9rem 1.1rem;font-size:.95rem;gap:.6rem}}@media (max-width: 1279.98px){.next-step-btn[data-v-97ada3c9]{padding:.8rem 1rem;font-size:.9rem;gap:.5rem;border-radius:8px}}@media (max-width: 1023.98px){.next-step-btn[data-v-97ada3c9]{padding:.7rem .9rem;font-size:.85rem;gap:.4rem;border-radius:6px}}.middle-section[data-v-5d1a83d4]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-5d1a83d4]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-5d1a83d4]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-5d1a83d4]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.slider-content[data-v-5d1a83d4]{padding:var(--padding-md)}.outline-content[data-v-5d1a83d4]{flex-shrink:0}.outline-content h3[data-v-5d1a83d4]{font-size:var(--title-font-size);margin-bottom:.75rem;color:var(--title-color);text-align:center}.outline-content p[data-v-5d1a83d4]{margin-bottom:.75rem;color:var(--desc-color);text-align:center}.outline-content ul[data-v-5d1a83d4]{padding-left:var(--padding-md);margin-bottom:var(--margin-md)}.outline-content li[data-v-5d1a83d4]{margin-bottom:.5rem;color:var(--text-color)}.writing-slide-images[data-v-5d1a83d4]{display:flex;flex-direction:column;gap:var(--margin-md);margin-top:var(--margin-md)}.writing-slide-image[data-v-5d1a83d4]{width:100%;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 2px 8px #00000014;transition:var(--transition);flex-shrink:0}.writing-slide-image[data-v-5d1a83d4]:hover{box-shadow:0 4px 15px #0000001f;transform:translateY(-2px)}.writing-slide-image img[data-v-5d1a83d4]{width:100%;height:auto;display:block;cursor:pointer;object-fit:cover;border:1px solid var(--border-light, #eaeaea)}.mt-4[data-v-5d1a83d4]{margin-top:var(--margin-md)}.outline-section[data-v-aa57baa1]{background:#fff;border-radius:12px;border:2px solid #e2e8f0;overflow:hidden;transition:all .3s ease;animation:fadeInUp-aa57baa1 .3s ease;flex-shrink:0}.outline-section[data-v-aa57baa1]:focus-within{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.outline-section .section-header[data-v-aa57baa1]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.outline-section .section-icon[data-v-aa57baa1]{width:24px;height:24px;color:#3b82f6}.outline-section .section-title[data-v-aa57baa1]{flex:1;display:flex;align-items:center;justify-content:space-between}.outline-section .section-title h3[data-v-aa57baa1]{font-size:1.125rem;font-weight:600;color:#1e293b}.outline-section .word-count[data-v-aa57baa1]{font-size:.875rem;color:#64748b;font-weight:500}.outline-section .section-content[data-v-aa57baa1]{padding:0}.outline-section .section-textarea[data-v-aa57baa1]{width:100%;min-height:120px;padding:1rem;resize:none;border:none;outline:none;resize:vertical;font-family:inherit;font-size:1rem;line-height:1.6;color:#1e293b;transition:all .2s}.outline-section .section-textarea[data-v-aa57baa1]::placeholder{color:#94a3b8}.outline-section .section-textarea[data-v-aa57baa1]:focus{background-color:#fafbfc}@keyframes fadeInUp-aa57baa1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.outline-section[data-v-4765b856]{flex:1;overflow-y:auto;padding:1.5rem;background-color:#fff;height:100%;display:flex;flex-direction:column}.outline-content[data-v-4765b856]{flex:1;display:flex;flex-direction:column}.outline-content h3[data-v-4765b856]{font-size:1.1rem;margin-bottom:1rem;color:var(--text-color);font-weight:600;flex-shrink:0}.outline-items[data-v-4765b856]{overflow-y:auto;flex:1}.outline-item[data-v-4765b856]{margin-bottom:1rem;padding:.75rem 1rem;background-color:#f8f9fa;border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color);box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.outline-item[data-v-4765b856]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.outline-item[data-v-4765b856]:nth-child(1){border-left-color:#4cc9f0}.outline-item[data-v-4765b856]:nth-child(2){border-left-color:#4895ef}.outline-item[data-v-4765b856]:nth-child(3){border-left-color:#f72585}.outline-item[data-v-4765b856]:nth-child(4){border-left-color:#7209b7}.outline-item[data-v-4765b856]:nth-child(5){border-left-color:#3a0ca3}.outline-label[data-v-4765b856]{font-weight:600;margin-bottom:.5rem;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.outline-item:nth-child(1) .outline-label[data-v-4765b856]{color:#4cc9f0}.outline-item:nth-child(2) .outline-label[data-v-4765b856]{color:#4895ef}.outline-item:nth-child(3) .outline-label[data-v-4765b856]{color:#f72585}.outline-item:nth-child(4) .outline-label[data-v-4765b856]{color:#7209b7}.outline-item:nth-child(5) .outline-label[data-v-4765b856]{color:#3a0ca3}.outline-text[data-v-4765b856]{font-size:.9rem;line-height:1.5;color:var(--text-color)}.empty-outline[data-v-4765b856]{padding:1.5rem;background-color:#f9f9f9;border-radius:var(--border-radius-md);text-align:center;color:var(--text-light)}.feedback-section[data-v-1443839d]{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.feedback-context-banner[data-v-1443839d]{display:flex;align-items:center;gap:.75rem;padding:.75rem var(--padding-sm, 1rem);background-color:#4361ee1a;border-bottom:1px solid #e6eeff;flex-shrink:0}.context-icon[data-v-1443839d]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4361ee,#3a56d4);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #4361ee33}.context-text[data-v-1443839d]{font-size:.9rem;color:#3a56d4;font-weight:700}.feedback-categories[data-v-1443839d]{display:flex;overflow-x:auto;padding:.75rem 1rem 0;gap:.5rem;background-color:#fff;border-bottom:1px solid var(--border-light);flex-shrink:0;position:relative;scrollbar-width:thin;scroll-behavior:smooth}.feedback-categories[data-v-1443839d]::-webkit-scrollbar{height:4px}.feedback-categories[data-v-1443839d]::-webkit-scrollbar-thumb{background-color:#4361ee4d;border-radius:4px}.feedback-category[data-v-1443839d]{position:relative;padding:.75rem 1.25rem;border-radius:var(--border-radius-sm, 8px) var(--border-radius-sm, 8px) 0 0;cursor:pointer;transition:all .2s ease;font-weight:500;color:var(--text-secondary, #666);white-space:nowrap;background-color:var(--bg-light);border:1px solid var(--border-light);border-bottom:2px solid transparent;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;min-width:fit-content}.feedback-category[data-v-1443839d]:hover{color:var(--primary-color);background-color:#4361ee0d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.feedback-category.active[data-v-1443839d]{color:var(--primary-color);border-bottom:2px solid var(--primary-color);background-color:#4361ee14;box-shadow:var(--shadow-sm);font-weight:600;z-index:1}.category-name[data-v-1443839d]{font-size:.9rem}.feedback-content-scrollable[data-v-1443839d]{flex:1;overflow-y:auto;padding:1.25rem}.feedback-summary[data-v-1443839d]{background-color:#f8f9fa;padding:1rem;border-radius:var(--border-radius-md, 12px);margin-bottom:1rem;font-style:italic;color:var(--text-color, #333);border-left:4px solid var(--primary-light, #e0e8ff)}.feedback-item[data-v-1443839d]{background-color:#fff;border-radius:var(--border-radius-md, 12px);border:1px solid var(--border-color, #e6eeff);margin-bottom:1.5rem;overflow:hidden}.feedback-item-header[data-v-1443839d]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f8f9fa;border-bottom:1px solid var(--border-color, #e6eeff)}.feedback-item-title[data-v-1443839d]{font-weight:600;color:var(--text-color, #333);display:flex;align-items:center;gap:.5rem}.feedback-point[data-v-1443839d]{display:flex;padding:.75rem 1rem;border-bottom:1px solid var(--border-light, #f0f0f0);gap:.75rem;align-items:flex-start}.feedback-point[data-v-1443839d]:last-child{border-bottom:none}.feedback-bullet[data-v-1443839d]{width:12px;height:12px;border-radius:50%;margin-top:.4rem;flex-shrink:0}.feedback-bullet.positive[data-v-1443839d]{background-color:var(--success-color, #10b981)}.feedback-bullet.needs-work[data-v-1443839d]{background-color:var(--warning-color, #f59e0b)}.feedback-examples[data-v-1443839d]{padding:1rem;background-color:#f8f9fa;border-radius:var(--border-radius-md, 12px);margin-bottom:1rem}.example-card[data-v-1443839d]{background-color:#fff;border-radius:var(--border-radius-sm, 8px);border:1px solid var(--border-color, #e6eeff);margin-top:1rem;overflow:hidden}.example-header[data-v-1443839d]{padding:.75rem;font-weight:600;background-color:var(--primary-light, #e0e8ff);color:var(--primary-color, #4361ee);border-bottom:1px solid var(--border-color, #e6eeff)}.example-content[data-v-1443839d]{padding:.75rem;font-style:italic;line-height:1.6}@media (max-width: 768px){.feedback-category[data-v-1443839d]{padding:.5rem .75rem}.category-name[data-v-1443839d]{font-size:.8rem}.feedback-item[data-v-1443839d]{padding:.75rem}.feedback-item-header[data-v-1443839d]{flex-direction:column;align-items:flex-start;gap:.5rem}}.empty-feedback[data-v-1443839d]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.empty-feedback .empty-feedback-text[data-v-1443839d]{font-size:1.2rem;color:var(--text-color, #333);font-weight:500}.slide[data-v-764728d3]{height:100%;display:flex;flex-direction:column;background-color:#fff;flex:1;overflow:hidden}.slide-content[data-v-764728d3]{display:flex;flex-direction:column;height:100%;overflow:hidden}.writing-tabs[data-v-764728d3]{display:flex;border-bottom:1px solid var(--border-light);flex-shrink:0;background-color:var(--secondary-light)}.writing-tab[data-v-764728d3]{padding:.5rem .75rem;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition);font-weight:500;display:flex;align-items:center;gap:.4rem;flex:1;justify-content:center;text-align:center;font-size:.9rem}.writing-tab[data-v-764728d3]:hover{background-color:var(--secondary-color)}.writing-tab.active[data-v-764728d3]{border-bottom-color:var(--primary-color);color:var(--primary-color);background-color:#fff}.tab-content[data-v-764728d3]{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;height:100%}[data-v-764728d3] .outline-section,[data-v-764728d3] .chat-messages{overflow-y:auto;flex:1;height:100%;padding:.75rem}[data-v-764728d3] .feedback-section{overflow-y:auto;flex:1;height:100%;padding:0}[data-v-764728d3] .chat-section,[data-v-764728d3] .outline-content,[data-v-764728d3] .feedback-content{height:100%;display:flex;flex-direction:column}.middle-section[data-v-17956120]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-17956120]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-17956120]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-17956120]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.unified-writing-area[data-v-17956120]{display:flex;flex-direction:column;padding:var(--padding-md);overflow-y:auto;flex:1;gap:1.5rem}.middle-section[data-v-31e759f7]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-31e759f7]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-31e759f7]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-31e759f7]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.unified-writing-area[data-v-31e759f7]{display:flex;flex-direction:column;padding:var(--padding-md);overflow-y:auto;flex:1;gap:1.5rem}.section-card-wrapper[data-v-31e759f7]{position:relative;margin-bottom:var(--margin-md);width:100%;transition:var(--transition);flex:1;display:flex;flex-direction:column}.section-card-wrapper[data-v-31e759f7]:hover{transform:translateY(-2px)}.section-card-wrapper:hover .section-card[data-v-31e759f7]{box-shadow:0 4px 15px #0000001f}.section-card[data-v-31e759f7]{background-color:var(--section-card-bg, white);border-radius:var(--border-radius-md);box-shadow:0 2px 8px #00000014;overflow:hidden;transition:var(--transition);border:1px solid var(--border-light, #eaeaea);width:100%;display:flex;flex-direction:column;flex:1}.section-header[data-v-31e759f7]{display:flex;justify-content:space-between;align-items:center;padding:.75rem var(--padding-sm);background-color:var(--section-header-bg, #f8f9fa);border-bottom:1px solid var(--border-light, #eaeaea);transition:var(--transition);border-top:3px solid var(--resolution-color);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;flex-shrink:0}.section-label[data-v-31e759f7]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--title-color)}.section-icon[data-v-31e759f7]{width:24px;height:24px;border-radius:50%;background:var(--resolution-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem}.tooltip[data-v-31e759f7]{position:relative;display:inline-block;margin-left:.5rem}.tooltip-icon[data-v-31e759f7]{width:16px;height:16px;border-radius:50%;background-color:var(--light-gray);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-light);cursor:pointer}.tooltip-text[data-v-31e759f7]{visibility:hidden;width:200px;background-color:var(--text-color);color:#fff;text-align:center;border-radius:var(--border-radius-sm);padding:.5rem;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-weight:400;font-size:var(--desc-font-size);box-shadow:0 2px 8px #00000014}.tooltip:hover .tooltip-text[data-v-31e759f7]{visibility:visible;opacity:1}.word-count[data-v-31e759f7]{font-size:.75rem;color:var(--text-light);background-color:#0000000d;padding:.25rem .5rem;border-radius:var(--border-radius-sm);margin:0;display:inline-block}.writing-input[data-v-31e759f7]{width:100%;min-height:120px;padding:.75rem var(--padding-sm);border:none;resize:none;font-family:var(--font-family);transition:var(--transition);line-height:1.5;font-size:var(--desc-font-size);background-color:#fff;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);border-top:none;flex:1;overflow-y:auto;color:var(--text-color)}.writing-input[data-v-31e759f7]:focus{outline:none}.writing-input.large[data-v-31e759f7]{min-height:300px;background-color:var(--bg-light);cursor:not-allowed;opacity:.9}.writing-input.large[data-v-31e759f7]::placeholder{color:var(--text-light)}.writing-input[data-v-31e759f7]:disabled{background-color:var(--bg-light);cursor:not-allowed}.save-status[data-v-31e759f7]{box-shadow:0 2px 10px #0000001a;border:1px solid rgba(0,0,0,.05)}.middle-section[data-v-8723c95b]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-8723c95b]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-8723c95b]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-8723c95b]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.draft-content[data-v-8723c95b]{padding:var(--padding-md);display:flex;flex-direction:column;flex:1}@media (max-width: 768px){.draft-content[data-v-8723c95b]{padding:var(--padding-sm)}}.word-count[data-v-8723c95b]{font-size:.75rem;color:var(--text-light);text-align:right;margin-top:.5rem;margin-bottom:var(--margin-sm);display:block;padding:.25rem 0;flex-shrink:0}.edit-controls[data-v-8723c95b]{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:var(--margin-md);flex-shrink:0}@media (max-width: 992px){.edit-controls[data-v-8723c95b]{flex-direction:column;gap:.5rem}}.writing-input[data-v-8723c95b]{padding:var(--padding-md);border-radius:var(--border-radius-md);box-shadow:0 2px 8px #00000014;flex:1;overflow-y:auto;min-height:200px;border:1px solid var(--border-light, #eaeaea);background-color:var(--bg-light, #f9f9f9);white-space:pre-wrap}@media (max-width: 992px){.writing-input[data-v-8723c95b]{min-height:300px}}.btn-primary[data-v-8723c95b]{box-shadow:0 2px 8px #4361ee40}.btn-primary[data-v-8723c95b]:hover{box-shadow:0 4px 12px #4361ee59}.btn-primary[data-v-8723c95b]:disabled{opacity:.6;cursor:not-allowed}@media print{.writing-header,.congratulations-banner,.teacher-feedback,.completed-actions,.navbar-container .navbar-center,.navbar-container .navbar-right{display:none!important}.writing-card{box-shadow:none!important;margin:0!important;padding:0!important}.writing-page{background-color:#fff!important}.writing-content{padding:0!important}.writing-content-scrollable{overflow:visible!important}body{margin:0;padding:0}}.middle-section[data-v-1438945d]{height:100%;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;min-height:0}.writing-slide[data-v-1438945d]{min-height:0;height:100%;box-sizing:border-box;position:relative;width:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 4px #0000000d;padding-bottom:100px}.writing-slide .slider-content[data-v-1438945d]{overflow-y:auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.writing-slide .step-actions[data-v-1438945d]{height:100px;position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a;z-index:10}.content[data-v-1438945d]{display:flex;flex-direction:column;flex:1;padding:var(--padding-md)}.congratulations-banner[data-v-1438945d]{display:flex;align-items:center;gap:var(--margin-md);background:linear-gradient(135deg,#4cc9f0,var(--primary-color));color:#fff;padding:var(--padding-md);border-radius:var(--border-radius-lg);margin-bottom:var(--margin-lg);box-shadow:var(--card-shadow-hover)}.banner-icon[data-v-1438945d]{font-size:2.5rem;background-color:#fff3;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.banner-content h2[data-v-1438945d]{font-size:var(--title-font-size);margin:0 0 .5rem}.banner-content p[data-v-1438945d]{margin:0;opacity:.9;color:#fff}.writing-card[data-v-1438945d]{flex:1;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #00000014;overflow:visible;margin-bottom:var(--margin-lg)}.writing-card-header[data-v-1438945d]{padding:var(--padding-md);border-bottom:1px solid var(--border-light);background:linear-gradient(to right,#f8f9fa,#f0f4ff);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.writing-card-header h2[data-v-1438945d]{font-size:var(--title-font-size);font-weight:600;color:var(--title-color);margin-bottom:.5rem;text-align:center}.writing-card-header p[data-v-1438945d]{font-size:var(--desc-font-size);color:var(--desc-color);margin:0;text-align:center}.writing-display[data-v-1438945d]{padding:var(--padding-md)}.writing-metadata[data-v-1438945d]{display:flex;flex-wrap:wrap;gap:var(--margin-md);margin-bottom:var(--margin-md);padding-bottom:var(--padding-sm);border-bottom:1px solid var(--border-light)}.metadata-item[data-v-1438945d]{display:flex;align-items:center;gap:.5rem}.metadata-label[data-v-1438945d]{font-weight:600;color:var(--text-light);font-size:var(--desc-font-size)}.metadata-value[data-v-1438945d]{color:var(--text-color);font-size:var(--desc-font-size)}.writing-content-display[data-v-1438945d]{line-height:1.8;color:var(--text-color);white-space:pre-wrap;font-size:1rem}.teacher-feedback[data-v-1438945d]{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);overflow:visible;margin-bottom:var(--margin-lg)}.feedback-header[data-v-1438945d]{padding:var(--padding-md);border-bottom:1px solid var(--border-light);background-color:var(--secondary-light);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.feedback-header h3[data-v-1438945d]{margin:0;font-size:var(--title-font-size);color:var(--text-color)}.feedback-content[data-v-1438945d]{padding:var(--padding-md);line-height:1.6;color:var(--text-color)}.completed-actions[data-v-1438945d]{display:flex;gap:var(--margin-sm);margin-top:var(--margin-lg);margin-bottom:var(--margin-lg)}.btn[data-v-1438945d]{padding:.75rem 1.25rem;border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-primary[data-v-1438945d]{background:var(--primary-gradient);color:#fff;box-shadow:var(--card-shadow)}.btn-primary[data-v-1438945d]:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.btn-secondary[data-v-1438945d]{background-color:#fff}@media (max-width: 992px){.completed-main[data-v-1438945d]{padding:var(--padding-sm)}.congratulations-banner[data-v-1438945d]{flex-direction:column;text-align:center;padding:var(--padding-md);gap:var(--margin-sm)}.completed-actions[data-v-1438945d]{flex-direction:column}.btn[data-v-1438945d]{width:100%;justify-content:center}}@media (max-width: 768px){.writing-card-header[data-v-1438945d],.writing-display[data-v-1438945d]{padding:var(--padding-sm)}}@media (max-width: 576px){.metadata-item[data-v-1438945d]{width:100%}}.tour-step[data-v-3cbb95ac]{position:absolute;z-index:9999;pointer-events:none}.tour-tooltip[data-v-3cbb95ac]{position:absolute;width:280px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;pointer-events:auto}.tour-tooltip.top[data-v-3cbb95ac]{transform:translate(-50%,-100%);margin-top:-15px}.tour-tooltip.right[data-v-3cbb95ac]{transform:translateY(-50%)}.tour-tooltip.bottom[data-v-3cbb95ac]{transform:translate(-50%)}.tour-tooltip.left[data-v-3cbb95ac]{transform:translate(-100%,-50%)}.tour-tooltip[data-v-3cbb95ac]:after{content:"";position:absolute;width:12px;height:12px;background-color:#fff;transform:rotate(45deg)}.tour-tooltip.top[data-v-3cbb95ac]:after{bottom:-6px;left:50%;margin-left:-6px}.tour-tooltip.right[data-v-3cbb95ac]:after{left:-6px;top:50%;margin-top:-6px}.tour-tooltip.bottom[data-v-3cbb95ac]:after{top:-6px;left:50%;margin-left:-6px}.tour-tooltip.left[data-v-3cbb95ac]:after{right:-6px;top:50%;margin-top:-6px}.tooltip-header[data-v-3cbb95ac]{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.tooltip-header h3[data-v-3cbb95ac]{margin:0;font-size:18px;color:#333}.close-btn[data-v-3cbb95ac]{background:none;border:none;font-size:24px;line-height:1;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn[data-v-3cbb95ac]:hover{background-color:#f3f4f6;color:#333}.tooltip-content[data-v-3cbb95ac]{margin-bottom:16px;font-size:14px;line-height:1.5;color:#666}.tooltip-footer[data-v-3cbb95ac]{display:flex;justify-content:flex-end;gap:8px}.tour-btn[data-v-3cbb95ac]{padding:6px 12px;border-radius:4px;border:none;font-size:14px;cursor:pointer;transition:all .2s ease}.tour-btn-primary[data-v-3cbb95ac]{background-color:#3b82f6;color:#fff}.tour-btn-primary[data-v-3cbb95ac]:hover{background-color:#2563eb}.tour-btn-secondary[data-v-3cbb95ac]{background-color:#f3f4f6;color:#4b5563}.tour-btn-secondary[data-v-3cbb95ac]:hover{background-color:#e5e7eb}.tour-highlight{position:relative;z-index:1000!important;pointer-events:auto!important}.tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;pointer-events:auto;z-index:999}.tour-container[data-v-9114e748]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;pointer-events:none}.tour-progress[data-v-9114e748]{position:fixed;top:0;left:0;right:0;height:4px;background-color:#fff3;z-index:1001;pointer-events:none}.progress-bar[data-v-9114e748]{height:100%;background-color:#3b82f6;transition:width .3s ease}.tour-intro-modal[data-v-9114e748]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;padding:24px;z-index:1000;pointer-events:auto}.intro-header[data-v-9114e748]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.intro-header h2[data-v-9114e748]{margin:0;font-size:24px;color:#333}.intro-content[data-v-9114e748]{margin-bottom:24px;font-size:16px;line-height:1.5;color:#555}.intro-footer[data-v-9114e748]{display:flex;justify-content:flex-end;gap:12px}.close-btn[data-v-9114e748]{background:none;border:none;font-size:24px;line-height:1;color:#999;cursor:pointer;padding:0;width:24px;height:24px}.tour-btn[data-v-9114e748]{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.tour-btn-primary[data-v-9114e748]{background-color:#3b82f6;color:#fff}.tour-btn-primary[data-v-9114e748]:hover{background-color:#2563eb}.tour-btn-secondary[data-v-9114e748]{background-color:#e5e7eb;color:#4b5563}.tour-btn-secondary[data-v-9114e748]:hover{background-color:#d1d5db}.new-writing-workspace[data-v-27c83090]{width:100vw;height:100vh;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.new-writing-workspace[data-v-27c83090] .skeleton-container{height:100%}.new-writing-workspace .new-writing-workspace-content[data-v-27c83090]{height:100%;min-height:0;display:grid;grid-template-columns:20rem 1fr 28rem}.new-writing-workspace .new-writing-workspace-content.completed[data-v-27c83090]{grid-template-columns:20rem 1fr}@media (max-width: 1535.98px){.new-writing-workspace .new-writing-workspace-content[data-v-27c83090]{grid-template-columns:16rem 1fr 24rem}.new-writing-workspace .new-writing-workspace-content.completed[data-v-27c83090]{grid-template-columns:16rem 1fr}}@media (max-width: 1279.98px){.new-writing-workspace .new-writing-workspace-content[data-v-27c83090]{grid-template-columns:14rem 1fr 22rem}.new-writing-workspace .new-writing-workspace-content.completed[data-v-27c83090]{grid-template-columns:14rem 1fr}}@media (max-width: 1023.98px){.new-writing-workspace .new-writing-workspace-content[data-v-27c83090]{grid-template-columns:12rem 1fr 20rem}.new-writing-workspace .new-writing-workspace-content.completed[data-v-27c83090]{grid-template-columns:12rem 1fr}}.navbar[data-v-f3011557]{position:sticky;top:0;height:var(--navbar-height);background:#fff;box-shadow:var(--shadow-sm);z-index:2500}.navbar .navbar-container[data-v-f3011557]{max-width:1200px;margin:0 auto;padding:0 var(--padding-md);height:100%;display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.navbar .navbar-container[data-v-f3011557]{padding:0 var(--padding-sm)}}.navbar .navbar-container .navbar-left[data-v-f3011557]{display:flex;align-items:center}.navbar .navbar-container .navbar-left .logo[data-v-f3011557]{display:flex;align-items:center;text-decoration:none;color:var(--primary-color);font-weight:600;font-size:1.25rem;gap:.5rem}.navbar .navbar-container .navbar-left .logo img[data-v-f3011557]{height:2rem}.navbar .navbar-container .navbar-center[data-v-f3011557]{display:flex;gap:var(--margin-md)}@media (max-width: 1024px){.navbar .navbar-container .navbar-center[data-v-f3011557]{gap:var(--margin-sm)}}@media (max-width: 768px){.navbar .navbar-container .navbar-center[data-v-f3011557]{display:none}}.navbar .navbar-container .navbar-center .nav-link[data-v-f3011557]{text-decoration:none;color:var(--text-light);font-weight:500;transition:var(--transition);position:relative}.navbar .navbar-container .navbar-center .nav-link[data-v-f3011557]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.navbar .navbar-container .navbar-center .nav-link[data-v-f3011557]:hover:after,.navbar .navbar-container .navbar-center .nav-link.router-link-active[data-v-f3011557]:after{width:100%}.navbar .navbar-container .navbar-center .nav-link[data-v-f3011557]:hover,.navbar .navbar-container .navbar-center .nav-link.router-link-active[data-v-f3011557]{color:var(--primary-color)}.navbar .navbar-container .navbar-right[data-v-f3011557]{display:flex;align-items:center;gap:var(--margin-sm)}.navbar .navbar-container .navbar-right .points-display[data-v-f3011557]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-light);border-radius:var(--border-radius-lg);color:var(--primary-color);font-weight:600}.navbar .navbar-container .navbar-right .points-display .star-icon[data-v-f3011557]{color:var(--warning-color)}@media (max-width: 1024px){.navbar .navbar-container .navbar-right .points-display[data-v-f3011557]{display:none}}.navbar .navbar-container .navbar-right .profile-button[data-v-f3011557]{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:none;background:none;cursor:pointer;color:var(--text-light);font-weight:500}.navbar .navbar-container .navbar-right .profile-button .profile-name[data-v-f3011557]{font-weight:500}@media (max-width: 768px){.navbar .navbar-container .navbar-right .profile-button .profile-name[data-v-f3011557]{display:none}}.navbar .navbar-container .navbar-right .profile-button .dropdown-icon[data-v-f3011557]{font-size:.875rem;color:var(--light-gray);transition:transform .2s}.popover-menu[data-v-f3011557]{min-width:200px;padding:.5rem}.popover-menu .popover-item[data-v-f3011557]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-light);text-decoration:none;font-weight:500;transition:background-color .2s;border-radius:var(--border-radius-sm);cursor:pointer;border:none;background:none;width:100%;text-align:left}.popover-menu .popover-item[data-v-f3011557]:hover{background-color:var(--bg-light);color:var(--primary-color)}.popover-menu .popover-divider[data-v-f3011557]{height:1px;background-color:var(--border-color);margin:.5rem 0}.popover-menu .logout-item[data-v-f3011557]{color:#dc2626}.popover-menu .logout-item[data-v-f3011557]:hover{background-color:#fef2f2;color:#b91c1c}.login-button[data-v-f3011557]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;background-color:var(--primary-color);color:#fff;font-weight:500;border-radius:var(--border-radius-sm);text-decoration:none;transition:background-color .2s}.login-button[data-v-f3011557]:hover{background-color:var(--primary-dark)}#app[data-v-0807508f]{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);min-height:100vh}body[data-v-0807508f]{margin:0;padding:0}[data-v-0807508f]{box-sizing:border-box}.app[data-v-0807508f]{min-height:100vh;display:flex;flex-direction:column}:root{--navbar-height: 64px;--primary-color: #4361ee;--primary-light: #e6eeff;--primary-dark: #3a56d4;--secondary-color: #f8f9fa;--primary-gradient: linear-gradient(135deg, #4361ee, #3a56d4);--primary: var(--primary-color);--accent: #4cc9f0;--text-color: #333;--text-light: #666;--dark: var(--text-color);--bg-light: #f9fafb;--bg-primary: #f5f7fa;--light-blue: #e6eeff;--border-color: #e0e0e0;--card-hover-shadow: 0 8px 16px rgba(0, 0, 0, .1);--card-shadow: 0 2px 4px rgba(0, 0, 0, .05);--card-shadow-hover: 0 8px 16px rgba(0, 0, 0, .1);--card-shadow-focus: 0 0 0 2px rgba(67, 97, 238, .2);--section-card-border: 1px solid #e6eeff;--section-card-bg: #ffffff;--section-header-bg: #f8f9fa;--section-active-border: 4px solid #4361ee;--border-light: #e6eeff;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--box-shadow: var(--shadow-md);--border-radius: 8px;--border-radius-lg: 16px;--border-radius-md: 12px;--border-radius-sm: 8px;--success-color: #4caf50;--warning-color: #ff9800;--success: var(--success-color);--warning: var(--warning-color);--gray: #6c757d;--light-gray: #e9ecef;--status-pending-bg: #fff8e1;--status-pending-text: var(--warning-color);--status-pending-border: var(--warning-color);--status-progressing-bg: var(--primary-light);--status-progressing-text: var(--primary-dark);--status-progressing-border: var(--primary-color);--status-completed-bg: #e8f5e9;--status-completed-text: var(--success-color);--status-completed-border: var(--success-color);--subject-writing-bg: #e3f2fd;--subject-writing-text: #1565c0;--subject-writing-border: #1565c0;--subject-wellbeing-bg: #f3e5f5;--subject-wellbeing-text: #7b1fa2;--subject-wellbeing-border: #7b1fa2;--type-narrative-bg: #e8eaf6;--type-narrative-text: #3949ab;--type-narrative-border: #3949ab;--type-persuasive-bg: #fff3e0;--type-persuasive-text: #e65100;--type-persuasive-border: #e65100;--padding-lg: 2rem;--padding-md: 1.5rem;--padding-sm: 1rem;--margin-lg: 2rem;--margin-md: 1.5rem;--margin-sm: 1rem;--title-font-size: 1.25rem;--desc-font-size: .9rem;--title-color: #4361ee;--desc-color: #666666;--font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--transition: all .3s cubic-bezier(.25,.8,.25,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-color);background-color:#f5f7fa;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.btn{padding:10px 15px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;gap:8px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-light);transform:translateY(-2px)}.card{background-color:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-md);margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-color)}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.dashboard{display:grid;grid-template-columns:1fr 3fr;gap:1.5rem}@media (max-width: 1024px){.container{padding:1.5rem}.dashboard{grid-template-columns:1fr 2fr}}@media (max-width: 768px){.container{padding:1.25rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.dashboard{grid-template-columns:1fr}.card{padding:1rem}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.welcome-decoration{display:none}.welcome-actions{flex-direction:column;width:100%}.welcome-actions .btn{width:100%;justify-content:center}.writing-tasks{grid-template-columns:1fr}.achievements{flex-wrap:wrap}.achievement{width:calc(50% - .5rem)}}@media (max-width: 480px){.container{padding:1rem}.achievement{width:100%}.btn{padding:8px 12px;font-size:.9rem}.task-actions{flex-direction:column;width:100%}.task-actions .btn{width:100%;justify-content:center}}:root{--safe-area-inset-bottom: 0}@supports (bottom: constant(safe-area-inset-bottom)){:root{--safe-area-inset-bottom: constant(safe-area-inset-bottom)}}@supports (bottom: env(safe-area-inset-bottom)){:root{--safe-area-inset-bottom: env(safe-area-inset-bottom)}}.n-date-picker,.n-input-number{width:100%}.n-modal-container,.n-image-preview-container{z-index:2600!important}.n-image-preview-container *{box-sizing:content-box}.padding-bottom-safe-area{padding-bottom:max(0,var(--safe-area-inset-bottom))}html,body{padding:0;margin:0}#app{font-size:16px}.hidden-required-field{opacity:0;position:absolute;height:0;width:0;z-index:-1;pointer-events:none}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}.text-overflow{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.text-overflow-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pointer{cursor:pointer}.form-item-label-container{align-items:baseline}.form-item-label-container .form-item-label-hint{font-size:12px}