.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--white);color:var(--dark-text);padding:0;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:1000;border-bottom:2px solid var(--border-color)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;min-height:70px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dark-text);font-size:1.5rem;font-weight:600;transition:all .2s ease;letter-spacing:normal}.logo:hover{transform:translateY(-1px)}.logo-icon{color:var(--white);width:36px;height:36px;padding:6px;background:var(--primary-color);border-radius:6px;display:flex;align-items:center;justify-content:center}.logo-text{color:var(--primary-color);font-weight:600}.desktop-nav{display:flex;gap:.5rem;align-items:center}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:4px;text-decoration:none;color:var(--medium-text);font-weight:500;font-size:15px;transition:all .2s ease;position:relative;letter-spacing:normal}.nav-link:hover{background-color:var(--light-bg);color:var(--primary-color);transform:translateY(-1px)}.nav-link.active{background:var(--primary-color);color:#fff;font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:6px;height:6px;background-color:var(--primary-color);border-radius:50%}.user-menu-wrapper{position:relative;margin-left:.5rem}.user-menu-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border-color);background:var(--white);border-radius:20px;cursor:pointer;transition:all .2s ease;color:var(--dark-text)}.user-menu-btn:hover{background:var(--light-bg);border-color:var(--primary-color)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-size:14px;font-weight:500}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-hover);min-width:200px;z-index:1000;overflow:hidden}.user-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;border:none;background:none;text-align:left;color:var(--dark-text);font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none}.user-dropdown-item:hover{background:var(--light-bg);color:var(--primary-color)}.user-dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.admin-login-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border-color);background:var(--white);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--medium-text);margin-left:.5rem}.admin-login-icon:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px #e91e6333}.mobile-menu-btn{display:none;background:none;border:none;color:var(--dark-text);cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s ease}.mobile-menu-btn:hover{background-color:var(--light-bg)}.mobile-nav{display:none;background:#fff;box-shadow:var(--shadow);border-top:1px solid var(--border-color)}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;color:var(--dark-text);border-bottom:1px solid var(--border-color);transition:all .3s ease}.mobile-nav-link:hover{background-color:var(--light-bg);color:var(--primary-color)}.mobile-nav-link.active{background-color:var(--primary-color);color:#fff}.mobile-nav-link:last-child{border-bottom:none}.main-content{flex:1;padding:0;min-height:calc(100vh - 200px);background:#fff}.footer{background:var(--secondary-color);color:#fff;padding:4rem 0 2rem;margin-top:auto;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.footer-section p{color:#ffffffe6;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ffffffd9;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff;text-decoration:underline}.social-links{display:flex;gap:1rem}.social-links a{display:inline-block;width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;transition:all .3s ease}.social-links a:hover{background:var(--accent-color);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;text-align:center;color:#ffffffe6}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-btn,.mobile-nav{display:block}.main-content{padding:1rem 0}.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}@media (max-width: 480px){.header{padding:.5rem 0}.logo{font-size:1.2rem}.main-content{padding:.5rem 0}.footer{padding:2rem 0 1rem}}.home{overflow-x:hidden}.hero{background:linear-gradient(135deg,#fff,#f8f9fa);padding:5rem 0 4rem;position:relative;overflow:hidden;border-bottom:2px solid var(--border-color)}.hero:before{display:none}.hero-content{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:center;position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px}.hero-title{font-size:2.75rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--dark-text);letter-spacing:-.01em}.hero-description{font-size:1.1rem;color:var(--medium-text);margin-bottom:2rem;line-height:1.6;max-width:580px;font-weight:400}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.hero-image{display:flex;justify-content:center;align-items:center;position:relative}.hero-image-wrapper{position:relative;width:100%;max-width:550px;height:450px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;border:1px solid var(--border-color)}.hero-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hero-image-wrapper:hover .hero-img{transform:scale(1.05)}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#e91e630d;pointer-events:none}.features{padding:5rem 0;background:#fff}.section-header{text-align:center;margin-bottom:5rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 24px}.section-header h2{font-size:2.25rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem;letter-spacing:-.01em}.section-header p{font-size:1.05rem;color:var(--medium-text);max-width:650px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 24px}.feature-card{background:var(--white);padding:2rem;border-radius:8px;text-align:center;box-shadow:var(--shadow);transition:all .2s ease;border:1px solid var(--border-color);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--primary-light)}.feature-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.feature-card h3{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin-bottom:.75rem}.feature-card p{color:var(--medium-text);margin-bottom:1.25rem;line-height:1.6;font-size:.95rem}.feature-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease}.feature-link:hover{color:var(--primary-dark);transform:translate(4px)}.stats{background:var(--secondary-color);padding:4rem 0;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item{padding:1rem}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{font-size:1.1rem;text-align:center;color:#313030d9;font-weight:500}.testimonials{padding:5rem 0;background:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:var(--shadow);transition:all .2s ease;border:1px solid var(--border-color);text-align:center;position:relative;overflow:hidden}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color);transform:scaleX(0);transition:transform .3s ease}.testimonial-card:hover:before{transform:scaleX(1)}.testimonial-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--primary-light)}.testimonial-avatar{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid var(--primary-light);box-shadow:0 4px 12px #e91e6333}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:1.5rem;justify-content:center}.testimonial-text{font-style:italic;color:var(--medium-text);margin-bottom:1.5rem;line-height:1.7;font-size:1rem}.testimonial-author strong{color:var(--dark-text);display:block;margin-bottom:.25rem}.testimonial-author span{color:var(--light-text);font-size:.9rem}.cta{background:var(--secondary-color);padding:4rem 0;color:#fff}.cta-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.cta-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-text p{font-size:1.1rem;color:#fffffff2;font-weight:400}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes floatAround{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(10px) rotate(270deg)}}@media (max-width: 1024px){.hero-content{gap:3rem}.hero-title{font-size:3.25rem}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero{padding:4rem 0 3rem}.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center;padding:0 16px}.hero-title{font-size:2.75rem;margin-bottom:1.5rem}.hero-description{font-size:1.125rem;margin-bottom:2rem}.hero-buttons{justify-content:center;gap:1rem}.hero-image-wrapper{max-width:100%;height:350px}.features{padding:4rem 0}.section-header{margin-bottom:3rem;padding:0 16px}.section-header h2{font-size:2.25rem}.section-header p{font-size:1.125rem}.features-grid{grid-template-columns:1fr;gap:2rem;padding:0 16px}.feature-card{padding:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}.cta-content{flex-direction:column;text-align:center;gap:2rem}.cta-text h2{font-size:2rem}}@media (max-width: 480px){.hero{padding:3rem 0 2rem}.hero-content{padding:0 12px;gap:2rem}.hero-title{font-size:2.25rem;margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;align-items:center;gap:.75rem}.hero-image-wrapper{max-width:100%;height:280px}.features{padding:3rem 0}.section-header{padding:0 12px;margin-bottom:2rem}.section-header h2{font-size:2rem}.section-header p{font-size:1rem}.features-grid{padding:0 12px;gap:1.5rem}.feature-card{padding:1.5rem}.stats{padding:3rem 0}.stats-grid{grid-template-columns:1fr;gap:1rem}.testimonials,.cta{padding:3rem 0}.cta-text h2{font-size:1.75rem}}.skills{padding:4rem 24px;background:#fff}.skills-header{text-align:center;margin-bottom:4rem;padding:0 24px}.skills-header h1{font-size:2.25rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem;letter-spacing:-.01em}.skills-header p{font-size:1.05rem;color:var(--medium-text);max-width:650px;margin:0 auto;line-height:1.6}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.my-learning{margin-bottom:3rem}.my-learning h2{font-size:1.8rem;font-weight:600;color:var(--dark-text);margin-bottom:1.5rem}.progress-courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.progress-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;transition:all .3s ease}.progress-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.progress-card img{width:140px;min-width:140px;height:100%;object-fit:cover;background:var(--light-bg)}.progress-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.progress-content h3{font-size:1.1rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.progress-content p{color:var(--light-text);font-size:.9rem;margin-bottom:1rem}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-info{display:flex;justify-content:space-between;font-size:.8rem;color:var(--light-text);margin-bottom:1rem}.all-courses h2{font-size:1.8rem;font-weight:600;color:var(--dark-text);margin-bottom:1.5rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.course-card{background:#fff;border-radius:8px;box-shadow:var(--shadow);overflow:hidden;transition:all .2s ease;border:1px solid var(--border-color)}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.course-image{position:relative;height:220px;overflow:hidden;background:var(--light-bg)}.course-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.course-card:hover .course-image img{transform:scale(1.05)}.course-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.course-card:hover .course-overlay{opacity:1}.play-btn{width:60px;height:60px;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.enrolled-badge{position:absolute;top:12px;right:12px;background:var(--success-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.course-content{padding:1.5rem}.course-meta{display:flex;gap:.5rem;margin-bottom:1rem}.course-meta span{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.course-meta .category{background:#e91e631a;color:var(--primary-color)}.course-meta .level{background:#9c27b01a;color:var(--secondary-color)}.course-content h3{font-size:1.15rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem;line-height:1.4}.instructor{color:var(--light-text);font-size:.9rem;margin-bottom:.75rem}.description{color:var(--light-text);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.course-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.course-stats .stat{display:flex;align-items:center;gap:.25rem;color:var(--light-text);font-size:.8rem}.course-footer{display:flex;justify-content:space-between;align-items:center}.price{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.skills-cta{background:var(--secondary-color);padding:3rem 2rem;border-radius:16px;text-align:center;color:#fff}@media (max-width: 768px){.skills-header h1{font-size:2rem}.stats-cards{grid-template-columns:repeat(2,1fr)}.category-filter{justify-content:center}.progress-courses{grid-template-columns:1fr}.progress-card{flex-direction:column}.progress-card img{width:100%;height:150px}.courses-grid{grid-template-columns:1fr}.course-footer{flex-direction:column;gap:1rem;align-items:stretch}.skills-cta{padding:2rem 1rem}.cta-content h2{font-size:1.5rem}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}.category-btn{flex:1;justify-content:center}.course-stats{flex-direction:column;gap:.5rem}}.seller-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.seller-modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.seller-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:#fff;z-index:10;border-radius:16px 16px 0 0}.seller-modal-title{display:flex;align-items:center;gap:12px}.seller-modal-title h2{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0}.seller-modal-title svg{color:var(--primary-color)}.seller-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--light-bg);border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--medium-text)}.seller-modal-close:hover{background:var(--primary-color);color:#fff;transform:rotate(90deg)}.seller-modal-success{padding:3rem 2rem;text-align:center}.seller-modal-success svg{color:var(--success-color);margin-bottom:1rem}.seller-modal-success h3{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.seller-modal-success p{color:var(--medium-text);line-height:1.6}.seller-modal-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.seller-form-error{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;border:1px solid #fcc;display:flex;align-items:center;gap:8px;font-size:.9rem}.seller-form-group{display:flex;flex-direction:column;gap:.5rem}.seller-form-group label{font-weight:500;color:var(--dark-text);font-size:.95rem}.seller-form-group .required{color:var(--error-color)}.seller-form-group input,.seller-form-group select,.seller-form-group textarea{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#fff;color:var(--dark-text)}.seller-form-group input:focus,.seller-form-group select:focus,.seller-form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631a}.seller-form-group textarea{resize:vertical;min-height:100px}.seller-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.seller-modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.seller-modal-content{max-height:95vh}.seller-modal-header{padding:1rem 1.5rem}.seller-modal-form{padding:1.5rem}.seller-form-row{grid-template-columns:1fr}.seller-modal-footer{flex-direction:column-reverse}.seller-modal-footer .btn{width:100%}}.marketplace{padding:4rem 24px;background:#fff}.marketplace-header{text-align:center;margin-bottom:4rem;padding:0 24px}.marketplace-header h1{font-size:2.25rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem;letter-spacing:-.01em}.marketplace-header p{font-size:1.05rem;color:var(--medium-text);max-width:650px;margin:0 auto;line-height:1.6}.marketplace-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.search-filter{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--shadow);margin-bottom:2rem}.cart-summary{background:var(--secondary-color);color:#fff;padding:1rem 2rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;box-shadow:var(--shadow)}.cart-info{display:flex;align-items:center;gap:1rem}.cart-total{font-weight:700;font-size:1.1rem;color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.product-card{background:#fff;border-radius:8px;box-shadow:var(--shadow);overflow:hidden;transition:all .2s ease;border:1px solid var(--border-color)}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.product-image{position:relative;height:280px;overflow:hidden;background:var(--light-bg)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image img{transform:scale(1.05)}.product-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:.5rem}.verified-badge,.delivery-badge{display:flex;align-items:center;gap:.25rem;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500;color:#fff}.verified-badge{background:var(--success-color)}.delivery-badge{background:var(--info-color)}.discount-badge{position:absolute;top:12px;right:12px;background:var(--error-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.wishlist-btn{position:absolute;bottom:12px;right:12px;width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--light-text)}.wishlist-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.product-content{padding:1.5rem}.product-meta{display:flex;justify-content:space-between;margin-bottom:1rem}.product-meta span{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.product-meta .category{background:#e91e631a;color:var(--primary-color)}.product-meta .in-stock{background:#4caf501a;color:var(--success-color)}.product-name{font-size:1.2rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem;line-height:1.4}.seller-info{display:flex;align-items:center;gap:.5rem;color:var(--light-text);font-size:.9rem;margin-bottom:.75rem}.product-description{color:var(--light-text);font-size:.9rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.stars{display:flex;gap:.1rem}.rating-text{color:var(--light-text);font-size:.8rem}.product-pricing{margin-bottom:1.5rem}.price{display:flex;align-items:center;gap:.5rem}.current-price{font-size:1.3rem;font-weight:700;color:var(--primary-color)}.original-price{font-size:1rem;color:var(--light-text);text-decoration:line-through}.product-actions{width:100%}.product-actions .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.marketplace-cta{background:var(--secondary-color);padding:3rem 2rem;border-radius:16px;text-align:center;color:#fff}.cta-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.1rem;color:#fffffff2;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.marketplace-header h1{font-size:2rem}.marketplace-stats{grid-template-columns:repeat(2,1fr)}.category-filter{justify-content:center}.products-grid{grid-template-columns:1fr}.cart-summary{flex-direction:column;gap:1rem;text-align:center}.marketplace-cta{padding:2rem 1rem}.cta-content h2{font-size:1.5rem}}@media (max-width: 480px){.marketplace-stats{grid-template-columns:1fr}.category-btn{flex:1;justify-content:center}.product-meta{flex-direction:column;gap:.5rem}.product-rating{flex-direction:column;align-items:flex-start;gap:.25rem}}.community{padding:4rem 24px;background:#fff;animation:fadeIn .6s ease-in}.community-header{text-align:center;margin-bottom:4rem;padding:0 24px}.community-header h1{font-size:2.25rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem;letter-spacing:-.01em}.community-header p{font-size:1.05rem;color:var(--medium-text);max-width:650px;margin:0 auto;line-height:1.6}.community-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-item{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.community-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:12px;box-shadow:var(--shadow)}.community-tabs .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 24px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--light-text)}.community-tabs .tab-btn:hover{background:#e91e631a;color:var(--primary-color)}.community-tabs .tab-btn:hover svg{color:var(--primary-color);stroke:var(--primary-color)}.community-tabs .tab-btn.active{background:var(--primary-color)!important;border:2px solid var(--primary-color)!important;color:#fff!important;box-shadow:0 2px 8px #e91e634d}.community-tabs .tab-btn.active,.community-tabs .tab-btn.active *,.community-tabs .tab-btn.active span{color:#fff!important}.community-tabs .tab-btn.active svg,.community-tabs button.tab-btn.active svg{color:#fff!important;stroke:#fff!important;fill:none!important}.community-tabs .tab-btn.active svg *,.community-tabs button.tab-btn.active svg *{color:#fff!important;stroke:#fff!important;fill:none!important}.forum-section{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.forum-header{padding:2rem;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;align-items:center}.search-box{flex:1;position:relative}.new-post-form{padding:2rem;border-bottom:1px solid var(--border-color);background:var(--light-bg)}.new-post-form h3{margin-bottom:1rem;color:var(--dark-text)}.new-post-form textarea{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;margin-bottom:1rem;transition:all .3s ease}.new-post-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e91e631a}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.forum-posts{padding:2rem}.forum-post{border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.forum-post:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.forum-post:hover:before{transform:scaleY(1)}.forum-post:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--primary-light)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.author-info{display:flex;gap:1rem;align-items:center}.author-avatar{position:relative}.author-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;background:var(--light-bg);border:2px solid var(--border-color)}.verified-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:var(--success-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid white}.author-details h4{color:var(--dark-text);margin-bottom:.25rem}.author-details p{color:var(--light-text);font-size:.9rem;display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}.expertise{background:#e91e631a;color:var(--primary-color);padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500}.post-meta{text-align:right}.category{background:#9c27b01a;color:var(--secondary-color);padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;display:inline-block;margin-bottom:.5rem}.time{color:var(--light-text);font-size:.8rem}.post-content h3{color:var(--dark-text);margin-bottom:.75rem;font-size:1.2rem}.post-content p{color:var(--light-text);line-height:1.6;margin-bottom:1rem}.post-actions{display:flex;gap:1rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:8px 12px;border:1px solid var(--border-color);background:#fff;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9rem;color:var(--light-text);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#e91e631a;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.action-btn:hover:before{width:100%;height:100%}.action-btn:hover{background:var(--light-bg);border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05)}.action-btn.liked svg{animation:heartBeat .3s ease}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.mentors-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:2.5rem;max-width:1400px;margin:0 auto}.mentors-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--light-bg)}.mentors-header h2{font-size:2rem;font-weight:700;color:var(--dark-text);margin-bottom:.75rem;letter-spacing:-.02em}.mentors-header p{color:var(--medium-text);font-size:1.05rem;max-width:600px;margin:0 auto;line-height:1.6}.mentors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.mentor-card{border:2px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(to bottom,#fff,#fafafa);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.25rem}.mentor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#ff6b9d,var(--accent-color));transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.mentor-card:hover:before{transform:scaleX(1)}.mentor-card:hover{box-shadow:0 8px 24px #e91e6326;transform:translateY(-8px);border-color:var(--primary-color);background:#fff}.mentor-header{display:flex;gap:1.25rem;align-items:flex-start}.mentor-avatar{position:relative;flex-shrink:0}.mentor-avatar img{width:70px;height:70px;border-radius:50%;object-fit:cover;background:var(--light-bg);border:3px solid var(--primary-light);box-shadow:0 4px 12px #e91e6333;transition:all .3s ease}.mentor-card:hover .mentor-avatar img{border-color:var(--primary-color);box-shadow:0 6px 16px #e91e634d;transform:scale(1.05)}.mentor-avatar .verified-badge{position:absolute;bottom:2px;right:2px;width:20px;height:20px;background:var(--success-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:3px solid white;box-shadow:0 2px 6px #0003}.mentor-info{flex:1;min-width:0}.mentor-info h3{color:var(--dark-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.3}.mentor-info p{color:var(--medium-text);font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.mentor-rating{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:var(--dark-text)}.mentor-rating svg{color:gold}.mentor-expertise{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.skill-tag{background:linear-gradient(135deg,#e91e631a,#e91e630d);color:var(--primary-color);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(233,30,99,.2);transition:all .2s ease}.mentor-card:hover .skill-tag{background:#e91e6326;border-color:var(--primary-color);transform:translateY(-1px)}.mentor-bio{color:var(--medium-text);line-height:1.6;margin:0;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mentor-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:auto;gap:1rem;flex-wrap:wrap}.mentor-footer .btn{flex:1;min-width:140px;justify-content:center;white-space:nowrap;font-weight:600;padding:10px 16px;border-radius:8px;transition:all .3s ease}.mentor-footer .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.mentor-footer .btn-outline{border:2px solid var(--border-color);background:#fff;color:var(--primary-color)}.mentor-footer .btn-outline:hover{border-color:var(--primary-color);background:#e91e630d}.experience{color:var(--medium-text);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.experience:before{content:"⭐";font-size:1rem}.events-section{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:2rem}.events-header{text-align:center;margin-bottom:2rem}.events-header h2{font-size:1.8rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.events-header p{color:var(--light-text)}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.event-card{border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e91e630d,#3498db0d);opacity:0;transition:opacity .3s ease;border-radius:12px}.event-card:hover:before{opacity:1}.event-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-6px);border-color:var(--primary-light)}.event-card:hover .event-date{transform:scale(1.1);box-shadow:0 4px 12px #e91e634d}.event-header{display:flex;gap:1rem;margin-bottom:1rem}.event-date{text-align:center;background:var(--primary-color);color:#fff;padding:1rem;border-radius:8px;min-width:60px;transition:all .3s ease;box-shadow:0 2px 8px #e91e6333}.date-day{font-size:1.5rem;font-weight:700}.date-month{font-size:.8rem;text-transform:uppercase}.event-info h3{color:var(--dark-text);margin-bottom:.25rem;font-size:1.1rem}.event-type{background:#e91e631a;color:var(--primary-color);padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500;display:inline-block}.event-details{margin-bottom:1.5rem}.event-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--light-text);font-size:.9rem}.event-description{color:var(--light-text);line-height:1.5;margin-bottom:1rem}.event-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.event-organizer{color:var(--light-text);font-size:.9rem}.event-price{font-weight:600;color:var(--primary-color)}.post-title-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;margin-bottom:1rem;color:var(--dark-text)}.post-title-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f}.category-select{padding:10px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:var(--dark-text);cursor:pointer}.category-select:focus{outline:none;border-color:var(--primary-color)}.messages-section{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:3rem;text-align:center}.messages-header{margin-bottom:2rem}.messages-header h2{font-size:1.75rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.messages-header p{color:var(--medium-text)}.messages-redirect{padding:3rem 2rem;color:var(--light-text)}.messages-redirect svg{opacity:.3;margin-bottom:1rem}.messages-redirect h3{color:var(--dark-text);margin:1rem 0}.modal-content h3{margin:0 0 1rem;color:var(--dark-text);font-size:1.5rem}.modal-content textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;min-height:120px;margin-bottom:1.5rem;color:var(--dark-text)}.modal-content textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f}@media (max-width: 768px){.community-header h1{font-size:2rem}.community-stats{grid-template-columns:repeat(2,1fr)}.community-tabs{flex-direction:column}.forum-header{flex-direction:column;align-items:stretch}.post-header{flex-direction:column;gap:1rem}.mentors-grid,.events-grid{grid-template-columns:1fr}.event-header{flex-direction:column;text-align:center}.event-meta{flex-direction:column}}@media (max-width: 480px){.community-stats{grid-template-columns:1fr}.post-actions{flex-direction:column}.mentor-footer{flex-direction:column;gap:1rem;align-items:stretch}.mentor-footer .btn{width:100%;min-width:unset}.mentors-grid{grid-template-columns:1fr}.event-footer{flex-direction:column;gap:.5rem;text-align:center}}.awareness{padding:4rem 24px;background:#fff}.awareness-header{text-align:center;margin-bottom:4rem;padding:0 24px}.awareness-header h1{font-size:2.25rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem;letter-spacing:-.01em}.awareness-header p{font-size:1.05rem;color:var(--medium-text);max-width:650px;margin:0 auto;line-height:1.6}.section-icon{color:var(--primary-color);margin-right:.5rem}h2{display:flex;align-items:center;font-size:1.8rem;font-weight:600;color:var(--dark-text);margin-bottom:1.5rem}.emergency-section{background:#e74c3c;color:#fff;padding:2rem;border-radius:16px;margin-bottom:3rem;box-shadow:var(--shadow)}.emergency-section h2{color:#fff;margin-bottom:2rem;font-weight:600}.helplines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.helpline-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.helpline-card:hover{background:#fff3;transform:translateY(-4px)}.helpline-header{display:flex;justify-content:space-between;margin-bottom:1rem}.helpline-type{background:#fff3;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.helpline-available{font-size:.8rem;color:#fffffff2}.helpline-card h3{font-size:1.1rem;margin-bottom:1rem;color:#fff;font-weight:600}.helpline-number{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:#fff}.helpline-card p{color:#fffffff2;margin-bottom:1.5rem;line-height:1.5}.featured-section{margin-bottom:3rem}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.featured-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.featured-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.featured-image{position:relative;height:220px;overflow:hidden;background:var(--light-bg)}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:0}.featured-card:hover .featured-image img{transform:scale(1.05)}.featured-badge{position:absolute;top:12px;left:12px;background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.featured-content{padding:1.5rem}.search-filter{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--shadow);margin-bottom:3rem}.search-box{position:relative;margin-bottom:1.5rem}.search-box input{width:100%;padding:12px 16px 12px 48px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e91e631a}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--light-text)}.category-filter{display:flex;gap:1rem;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:.5rem;padding:8px 16px;border:2px solid var(--border-color);background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.category-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.articles-section{margin-bottom:3rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.article-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.article-image{height:180px;overflow:hidden;background:var(--light-bg)}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:0}.article-card:hover .article-image img{transform:scale(1.05)}.article-content{padding:1.5rem}.article-meta{display:flex;justify-content:space-between;margin-bottom:1rem}.article-meta span{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.article-meta .category{background:#e91e631a;color:var(--primary-color)}.article-meta .read-time{background:#9c27b01a;color:var(--secondary-color)}.article-content h3{font-size:1.1rem;font-weight:600;color:var(--dark-text);margin-bottom:.75rem;line-height:1.4}.article-content p{color:var(--light-text);line-height:1.5;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-footer{display:flex;justify-content:space-between;align-items:center}.article-author{display:flex;flex-direction:column;font-size:.8rem;color:var(--light-text)}.schemes-section{margin-bottom:3rem}.schemes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.scheme-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.scheme-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.scheme-header{background:var(--secondary-color);color:#fff;padding:1.5rem}.scheme-header h3{font-size:1.2rem;font-weight:600;margin:0;color:#fff}.scheme-content{padding:1.5rem}.scheme-description{color:var(--light-text);margin-bottom:1.5rem;line-height:1.5}.scheme-details{margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;margin-bottom:1rem}.detail-item strong{color:var(--dark-text);margin-bottom:.25rem}.detail-item span{color:var(--light-text);font-size:.9rem}.support-section{background:var(--light-bg);padding:3rem 2rem;border-radius:16px}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.support-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow);text-align:center;transition:all .3s ease}.support-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.support-icon{width:60px;height:60px;padding:15px;background:var(--primary-color);color:#fff;border-radius:50%;margin:0 auto 1.5rem}.support-card h3{font-size:1.2rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem}.support-card p{color:var(--light-text);line-height:1.5;margin-bottom:1.5rem}@media (max-width: 768px){.awareness-header h1{font-size:2rem}.helplines-grid,.featured-grid,.articles-grid,.schemes-grid{grid-template-columns:1fr}.support-grid{grid-template-columns:repeat(2,1fr)}.category-filter{justify-content:center}.article-footer{flex-direction:column;gap:1rem;align-items:stretch}}@media (max-width: 480px){.support-grid{grid-template-columns:1fr}.category-btn{flex:1;justify-content:center}.helpline-header,.article-meta{flex-direction:column;gap:.5rem}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--light-bg);padding:2rem;position:relative}.admin-login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--light-bg);pointer-events:none}.login-card{background:var(--white);border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:3rem;border:1px solid var(--border-color);position:relative;z-index:1;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo .logo-icon{width:48px;height:48px;padding:10px;background:var(--primary-color);border-radius:10px;color:#fff;transition:all .3s ease}.login-logo:hover .logo-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #e91e634d}.login-logo h1{font-size:1.75rem;font-weight:600;color:var(--dark-text);margin:0}.login-error{background:#fee;color:#c33;padding:12px;border-radius:6px;font-size:.9rem;border:1px solid #fcc;text-align:center;animation:shake .5s ease;position:relative}.login-success{background:#efe;color:#3c3;padding:12px;border-radius:6px;font-size:.9rem;border:1px solid #cfc;text-align:center;animation:slideDown .4s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-success span{font-size:1.2rem;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:6px;font-size:15px;font-family:inherit;transition:all .2s ease;background:var(--white)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e91e631a;transform:translateY(-1px)}.form-group input:valid:not(:placeholder-shown){border-color:var(--success-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2327ae60' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-group input:invalid:not(:placeholder-shown):not(:focus){border-color:var(--error-color)}.form-group input::placeholder{color:var(--light-text)}.forgot-password{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password:hover{color:var(--primary-dark);text-decoration:underline}.login-btn{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-btn:hover:before{width:300px;height:300px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366;background:var(--primary-dark)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin{min-height:100vh;background:var(--light-bg)}.admin-topbar{background:var(--white);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;padding:1rem 0;position:sticky;top:0;z-index:100}.topbar-content{display:flex;justify-content:space-between;align-items:center}.topbar-content h2{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0}.logout-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--medium-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#e91e631a;transform:translate(-50%,-50%);transition:width .4s,height .4s}.logout-btn:hover:before{width:200px;height:200px}.logout-btn:hover{background:#e91e630d;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px #e91e6326}.logout-btn:active{transform:translateY(0)}.admin-main{padding:2rem 0}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:8px;box-shadow:var(--shadow);overflow-x:auto;border:1px solid var(--border-color)}.admin-tabs .tab-btn{display:flex;align-items:center;gap:.5rem;padding:10px 20px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;color:var(--medium-text);white-space:nowrap;font-size:14px;position:relative}.admin-tabs .tab-btn:active{transform:scale(.95)}.admin-tabs .tab-btn:hover{background:var(--light-bg);color:var(--primary-color)}.admin-tabs .tab-btn:hover svg{color:var(--primary-color);stroke:var(--primary-color)}.admin-tabs .tab-btn.active{background:var(--primary-color)!important;color:#fff!important;box-shadow:0 2px 8px #e91e6333;position:relative}.admin-tabs .tab-btn.active,.admin-tabs .tab-btn.active *,.admin-tabs .tab-btn.active span{color:#fff!important}.admin-tabs .tab-btn.active svg,.admin-tabs button.tab-btn.active svg{color:#fff!important;stroke:#fff!important;fill:none!important}.admin-tabs .tab-btn.active svg *,.admin-tabs button.tab-btn.active svg *{color:#fff!important;stroke:#fff!important;fill:none!important}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:30px;height:3px;background:var(--primary-color);border-radius:2px 2px 0 0}.tab-btn{position:relative}.dashboard-section,.users-section,.courses-section,.products-section,.content-section,.reports-section{animation:fadeIn .4s ease-out}.dashboard-section{background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:2rem;border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff6;transition:left .5s}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00000026;border-color:var(--primary-color)}.stat-card:active{transform:translateY(-2px) scale(1.01)}.stat-icon{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;position:relative}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 15px #0003}.stat-content h3{font-size:1.75rem;font-weight:600;color:var(--dark-text);margin-bottom:.25rem}.stat-content p{color:var(--medium-text);margin-bottom:.5rem;font-size:.9rem}.stat-change{color:var(--success-color);font-size:.85rem;font-weight:500}.activity-section{margin-top:2rem}.recent-users h3{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.table-container{background:#fff;border-radius:8px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.table-container:hover{box-shadow:0 4px 20px #0000001a}table th{background:var(--light-bg);padding:12px 16px;text-align:left;font-weight:600;color:var(--dark-text);font-size:.9rem;border-bottom:1px solid var(--border-color)}table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--medium-text);font-size:.9rem}table tr{transition:all .2s ease}table tr:hover{background:#e91e630d;transform:scale(1.01)}table tr:active{transform:scale(.99)}table tr:last-child td{border-bottom:none}.status-badge{padding:4px 10px;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;display:inline-block;transition:all .2s ease;cursor:default}.status-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.action-buttons{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;overflow:hidden}.action-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.action-btn:hover:after{width:100px;height:100px}.action-btn:hover{transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.action-btn-wrapper{position:relative;display:inline-block}.action-btn-wrapper:hover .action-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.action-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:var(--dark-text);color:#fff;font-size:.75rem;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s ease;z-index:1000}.action-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border:4px solid transparent;border-top-color:var(--dark-text)}.action-btn.view{background:#2196f31a;color:var(--info-color)}.action-btn.view:hover{background:var(--info-color);color:#fff}.action-btn.edit{background:#ff98001a;color:var(--warning-color)}.action-btn.edit:hover{background:var(--warning-color);color:#fff}.action-btn.delete{background:#f443361a;color:var(--error-color)}.action-btn.delete:hover{background:var(--error-color);color:#fff}.action-btn.approve{background:#4caf501a;color:#4caf50}.action-btn.approve:hover{background:#4caf50;color:#fff}.action-btn.reject{background:#f443361a;color:var(--error-color)}.action-btn.reject:hover{background:var(--error-color);color:#fff}.reports-section{background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:2rem;border:1px solid var(--border-color);animation:fadeIn .4s ease-out}.reports-section h2{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:1.5rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.report-card{background:var(--light-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.report-card:hover:before{transform:scaleX(1)}.report-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--primary-color);background:#fff}.report-card h3{font-size:1.1rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem}.report-chart{height:180px;display:flex;align-items:center;justify-content:center}.chart-placeholder{text-align:center;color:var(--light-text)}.chart-placeholder svg{margin-bottom:.5rem;opacity:.4}.chart-placeholder p{font-size:.85rem;margin:0}.users-section,.courses-section,.products-section,.content-section,.sellers-section{background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:2rem;border:1px solid var(--border-color)}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:1px solid var(--border-color);background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--medium-text);transition:all .2s ease}.filter-btn:hover{background:var(--light-bg);border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.moderation-section{background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:2rem;border:1px solid var(--border-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content-large{background:#fff;border-radius:12px;padding:2.5rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.modal-content-large h2{font-size:1.75rem;font-weight:600;color:var(--dark-text);margin-bottom:1.5rem}.article-form{display:flex;flex-direction:column;gap:1.5rem}.article-form .form-group{display:flex;flex-direction:column;gap:.5rem}.article-form .form-group label{font-weight:600;color:var(--dark-text);font-size:.95rem}.article-form .form-group input,.article-form .form-group select,.article-form .form-group textarea{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#fff;color:var(--dark-text)}.article-form .form-group input:focus,.article-form .form-group select:focus,.article-form .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f}.article-form .form-group textarea{resize:vertical;min-height:300px;line-height:1.7}.article-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.article-form .checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.section-header .btn{position:relative;overflow:hidden}.section-header .btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.section-header .btn:hover:after{width:300px;height:300px}.section-header .btn:active{transform:scale(.98)}@media (max-width: 768px){.login-card{padding:2rem 1.5rem}.admin-tabs{flex-direction:column;gap:.25rem}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.table-container{overflow-x:auto}table{min-width:600px}.reports-grid{grid-template-columns:1fr}.topbar-content{flex-direction:column;gap:1rem;align-items:stretch}.logout-btn{width:100%;justify-content:center}}@media (max-width: 480px){.admin-login-page{padding:1rem}.login-card{padding:1.5rem}.admin-main{padding:1rem 0}.dashboard-section,.users-section,.courses-section,.products-section,.content-section,.reports-section{padding:1rem}.stat-card{flex-direction:column;text-align:center}.stat-content h3{font-size:1.5rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:2rem;position:relative}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(233,30,99,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(44,62,80,.03) 0%,transparent 50%);pointer-events:none}.login-container{width:100%;max-width:450px}.login-card{background:var(--white);border-radius:16px;box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a;padding:3.5rem;border:1px solid rgba(0,0,0,.06);position:relative;z-index:1;max-width:480px;width:100%}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1rem}.login-logo .logo-icon{width:52px;height:52px;padding:12px;background:var(--primary-color);border-radius:12px;color:#fff;box-shadow:0 4px 12px #e91e6340}.login-logo h1{font-size:1.875rem;font-weight:700;color:var(--dark-text);margin:0;letter-spacing:-.02em}.login-header p{color:var(--medium-text);font-size:.95rem;margin:0}.login-error{background:#fee;color:#c33;padding:12px;border-radius:6px;font-size:.9rem;border:1px solid #fcc;margin-bottom:1.5rem;display:flex;align-items:center;gap:8px}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--medium-text)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.forgot-password{color:var(--primary-color);text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.login-btn{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366;background:var(--primary-dark)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.login-footer p{font-size:.85rem;color:var(--light-text);margin:0}.login-footer strong{color:var(--primary-color)}.login-footer a{color:var(--primary-color);text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width: 480px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:2rem;position:relative}.register-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(233,30,99,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(44,62,80,.03) 0%,transparent 50%);pointer-events:none}.register-container{width:100%;max-width:600px}.register-card{background:var(--white);border-radius:16px;box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a;padding:3.5rem;border:1px solid rgba(0,0,0,.06);position:relative;z-index:1;max-width:680px;width:100%}.register-header{text-align:center;margin-bottom:2.5rem}.register-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1rem}.register-logo .logo-icon{width:52px;height:52px;padding:12px;background:var(--primary-color);border-radius:12px;color:#fff;box-shadow:0 4px 12px #e91e6340}.register-logo h1{font-size:1.875rem;font-weight:700;color:var(--dark-text);margin:0;letter-spacing:-.02em}.register-header p{color:var(--medium-text);font-size:.95rem;margin:0}.register-error{background:#fee;color:#c33;padding:12px;border-radius:6px;font-size:.9rem;border:1px solid #fcc;margin-bottom:1.5rem;display:flex;align-items:center;gap:8px}.register-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--dark-text);font-size:.95rem}.form-group label svg{color:var(--primary-color)}.form-group input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:var(--white);color:var(--dark-text)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--medium-text);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:10}.password-toggle:hover{color:var(--primary-color)}.password-toggle:focus{outline:none}.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--medium-text);font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.register-btn{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:8px}.register-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366;background:var(--primary-dark)}.register-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.register-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.register-footer p{font-size:.85rem;color:var(--light-text);margin:0}.register-footer strong{color:var(--primary-color)}.register-footer a{color:var(--primary-color);text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.register-page{padding:1rem}.register-card{padding:2rem 1.5rem}}.profile{padding:4rem 24px;background:#fff}.profile-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.profile-header{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem;display:flex;gap:2rem;align-items:flex-start}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-avatar-wrapper{position:relative}.profile-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-light);box-shadow:0 4px 12px #e91e6333;position:relative;cursor:pointer;transition:all .3s ease}.profile-avatar:hover{box-shadow:0 6px 20px #e91e634d}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#e91e63d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;opacity:0;transition:opacity .3s ease;cursor:pointer;border-radius:50%}.profile-avatar:hover .avatar-overlay{opacity:1}.avatar-overlay svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.avatar-overlay span{font-size:.85rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.edit-profile-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.edit-profile-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.profile-info-header{flex:1}.profile-info-header h1{font-size:2rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.profile-bio{color:var(--medium-text);margin-bottom:1rem;line-height:1.6}.mentor-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#e91e631a;color:var(--primary-color);border-radius:20px;font-size:.9rem;font-weight:500}.edit-actions{display:flex;gap:1rem;margin-bottom:1rem}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.stat-icon{width:50px;height:50px;padding:12px;background:var(--primary-color);color:#fff;border-radius:12px}.stat-content h3{font-size:1.8rem;font-weight:700;color:var(--dark-text);margin-bottom:.25rem}.stat-content p{color:var(--light-text);font-size:.9rem}.profile-details{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem}.profile-section{margin-bottom:2rem}.profile-section:last-child{margin-bottom:0}.profile-section h2{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--dark-text);font-size:.95rem;margin-bottom:.5rem}.detail-item label svg{color:var(--primary-color);flex-shrink:0}.detail-item p{color:var(--medium-text);margin:0;padding:12px 0;font-weight:400}.detail-item input,.detail-item textarea{padding:14px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#fff;color:var(--dark-text);width:100%;box-sizing:border-box;font-weight:400}.detail-item input::placeholder,.detail-item textarea::placeholder{color:var(--light-text);opacity:.7}.detail-item input:focus,.detail-item textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f;background:#fff;transform:translateY(-1px)}.detail-item input:hover,.detail-item textarea:hover{border-color:var(--primary-light)}.detail-item input:disabled{background:var(--light-bg);color:var(--light-text);cursor:not-allowed;opacity:.7}.detail-item textarea{resize:vertical;min-height:120px;line-height:1.6}.detail-item select{padding:14px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#fff;color:var(--dark-text);width:100%;box-sizing:border-box;cursor:pointer}.detail-item select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.profile-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.detail-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,1fr)}.edit-actions{flex-direction:column}}@media (max-width: 480px){.profile-stats{grid-template-columns:1fr}.profile-actions{flex-direction:column}}.product-detail{padding:2rem 24px 4rem;background:#fff}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.product-images{display:flex;flex-direction:column;gap:1rem}.main-image{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid var(--border-color)}.main-image img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column;gap:1.5rem}.product-badges{display:flex;gap:.75rem;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500}.badge.verified{background:#4caf501a;color:#4caf50}.badge.delivery{background:#e91e631a;color:var(--primary-color)}.product-info h1{font-size:2rem;font-weight:700;color:var(--dark-text);margin:0}.product-rating-header{display:flex;align-items:center;gap:12px}.product-rating-header .stars{display:flex;gap:4px}.rating-text{color:var(--medium-text);font-size:.95rem}.product-pricing{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.current-price{font-size:2rem;font-weight:700;color:var(--primary-color)}.original-price{font-size:1.25rem;color:var(--light-text);text-decoration:line-through}.discount{padding:4px 12px;background:#4caf501a;color:#4caf50;border-radius:6px;font-size:.9rem;font-weight:600}.product-description,.product-specifications,.seller-info{padding-top:1.5rem;border-top:1px solid var(--border-color)}.product-description h3,.product-specifications h3,.seller-info h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--dark-text)}.product-description p{color:var(--medium-text);line-height:1.8}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.spec-item{display:flex;gap:.5rem}.spec-label{font-weight:600;color:var(--dark-text)}.spec-value{color:var(--medium-text)}.stock-info{padding:1rem;border-radius:8px;background:var(--light-bg)}.in-stock{color:#4caf50;font-weight:500;margin:0}.out-of-stock{color:var(--error-color);font-weight:500;margin:0}.product-actions{display:flex;gap:1rem;margin-top:1rem}.product-actions .btn{flex:1;justify-content:center}.reviews-section{margin-top:4rem;padding-top:3rem;border-top:2px solid var(--border-color)}.reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.reviews-header h2{font-size:1.75rem;font-weight:600;color:var(--dark-text)}.review-form{background:var(--light-bg);padding:2rem;border-radius:12px;margin-bottom:2rem}.review-form h3{margin-bottom:1.5rem;color:var(--dark-text)}.rating-selector{margin-bottom:1.5rem}.rating-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark-text)}.stars-selector{display:flex;gap:.5rem}.star-btn{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease}.star-btn:hover{transform:scale(1.2)}.review-form textarea{width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;min-height:120px;margin-bottom:1rem;color:var(--dark-text)}.review-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f}.review-form-actions{display:flex;gap:1rem;justify-content:flex-end}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-item{padding:1.5rem;border:1px solid var(--border-color);border-radius:12px;background:#fff}.review-header{margin-bottom:1rem}.reviewer-info{display:flex;gap:1rem;align-items:flex-start}.reviewer-info img{width:48px;height:48px;border-radius:50%;object-fit:cover}.reviewer-info h4{margin:0 0 .5rem;color:var(--dark-text);font-size:1rem}.review-rating{display:flex;gap:2px;margin-bottom:.25rem}.review-date{font-size:.85rem;color:var(--light-text)}.review-comment{color:var(--medium-text);line-height:1.7;margin-bottom:1rem}.review-actions{display:flex;gap:1rem}.helpful-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--medium-text);font-size:.85rem;cursor:pointer;transition:all .2s ease}.helpful-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.no-reviews{text-align:center;padding:4rem 2rem;color:var(--light-text)}.no-reviews svg{opacity:.3;margin-bottom:1rem}@media (max-width: 768px){.product-detail-content{grid-template-columns:1fr;gap:2rem}.product-info h1{font-size:1.5rem}.product-actions{flex-direction:column}.reviews-header{flex-direction:column;align-items:flex-start;gap:1rem}.specs-grid{grid-template-columns:1fr}}.checkout{padding:2rem 24px 4rem;background:#fff;min-height:calc(100vh - 200px)}.checkout h1{font-size:2rem;font-weight:700;color:var(--dark-text);margin-bottom:2rem}.checkout-content{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}.order-summary{background:var(--light-bg);padding:2rem;border-radius:12px;height:fit-content;position:sticky;top:100px}.order-summary h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--dark-text)}.cart-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.cart-item{display:flex;gap:1rem;background:#fff;padding:1rem;border-radius:8px}.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:8px}.item-details{flex:1}.item-details h4{margin:0 0 .5rem;color:var(--dark-text);font-size:1rem}.item-details p{margin:.25rem 0;color:var(--medium-text);font-size:.9rem}.price-breakdown{display:flex;flex-direction:column;gap:1rem}.price-row{display:flex;justify-content:space-between;color:var(--medium-text)}.price-row.total{font-size:1.25rem;font-weight:700;color:var(--dark-text);padding-top:1rem;border-top:2px solid var(--border-color)}.checkout-forms{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:2rem}.form-section h2{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--dark-text)}.form-section h2 svg{color:var(--primary-color);stroke:var(--primary-color)}.form-group label svg{color:var(--primary-color);stroke:var(--primary-color)}.payment-option-content svg{color:var(--primary-color);stroke:var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--dark-text);font-size:.95rem}.form-group input,.form-group textarea{padding:14px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#fff;color:var(--dark-text)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f}.form-group textarea{resize:vertical;min-height:80px}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-option{display:flex;align-items:center;padding:1.5rem;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.payment-option:hover{border-color:var(--primary-color);background:var(--primary-light)}.payment-option input[type=radio]{margin-right:1rem;width:20px;height:20px;cursor:pointer}.payment-option-content{display:flex;align-items:center;gap:1rem;flex:1}.payment-option-content strong{display:block;color:var(--dark-text);margin-bottom:.25rem}.payment-option-content p{margin:0;color:var(--medium-text);font-size:.9rem}.place-order-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;justify-content:center}.order-success{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000014;max-width:600px;margin:4rem auto}.success-icon{color:#4caf50;margin-bottom:1.5rem}.order-success h1{font-size:2rem;font-weight:700;color:var(--dark-text);margin-bottom:1rem}.order-id{font-size:1.25rem;font-weight:600;color:var(--primary-color);margin:1rem 0}.order-success p{color:var(--medium-text);line-height:1.8;margin-bottom:2rem}.success-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 968px){.checkout-content{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.success-actions{flex-direction:column}.success-actions .btn{width:100%}}.seller-dashboard{padding:2rem 24px 4rem;background:#fff}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard-header h1{font-size:2rem;font-weight:700;color:var(--dark-text);margin:0 0 .5rem}.dashboard-header p{color:var(--medium-text);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;padding:12px;background:var(--primary-light);color:var(--primary-color);border-radius:10px}.stat-content h3{font-size:1.75rem;font-weight:700;color:var(--dark-text);margin:0 0 .25rem}.stat-content p{color:var(--medium-text);margin:0;font-size:.9rem}.dashboard-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);flex-wrap:wrap}.tab-btn{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;color:var(--medium-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.overview-section,.products-section,.orders-section,.analytics-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:2rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:1rem;background:var(--light-bg);color:var(--dark-text);font-weight:600;border-bottom:2px solid var(--border-color)}table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--medium-text)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500}.status-select{padding:6px 12px;border:2px solid var(--border-color);border-radius:6px;background:#fff;color:var(--dark-text);font-size:.9rem;cursor:pointer}.status-select:focus{outline:none;border-color:var(--primary-color)}.action-btn{padding:6px 12px;background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--medium-text);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-card{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.product-card img{width:100%;height:200px;object-fit:cover}.product-info{padding:1rem}.product-info h3{font-size:1.1rem;font-weight:600;color:var(--dark-text);margin:0 0 .5rem}.product-price{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin:.5rem 0}.product-stats{display:flex;gap:1rem;margin:.5rem 0;font-size:.9rem;color:var(--medium-text)}.product-actions{display:flex;gap:.5rem;margin-top:1rem}.analytics-placeholder{text-align:center;padding:4rem 2rem;color:var(--light-text)}.analytics-placeholder svg{opacity:.3;margin-bottom:1rem}.analytics-placeholder p{margin:.5rem 0}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.dashboard-tabs{overflow-x:auto;flex-wrap:nowrap}table{font-size:.9rem}table th,table td{padding:.75rem .5rem}}.messages-page{padding:2rem 24px 4rem;background:#fff;min-height:calc(100vh - 200px)}.messages-page h1{font-size:2rem;font-weight:700;color:var(--dark-text);margin-bottom:2rem}.messages-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;height:calc(100vh - 300px);min-height:600px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.conversations-sidebar{background:var(--light-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.conversations-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.conversations-header h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--dark-text)}.search-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid var(--border-color);border-radius:8px}.search-box input{flex:1;border:none;outline:none;font-size:14px;color:var(--dark-text)}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.conversation-item:hover{background:#fff}.conversation-item.active{background:var(--primary-light)}.conversation-item img{width:48px;height:48px;border-radius:50%;object-fit:cover}.conversation-info{flex:1;min-width:0}.conversation-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.conversation-header-row h3{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0}.message-time{font-size:.75rem;color:var(--light-text)}.conversation-footer-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.last-message{font-size:.9rem;color:var(--medium-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.unread-badge{background:var(--primary-color);color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.no-conversations{text-align:center;padding:4rem 2rem;color:var(--light-text)}.no-conversations svg{opacity:.3;margin-bottom:1rem}.hint{font-size:.85rem;margin-top:.5rem}.messages-area{display:flex;flex-direction:column;background:#fff}.messages-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:#fff}.contact-info{display:flex;align-items:center;gap:1rem}.contact-info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.contact-info h3{font-size:1.1rem;font-weight:600;color:var(--dark-text);margin:0}.messages-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;gap:.75rem;align-items:flex-end}.message.own{flex-direction:row-reverse}.message img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-content{max-width:70%}.message-bubble{padding:12px 16px;border-radius:12px;background:var(--light-bg);border:1px solid var(--border-color)}.message.own .message-bubble{background:var(--primary-color);color:#fff;border:none}.message-bubble p{margin:0 0 .25rem;line-height:1.5}.message-time{font-size:.7rem;opacity:.7}.message-input-form{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:#fff}.message-input-form input{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:24px;font-size:15px;outline:none;transition:all .2s ease}.message-input-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f}.send-btn{width:48px;height:48px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.send-btn:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--light-text)}.no-conversation-selected svg{opacity:.3;margin-bottom:1rem}@media (max-width: 968px){.messages-layout{grid-template-columns:1fr;height:auto}.conversations-sidebar{max-height:300px;border-right:none;border-bottom:1px solid var(--border-color)}}.forum-post-detail{padding:2rem 24px 4rem;background:#fff}.post-detail-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.author-info{display:flex;gap:1rem;align-items:flex-start}.author-info img{width:56px;height:56px;border-radius:50%;object-fit:cover}.author-info h3{margin:0 0 .5rem;color:var(--dark-text)}.author-info p{margin:.25rem 0;color:var(--medium-text);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.post-category{display:inline-block;padding:4px 12px;background:var(--primary-light);color:var(--primary-color);border-radius:6px;font-size:.85rem;font-weight:500;margin-top:.5rem}.post-actions-header{display:flex;gap:.5rem}.action-icon-btn{padding:8px;background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--medium-text);cursor:pointer;transition:all .2s ease}.action-icon-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.post-content-section{margin-bottom:1.5rem}.post-content-section h1{font-size:1.75rem;font-weight:700;color:var(--dark-text);margin-bottom:1rem}.post-content-section p{color:var(--medium-text);line-height:1.8;font-size:1.05rem}.edit-form{margin-top:1rem}.edit-form textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;min-height:150px;margin-bottom:1rem}.edit-actions{display:flex;gap:1rem}.post-footer{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--light-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--medium-text);font-size:.9rem;cursor:pointer;transition:all .2s ease}.action-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.action-btn.liked{background:#e91e631a;border-color:var(--primary-color);color:var(--primary-color)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.comments-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:2rem}.comments-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--dark-text)}.add-comment-form{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.add-comment-form textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;min-height:100px;margin-bottom:1rem}.add-comment-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #e91e631f}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comment-item{display:flex;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.comment-item:last-child{border-bottom:none}.comment-item img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-content{flex:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-header h4{margin:0;color:var(--dark-text);font-size:.95rem}.comment-time{font-size:.8rem;color:var(--light-text)}.comment-content p{color:var(--medium-text);line-height:1.6;margin-bottom:.75rem}.comment-actions{margin-top:.5rem}.reply-btn{padding:6px 12px;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--medium-text);font-size:.85rem;cursor:pointer;transition:all .2s ease}.reply-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.reply-form{margin-top:1rem;padding:1rem;background:var(--light-bg);border-radius:8px}.reply-form textarea{width:100%;padding:10px 14px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;margin-bottom:.75rem}.reply-actions{display:flex;gap:.75rem}.replies-list{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--border-color)}.reply-item{display:flex;gap:.75rem;margin-bottom:1rem}.reply-item img{width:32px;height:32px;border-radius:50%;object-fit:cover}.reply-content{flex:1}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.reply-header h5{margin:0;font-size:.9rem;color:var(--dark-text)}.reply-time{font-size:.75rem;color:var(--light-text)}.reply-content p{color:var(--medium-text);font-size:.9rem;line-height:1.6;margin:0}.no-comments{text-align:center;padding:3rem 2rem;color:var(--light-text)}.no-comments svg{opacity:.3;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{margin:0 0 1rem;color:var(--dark-text)}.modal-content p{color:var(--medium-text);margin-bottom:1rem}.modal-content textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;min-height:100px;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.post-header{flex-direction:column;gap:1rem}.post-actions-header{align-self:flex-end}}.course-content{padding:2rem 24px 4rem;background:#fff;min-height:calc(100vh - 200px)}.course-content-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;min-height:600px}.lessons-sidebar{background:var(--light-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;max-height:800px}.course-header-sidebar{padding:1.5rem;border-bottom:1px solid var(--border-color);background:#fff}.course-header-sidebar h2{font-size:1.1rem;font-weight:600;color:var(--dark-text);margin:0 0 .5rem}.course-header-sidebar p{color:var(--medium-text);font-size:.9rem;margin:0 0 1rem}.progress-indicator{display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-color);transition:width .3s ease}.progress-indicator span{font-size:.85rem;color:var(--medium-text);font-weight:500}.lessons-list{flex:1;overflow-y:auto;padding:1rem}.lessons-list h3{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem 1rem}.lesson-item{display:flex;gap:1rem;padding:1rem;margin-bottom:.5rem;background:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.lesson-item:hover{background:var(--primary-light);border-color:var(--primary-color)}.lesson-item.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.lesson-item.completed .lesson-icon{color:#4caf50}.lesson-item.active .lesson-icon{color:#fff}.lesson-icon{flex-shrink:0;color:var(--medium-text)}.lesson-info{flex:1;display:flex;gap:.75rem}.lesson-number{font-weight:600;color:var(--medium-text)}.lesson-item.active .lesson-number{color:#fff}.lesson-info h4{font-size:.95rem;font-weight:500;margin:0 0 .25rem}.lesson-info p{font-size:.85rem;margin:0;opacity:.7}.lesson-content-area{padding:2rem;background:#fff;overflow-y:auto;max-height:800px}.lesson-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.lesson-header h1{font-size:2rem;font-weight:700;color:var(--dark-text);margin:0 0 1rem}.lesson-meta{display:flex;gap:1rem}.lesson-type,.lesson-duration{padding:6px 12px;background:var(--light-bg);border-radius:6px;font-size:.85rem;font-weight:500;color:var(--medium-text)}.lesson-body{margin-bottom:2rem}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;margin-bottom:2rem}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.text-content{background:var(--light-bg);padding:2rem;border-radius:8px;margin-bottom:2rem;line-height:1.8;color:var(--dark-text)}.quiz-content{margin-bottom:2rem}.question-item{margin-bottom:2rem;padding:1.5rem;background:var(--light-bg);border-radius:8px}.question-item h3{font-size:1.1rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-label{display:flex;align-items:center;gap:.75rem;padding:12px;background:#fff;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.option-label:hover{border-color:var(--primary-color);background:var(--primary-light)}.option-label input[type=radio]{width:18px;height:18px;cursor:pointer}.option-label input[type=radio]:checked+span{font-weight:600;color:var(--primary-color)}.submit-quiz-btn{width:100%;padding:1rem;font-size:1.1rem;justify-content:center}.quiz-results{text-align:center;padding:3rem 2rem;background:var(--light-bg);border-radius:12px}.quiz-results svg{color:var(--primary-color);margin-bottom:1rem}.quiz-results h2{font-size:1.75rem;font-weight:700;color:var(--dark-text);margin-bottom:1rem}.quiz-results p{font-size:1.1rem;color:var(--medium-text);margin-bottom:.5rem}.quiz-results .success{color:#4caf50;font-weight:600}.quiz-results .retry{color:var(--error-color);font-weight:600}.lesson-description{margin:2rem 0;padding:1.5rem;background:var(--light-bg);border-radius:8px;border-left:4px solid var(--primary-color)}.lesson-description p{color:var(--medium-text);line-height:1.8;margin:0}.no-lesson-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--light-text)}.no-lesson-selected svg{opacity:.3;margin-bottom:1rem}@media (max-width: 968px){.course-content-layout{grid-template-columns:1fr}.lessons-sidebar{max-height:400px;border-right:none;border-bottom:1px solid var(--border-color)}}.orders-page{padding:2rem 24px 4rem;background:#fff}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid var(--border-color);border-radius:8px;color:var(--dark-text);font-size:14px;font-weight:500;cursor:pointer;margin-bottom:2rem;transition:all .2s ease}.back-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.orders-page h1{font-size:2rem;font-weight:700;color:var(--dark-text);margin-bottom:2rem}.no-orders{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:1px solid var(--border-color)}.no-orders svg{opacity:.3;margin-bottom:1.5rem;color:var(--medium-text)}.no-orders h2{font-size:1.5rem;color:var(--dark-text);margin-bottom:.5rem}.no-orders p{color:var(--medium-text);margin-bottom:2rem}.orders-list{display:flex;flex-direction:column;gap:2rem}.order-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:var(--shadow-light)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.order-info h3{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0 0 .5rem}.order-date{color:var(--medium-text);font-size:.9rem;margin:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500}.order-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.order-item{display:flex;gap:1rem;padding:1rem;background:var(--light-bg);border-radius:8px}.order-item img{width:80px;height:80px;object-fit:cover;border-radius:8px}.item-details h4{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0 0 .5rem}.item-details p{color:var(--medium-text);font-size:.9rem;margin:.25rem 0}.item-price{font-weight:600;color:var(--primary-color);font-size:1rem}.order-footer{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.shipping-info h4{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.shipping-info p{color:var(--medium-text);line-height:1.8;margin:.5rem 0}.order-summary{display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;color:var(--medium-text)}.summary-row.total{font-size:1.25rem;font-weight:700;color:var(--dark-text);padding-top:1rem;border-top:2px solid var(--border-color)}@media (max-width: 768px){.order-header{flex-direction:column;gap:1rem}.order-footer{grid-template-columns:1fr;gap:1.5rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#1a1a1a;background-color:#fff;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}.App{min-height:100vh;display:flex;flex-direction:column}:root{--primary-color: #e91e63;--primary-dark: #c2185b;--primary-light: #f8d0e3;--secondary-color: #2c3e50;--secondary-light: #34495e;--accent-color: #3498db;--accent-light: #85c1e9;--success-color: #27ae60;--warning-color: #f39c12;--error-color: #e74c3c;--info-color: #3498db;--light-bg: #f5f5f5;--white: #ffffff;--dark-text: #1a1a1a;--medium-text: #4a4a4a;--light-text: #6a6a6a;--border-color: #e0e0e0;--border-light: #f0f0f0;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .15);--shadow-light: 0 1px 3px rgba(0, 0, 0, .08)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-fluid{max-width:100%;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;text-align:center;white-space:nowrap;min-height:44px;letter-spacing:normal;font-family:inherit}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-light)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);opacity:.95}.btn-secondary{background:var(--secondary-color);color:#fff;box-shadow:var(--shadow-light)}.btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);filter:brightness(1.05)}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none}.btn-outline:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.btn-ghost{background-color:transparent;color:var(--medium-text);border:1px solid var(--border-color)}.btn-ghost:hover{background-color:var(--light-bg);color:var(--dark-text);border-color:var(--primary-color)}.card{background:var(--white);border-radius:12px;padding:2rem;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--primary-light)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--dark-text);letter-spacing:-.01em;margin-bottom:.5em}h1,h2,h3,h4,h5,h6,p,span,div,a,button,label{color:inherit}h1{font-size:2.5rem;font-weight:700;line-height:1.2}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}p{line-height:1.7;color:var(--medium-text);margin-bottom:1em;font-size:1rem}img{max-width:100%;height:auto;display:block;object-fit:cover;border-radius:8px;background:var(--light-bg);transition:opacity .3s ease,transform .3s ease}img:not([src]),img[src=""]{opacity:0;background:var(--light-bg)}.image-container{position:relative;overflow:hidden;background:var(--light-bg)}.image-container img{width:100%;height:100%;object-fit:cover}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}@media (max-width: 1024px){.container{padding:0 20px}h1{font-size:2.5rem}h2{font-size:2rem}}@media (max-width: 768px){.container,.container-fluid{padding:0 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:1.5rem}.btn{padding:12px 24px;font-size:14px;min-height:44px}.card{padding:1.5rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}}@media (max-width: 480px){.container,.container-fluid{padding:0 12px}.btn{padding:10px 20px;font-size:13px;min-height:40px}.card{padding:1.25rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}}.fade-in{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(233,30,99,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content{text-align:center}.loading-content .loading-spinner{width:40px;height:40px;border-width:4px;margin-bottom:1rem}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.toast{position:fixed;bottom:20px;right:20px;background:var(--dark-text);color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:var(--shadow-hover);z-index:10000;animation:slideInUp .3s ease-out;max-width:400px}.toast.success{background:var(--success-color)}.toast.error{background:var(--error-color)}.toast.warning{background:var(--warning-color)}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#1a1a1a;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,span,div,li,td,th{color:inherit}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#e91e63;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c2185b}*:focus{outline:2px solid #e91e63;outline-offset:2px}::selection{background:#e91e6333;color:#333}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}