@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-grow:1;padding-top:80px}.btn{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 4px 12px #5c2c7a4d}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#92751f;box-shadow:0 4px 12px #d4af374d}.btn-outline{color:var(--color-primary);border:1px solid var(--color-border);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-background-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:1000;background-color:#3a1548f2;width:100%;height:80px;position:fixed;top:0;left:0}.navbar-container-full{justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 2rem;display:flex}.navbar-left{flex:1;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.navbar-brand{align-items:center;gap:.75rem;text-decoration:none;display:flex}.navbar-brand-name{color:#fff;font-family:var(--font-heading);letter-spacing:.5px;font-size:1.4rem;font-weight:600}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:.25rem;display:none}.navbar-logo{object-fit:contain;width:auto;max-height:60px}.navbar-links{flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.navbar-links a{color:#fff;border-radius:var(--border-radius-md);white-space:nowrap;padding:.5rem .75rem;font-size:.95rem;font-weight:500;transition:all .3s;position:relative}.navbar-links a:hover{color:var(--color-secondary);background-color:#ffffff1a;transform:translateY(-1px)}.navbar-links a.active-nav{color:var(--color-secondary);background-color:#0000;font-weight:600}.navbar-links a.active-nav:after{content:"";background-color:var(--color-secondary);border-radius:2px;width:80%;height:2px;position:absolute;bottom:0;left:10%}.navbar-links a.admin-link{color:var(--color-secondary)}.navbar-actions{flex:1;justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.cart-icon{color:#fff;align-items:center;display:flex;position:relative}.cart-icon:hover{color:var(--color-secondary);background-color:#ffffff1a}.cart-badge{background-color:var(--color-accent);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.user-menu{align-items:center;gap:1rem;display:flex}.user-name{color:#fff;align-items:center;gap:.5rem;font-weight:500;display:flex}.logout-btn{color:#fff;border-color:#ffffff80;padding:.25rem .75rem;font-size:.875rem}.mobile-only{display:none}@media (width<=768px){.mobile-menu-btn{display:block}.navbar-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-shadow:var(--shadow-md);border-top:1px solid var(--color-border);opacity:0;visibility:hidden;z-index:999;background-color:#3a1548fa;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem;transition:all .3s ease-in-out;position:absolute;top:80px;left:0;transform:translateY(-150%)}.navbar-links.mobile-active{opacity:1;visibility:visible;transform:translateY(0)}.navbar-links a{width:100%;padding:.75rem 1rem;font-size:1.1rem}.mobile-only{display:flex}.desktop-only{display:none!important}}.mobile-menu-overlay{z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;width:100vw;height:calc(100vh - 80px);position:fixed;top:80px;left:0}.footer{background-color:var(--color-text-main);color:#fff;margin-top:auto;padding-top:3rem}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:2rem;display:flex}.footer-brand h3{font-family:var(--font-heading);color:var(--color-yellow);margin-bottom:.5rem}.footer-brand p{color:#d1c4e9;max-width:300px}.footer-links{gap:4rem;display:flex}.link-group h4{color:var(--color-accent);margin-bottom:1rem}.link-group a,.link-group p{color:#d1c4e9;margin-bottom:.5rem;font-size:.9rem;display:block}.link-group a:hover{color:#fff}.footer-bottom{text-align:center;color:#a394b8;border-top:1px solid #ffffff1a;padding:1.5rem;font-size:.875rem}@media (width<=768px){.footer-links{flex-direction:column;gap:2rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--color-background);border-radius:var(--border-radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow-lg);padding:2.5rem;animation:.3s slideUp;position:relative}.modal-close{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;padding:.25rem;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--color-text-main)}.modal-content h2{color:var(--color-primary);margin-bottom:.5rem}.modal-subtitle{color:var(--color-text-light);margin-bottom:2rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text-light);font-size:.875rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-main);transition:var(--transition);padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);background-color:var(--color-background);outline:none;box-shadow:0 0 0 3px #3b82f626}.auth-submit-btn{width:100%;margin-top:1rem;padding:.875rem;font-size:1rem}.modal-switch{text-align:center;margin-top:2rem;font-size:.875rem}.switch-btn{color:var(--color-primary);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit}.switch-btn:hover{text-decoration:underline}.admin-hint{color:var(--color-text-light);margin-top:1rem;font-size:.75rem;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-whatsapp{color:#fff;border-radius:var(--border-radius-full);z-index:1000;background-color:#25d366;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;left:2rem;box-shadow:0 4px 12px #25d36666}.floating-whatsapp:hover{color:#fff;transform:translateY(-5px);box-shadow:0 6px 16px #25d36680}.whatsapp-icon-wrapper{color:#25d366;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;display:flex}.whatsapp-text{font-size:.95rem;font-weight:600}@media (width<=768px){.floating-whatsapp{bottom:1.5rem;left:1.5rem}}.editable-text-container{display:inline-block;position:relative}.editable-edit-btn{cursor:pointer;color:#555;z-index:10;background:#fffc;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:-10px;right:-24px;box-shadow:0 2px 4px #0000001a}.editable-edit-btn:hover{color:#000;background:#fff;transform:scale(1.1)}.editable-text-editing{flex-direction:column;gap:.5rem;width:100%;margin:.5rem 0;display:flex}.editable-input{width:100%;font-family:inherit;font-size:inherit;border:1px solid #ccc;border-radius:4px;padding:.5rem}.editable-textarea{width:100%;font-family:inherit;font-size:inherit;resize:vertical;border:1px solid #ccc;border-radius:4px;padding:.5rem}.editable-actions{justify-content:flex-end;gap:.5rem;display:flex}.editable-btn{cursor:pointer;color:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.save-btn{background:#4caf50}.save-btn:hover{background:#45a049}.cancel-btn{background:#f44336}.cancel-btn:hover{background:#da190b}h1 .editable-text-container,h2 .editable-text-container,h3 .editable-text-container,h4 .editable-text-container{padding-right:28px;display:inline-block}.editable-list-container{position:relative}.editable-list-item-wrapper{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex;position:relative}.editable-list-item-wrapper>:first-child{flex:1}.editable-list-item-controls{opacity:0;flex-direction:column;gap:.5rem;margin-top:.25rem;transition:opacity .2s;display:flex}.editable-list-item-wrapper:hover .editable-list-item-controls{opacity:1}.editable-list-editing{background:#ffffff0d;border:1px dashed #fff3;border-radius:8px;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.editable-list-textarea{width:100%;color:inherit;resize:vertical;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;flex:1;padding:.75rem;font-family:inherit;font-size:1rem}.editable-list-textarea:focus{background:#ffffff26;border-color:#6a1b9a;outline:none}.editable-list-actions{flex-direction:column;gap:.5rem;display:flex}.editable-list-btn{color:#555;cursor:pointer;background:#ffffff1a;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.editable-list-btn:hover{color:#000;background:#fff;transform:scale(1.1)}.editable-list-btn.save-btn{color:#fff;background:#4caf50;border:none}.editable-list-btn.save-btn:hover{background:#45a049}.editable-list-btn.cancel-btn{color:#fff;background:#f44336;border:none}.editable-list-btn.cancel-btn:hover{background:#da190b}.editable-list-btn.delete-btn{color:#ef5350;border-color:#ffcdd2}.editable-list-btn.delete-btn:hover{color:#fff;background:#f44336}.editable-list-add-btn{color:#6a1b9a;cursor:pointer;background:0 0;border:1px dashed #6a1b9a4d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem 1.5rem;font-size:.9rem;transition:all .2s;display:flex}.editable-list-add-btn:hover{background:#6a1b9a0d;border-color:#6a1b9a80}.feedback-section{background-color:var(--color-background-light);padding:6rem 1rem;overflow:hidden}.feedback-slider-container{align-items:center;gap:1rem;max-width:900px;margin:0 auto;display:flex;position:relative}.slider-viewport{border-radius:var(--border-radius-lg);width:100%;overflow:hidden}.slider-track{width:100%;transition:transform .5s ease-in-out;display:flex}.feedback-slide{min-width:100%;padding:1rem}.feedback-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;background:#fff;border:1px solid #0000000d;flex-direction:column;align-items:center;padding:3rem 2rem;display:flex;position:relative}.quote-icon{color:var(--color-primary-light);opacity:.3;margin-bottom:1rem}.star-rating{gap:.25rem;margin-bottom:1.5rem;display:flex}.feedback-text{color:var(--color-text-main);font-size:1.25rem;font-style:italic;line-height:1.8;font-family:var(--font-heading);margin-bottom:2rem}.feedback-author{color:var(--color-primary);margin:0;font-size:1.1rem;font-weight:700}.slider-btn{border:1px solid var(--color-border);cursor:pointer;width:48px;height:48px;color:var(--color-primary);box-shadow:var(--shadow-sm);transition:var(--transition);z-index:2;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.slider-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.slider-dots{justify-content:center;gap:.5rem;margin-top:2rem;display:flex}.slider-dot{background-color:var(--color-border);cursor:pointer;width:10px;height:10px;transition:var(--transition);border:none;border-radius:50%}.slider-dot.active{background-color:var(--color-primary);transform:scale(1.2)}@media (width<=768px){.feedback-section{padding:4rem 1rem}.feedback-text{font-size:1.1rem}.feedback-slider-container{gap:.5rem}.slider-btn{background:#ffffffe6;width:40px;height:40px;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn.prev-btn{left:0}.slider-btn.next-btn{right:0}.feedback-slide{padding:0}}.hero{justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 0 5vh;display:flex;position:relative}.hero-background{z-index:-1;background:radial-gradient(#5c2c7a26 1.5px,#0000 1.5px) 0 0/30px 30px,linear-gradient(135deg,#f8eef9 0%,#e6cbe8 100%) 0 0/100% 100%;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-background:before,.hero-background:after{content:"";filter:blur(80px);z-index:-1;border-radius:50%;animation:12s ease-in-out infinite alternate floatOrb;position:absolute}.hero-background:before{background:#d4af3740;width:40vw;max-width:500px;height:40vw;max-height:500px;animation-delay:0s;top:-10%;left:10%}.hero-background:after{background:#5c2c7a33;width:45vw;max-width:600px;height:45vw;max-height:600px;animation-delay:-6s;bottom:-10%;right:10%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,50px)scale(1.1)}to{transform:translate(-30px,20px)scale(.95)}}.hero-container{text-align:center;justify-content:center;display:flex}.hero-content{flex-direction:column;align-items:center;max-width:800px;animation:.8s ease-out forwards slideUpFade;display:flex}.hero-logo{object-fit:contain;max-width:220px;height:auto;margin-bottom:.5rem}.hero-brand-name{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:1px;margin-bottom:1rem;font-size:1.6rem;font-weight:700}.badge{color:var(--color-primary);border-radius:var(--border-radius-full);background-color:#5c2c7a1a;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.4rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.hero-title{font-size:2.2rem;font-family:var(--font-heading);color:var(--color-primary);margin-bottom:.5rem;font-weight:700}.hero-title .highlight{color:var(--color-primary);display:inline-block;position:relative}.hero-title .highlight:after{display:none}.hero-subtitle{color:var(--color-primary);max-width:600px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1rem;font-weight:600}.hero-actions{justify-content:center;gap:1rem;display:flex}.hero-btn{padding:1rem 2rem;font-size:1.1rem}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{color:var(--color-primary);cursor:pointer;z-index:10;opacity:.7;justify-content:center;align-items:center;transition:opacity .3s;animation:2s infinite bounce;display:flex;position:absolute;bottom:10vh;left:50%;transform:translate(-50%)}.scroll-indicator:hover{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-15px)}60%{transform:translate(-50%)translateY(-7px)}}.features{padding:8rem 1rem}.section-header{margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-family:var(--font-heading);color:var(--color-primary);font-weight:700}.section-header p{color:var(--color-primary);font-size:1.1rem;font-weight:600}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}@media (width>=768px){.features-grid{gap:2rem}}.feature-card{background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid #0000000d;flex-direction:column;padding:2.5rem;display:flex}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon-wrapper{border-radius:1rem;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex}.courses-icon{color:var(--color-primary);background-color:#5c2c7a1a}.sessions-icon{color:var(--color-primary-dark);background-color:#e6cbe880}.store-icon{color:var(--color-secondary);background-color:#d4af3726}.feature-card h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.feature-card p{color:var(--color-primary);flex-grow:1;margin-bottom:1.5rem;font-weight:600}.feature-link{font-weight:600;display:inline-block}.reiki-section{background-color:var(--color-background);padding:5rem 0}.reiki-content{max-width:800px;margin:0 auto}.reiki-title{font-size:2.5rem;font-family:var(--font-heading);color:var(--color-primary);margin-bottom:1.5rem;font-weight:700}.reiki-content p{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;line-height:1.7}@media (width<=768px){.hero-title{font-size:2.25rem}.hero{padding:2rem 0 4rem}.features,.reiki-section{padding:3rem 1rem}.section-header h2,.reiki-title{font-size:2rem}.hero-actions{flex-direction:column;align-items:center;width:100%}.hero-btn{justify-content:center;width:100%;min-width:250px;display:flex}}.about-page{text-align:center;min-height:80vh}.about-intro-grid{align-items:flex-start;gap:4rem;margin-bottom:3rem;display:flex}.about-image-wrapper{flex:1;justify-content:center;display:flex}.trainer-image{border-radius:var(--border-radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md);object-fit:cover}.trainer-name{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.8rem}.trainer-title{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.1rem;font-weight:500;line-height:1.6}.about-content{flex:1}.about-content h2{font-size:2.5rem;font-family:var(--font-heading);color:var(--color-primary);margin-bottom:1rem}.about-content h4,.about-extended h4{color:var(--color-text-main);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.3rem}.about-content p,.about-extended p{color:var(--color-text-light);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.motto-list{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.motto-item{background-color:var(--color-background-light);border-radius:var(--border-radius-md);border-top:4px solid var(--color-secondary);border-left:none;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.motto-number{background-color:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}@media (width<=768px){.about-intro-grid{text-align:center;flex-direction:column;align-items:center}.motto-item{flex-direction:column;gap:.5rem}}.page-header{text-align:center;padding:4rem 0 3rem}.page-header h1{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem}@media (width>=768px){.page-header h1{font-size:3rem}}.page-header p{color:var(--color-text-light);max-width:600px;margin:0 auto;font-size:1.1rem}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding-bottom:3rem;display:grid}@media (width>=768px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;padding-bottom:5rem}}.course-card{background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:1px solid #0000000d;overflow:hidden}.course-image{height:200px;position:relative}.course-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.course-card:hover .course-image img{transform:scale(1.05)}.course-badge{color:var(--color-primary);border-radius:var(--border-radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;padding:.25rem .75rem;font-size:.875rem;font-weight:600;position:absolute;top:1rem;right:1rem}.course-content{padding:1.5rem}.course-meta{color:var(--color-text-light);border-bottom:1px solid #f0f0f0;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.875rem;display:flex}.course-meta span{align-items:center;gap:.25rem;display:flex}.star-icon{color:var(--color-yellow);fill:var(--color-yellow)}.view-btn{border:1px solid var(--color-primary);width:100%;color:var(--color-primary);border-radius:var(--border-radius-md);transition:var(--transition);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-family:inherit;font-weight:600;display:flex}.course-card:hover .view-btn{background:var(--color-primary);color:#fff}.course-section{margin-bottom:3rem}.section-title{color:var(--color-primary);font-size:1.5rem;font-family:var(--font-heading);text-align:left;margin-bottom:1.5rem}@media (width>=768px){.section-title{margin-bottom:2rem;font-size:2rem}}.empty-message{text-align:center;background:var(--color-background);border-radius:var(--border-radius-lg);color:var(--color-text-light);border:1px dashed #0000001a;padding:3rem;font-style:italic}.live-badge{box-shadow:var(--shadow-sm);z-index:10;left:1rem;background:var(--color-primary)!important;color:#fff!important;right:auto!important}.fully-booked{color:#999!important;cursor:not-allowed!important;background-color:#f5f5f5!important;border-color:#ddd!important}.book-btn{background-color:var(--color-primary);color:#fff}.course-card:hover .book-btn{background-color:var(--color-secondary);border-color:var(--color-secondary)}.store-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding-bottom:5rem;display:grid}.product-card{background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid #0000000d;flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.product-image{background-color:var(--color-background-light);height:240px;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.05)}.product-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.product-content h3{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.1rem;line-height:1.3}.product-price{color:var(--color-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.product-description{color:var(--color-text-light);flex-grow:1;margin-bottom:1.5rem;font-size:.9rem}.buy-btn{width:100%}.booking-container{grid-template-columns:300px 1fr;gap:3rem;padding-bottom:5rem;display:grid}.info-card{background:linear-gradient(135deg, var(--color-background-light), white);border-radius:var(--border-radius-lg);text-align:center;border:1px solid #7d4e9b1a;padding:2rem}.icon-wrapper{width:64px;height:64px;color:var(--color-primary);background-color:#7d4e9b1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.info-card h3{color:var(--color-primary);margin-bottom:1rem}.info-card p{color:var(--color-text-light);font-size:.95rem}.slots-container h2{border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}.slots-list{flex-direction:column;gap:1rem;display:flex}.slot-card{background:var(--color-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid #0000000d;align-items:center;padding:1.5rem;display:flex}.slot-card:hover:not(.unavailable){box-shadow:var(--shadow-md);border-left:4px solid var(--color-primary);transform:translate(5px)}.slot-date-time{min-width:150px;color:var(--color-text-main);flex-direction:column;gap:.5rem;font-weight:500;display:flex}.slot-date-time span{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.slot-details{border-left:1px solid #f0f0f0;flex-grow:1;padding:0 1.5rem}.slot-details h3{margin-bottom:.25rem;font-size:1.1rem}.slot-details p{color:var(--color-text-light);margin:0;font-size:.85rem}.slot-action{text-align:right;min-width:120px}.slot-card.unavailable{opacity:.6;background-color:#f9f9f9}.slot-card.unavailable .slot-details h3{text-decoration:line-through}@media (width<=768px){.booking-container{grid-template-columns:1fr}.slot-card{flex-direction:column;align-items:flex-start;gap:1rem}.slot-details{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-left:none;width:100%;padding:1rem 0}.slot-action,.slot-action button{width:100%}}.admin-modal{width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.admin-form{margin-top:1.5rem}.admin-form .form-group textarea{border:1px solid var(--border-color);resize:vertical;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-label input{width:auto;margin:0}.progress-bar{background-color:#f0f0f0;border-radius:10px;width:100%;height:20px;margin:1rem 0;position:relative;overflow:hidden}.progress-bar .progress{background-color:var(--primary-color);height:100%;transition:width .3s}.progress-bar span{color:#333;font-size:.75rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.course-tile{background:var(--color-background);border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-sm,0 2px 4px #0000000d);border:1px solid #e2e8f0;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.course-tile:hover{box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f);transform:translateY(-4px)}.course-tile-image{object-fit:cover;background-color:#f1f5f9;width:100%;height:180px}.course-tile-image-placeholder{color:#94a3b8;background-color:#f1f5f9;justify-content:center;align-items:center;width:100%;height:180px;font-size:.875rem;display:flex}.course-tile-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.course-tile-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.course-tile-title{color:var(--color-text-main,#1e293b);margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.course-tile-instructor{color:var(--color-text-light,#64748b);margin-bottom:1rem;font-size:.875rem}.course-tile-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.course-tile-price{color:var(--color-primary,#7d4e9b);font-size:1.125rem;font-weight:600}.course-tile-actions{gap:.5rem;display:flex}.video-list-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem}.video-list-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.video-list-header h3{color:#334155;margin:0;font-size:1rem}.video-item{background:var(--color-background);border:1px solid #e2e8f0;border-radius:6px;align-items:flex-start;gap:1rem;margin-bottom:.75rem;padding:1rem;display:flex}.video-item-details{flex-direction:column;flex-grow:1;gap:.75rem;display:flex}.video-item-row{align-items:center;gap:1rem;display:flex}.video-item-row input[type=text]{border:1px solid #cbd5e1;border-radius:4px;flex-grow:1;padding:.5rem}.video-item-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;transition:background-color .2s}.video-item-remove:hover{background-color:#fef2f2}.video-url-preview{color:#10b981;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.store-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.store-tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.store-tile:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.store-tile-image{object-fit:cover;border-bottom:1px solid #e2e8f0;width:100%;height:200px}.store-tile-image-placeholder{color:#94a3b8;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.store-tile-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.store-tile-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.store-tile-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}.store-tile-category{color:#64748b;margin-bottom:1rem;font-size:.85rem}.store-tile-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.store-tile-price{color:var(--color-primary);font-size:1.25rem;font-weight:700}.store-tile-actions{gap:.5rem;display:flex}.store-tile-actions .icon-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.store-tile-actions .icon-btn:hover{background:#e2e8f0}.store-tile-actions .icon-btn.edit{color:#3b82f6;background:#3b82f61a}.store-tile-actions .icon-btn.edit:hover{background:#3b82f633}.store-tile-actions .icon-btn.delete{color:#ef4444;background:#ef44441a}.store-tile-actions .icon-btn.delete:hover{background:#ef444433}.status-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{text-transform:none;appearance:button;cursor:pointer;overflow:visible}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{box-sizing:border-box;flex-direction:column;align-items:stretch;height:100%;display:flex}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :before,.rbc-calendar :after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{position:absolute;inset:0;overflow:hidden}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{text-overflow:ellipsis;white-space:nowrap;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd;flex:1 0;min-height:0;padding:0 3px;font-size:90%;font-weight:700;overflow:hidden}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;cursor:pointer;-webkit-user-select:text;user-select:text;background:0 0;border:none;margin:0;padding:0}.rbc-row-content{-webkit-user-select:none;user-select:none;z-index:4;position:relative}.rbc-row-content-scrollable{flex-direction:column;height:100%;display:flex}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;scrollbar-width:none;-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:scroll}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;font-size:16px;display:flex}.rbc-toolbar .rbc-toolbar-label{text-align:center;flex-grow:1;padding:0 10px}.rbc-toolbar button{color:#373a3c;text-align:center;vertical-align:middle;white-space:nowrap;background:0 0;border:1px solid #ccc;border-radius:4px;margin:0;padding:.375rem 1rem;line-height:normal;display:inline-block}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px #00000020}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{white-space:nowrap;display:inline-block}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (width<=767px){.rbc-toolbar{flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;text-align:left;background-color:#3174ad;border:none;border-radius:5px;width:100%;margin:0;padding:2px 5px}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-right-radius:0;border-bottom-left-radius:0}.rbc-row{flex-direction:row;display:flex}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{z-index:4;color:#3174ad;background-color:#ffffff4d;height:auto;font-size:85%;font-weight:700;line-height:normal}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{-webkit-user-select:none;user-select:none;border:1px solid #ddd;flex-direction:column;flex:1 0 0;width:100%;height:100%;display:flex;position:relative}.rbc-month-header{flex-direction:row;display:flex}.rbc-month-row{flex-direction:column;flex:1 0 0;height:100%;display:flex;position:relative;overflow:hidden}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{text-align:right;flex:1 1 0;min-width:0;padding-right:5px}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{flex-direction:row;flex:1 0 0;display:flex;right:1px;overflow:hidden}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{z-index:5;background-color:#fff;border:1px solid #e5e5e5;padding:10px;position:absolute;box-shadow:0 5px 15px #00000040}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{flex-direction:column;flex:1 0 0;display:flex;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border-spacing:0;border-collapse:collapse;border:1px solid #ddd;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{vertical-align:top;padding:5px 10px}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{text-transform:lowercase;padding-left:15px;padding-right:15px}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:left;border-bottom:1px solid #ddd;padding:3px 5px}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{flex-direction:column;min-height:100%;display:flex}.rbc-time-column .rbc-timeslot-group{flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;flex-flow:column;min-height:40px;display:flex}.rbc-time-gutter,.rbc-header-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{margin-right:10px;position:absolute;inset:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;flex-flow:column wrap;align-items:flex-start;min-height:20px;max-height:100%;display:flex;position:absolute;overflow:hidden}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;width:auto;padding-right:5px}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1 0;width:100%;height:100%;min-height:1em;line-height:1}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{z-index:10;background-color:#fff;border-right:1px solid #ddd;margin-right:-1px;position:sticky;left:0}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0 0;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;color:#fff;background-color:#00000080;width:100%;padding:3px;font-size:75%;position:absolute}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{z-index:4;position:relative}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{flex-direction:row;flex:none;display:flex}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row:first-child,.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;flex-direction:column;flex:1;min-width:0;display:flex}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{border-top:2px solid #ddd;flex:1 0;align-items:flex-start;width:100%;display:flex;position:relative;overflow-y:auto}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{-webkit-user-select:none;user-select:none;width:100%}.rbc-current-time-indicator{z-index:3;pointer-events:none;background-color:#74ad31;height:1px;position:absolute;left:0;right:0}.rbc-resource-grouping.rbc-time-header-content{flex-direction:column;display:flex}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.admin-calendar-section{flex-direction:column;height:100%;display:flex}.calendar-legend{gap:1.5rem;font-size:.9rem;display:flex}.legend-item{align-items:center;gap:.5rem;display:flex}.legend-color{border-radius:50%;width:12px;height:12px;display:inline-block}.legend-color.booked{background-color:#f87171}.legend-color.available{background-color:#4ade80}.calendar-container{background:var(--color-background);border-radius:12px;margin-top:1.5rem;padding:1.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.rbc-calendar{font-family:inherit}.rbc-header{color:var(--text-dark);padding:10px;font-weight:600}.rbc-today{background-color:#8f94fb0d}.rbc-event{padding:4px 8px;font-size:.85rem;box-shadow:0 2px 4px #0000001a}.rbc-toolbar button{color:var(--color-text-main)}.rbc-toolbar button.rbc-active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{background-color:var(--color-secondary);color:#fff}.admin-payments{padding:1rem}.payments-list{background-color:#fff;border-radius:12px;margin-top:1.5rem;overflow:hidden;box-shadow:0 4px 6px #0000000d}.payments-table{border-collapse:collapse;width:100%}.payments-table th,.payments-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.payments-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;font-size:.85rem;font-weight:600}.payments-table tbody tr:hover{background-color:#f8fafc}.date-time,.user-info{flex-direction:column;gap:.25rem;display:flex}.time-text,.user-info span{color:#64748b;font-size:.85rem}.order-items-list{margin:0;padding:0;font-size:.9rem;list-style:none}.order-items-list li{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.item-badge{color:#475569;text-transform:uppercase;background-color:#e2e8f0;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.amount-cell{color:#0f172a;font-weight:600}.status-badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.status-badge.pending{color:#d97706;background-color:#fef3c7}.status-badge.approved{color:#16a34a;background-color:#dcfce7}.status-badge.declined{color:#dc2626;background-color:#fee2e2}.approve-btn,.decline-btn{padding:.4rem .8rem;font-size:.85rem}.decline-btn{color:#dc2626;border-color:#dc2626}.decline-btn:hover{background-color:#fef2f2}.comments-cell{min-width:200px}.admin-comment-input{resize:vertical;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.5rem;font-family:inherit;font-size:.85rem;transition:all .2s}.admin-comment-input:focus{background-color:#fff;border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf633}@media (width<=1024px){.payments-table th,.payments-table td{padding:.75rem 1rem}.action-buttons{flex-direction:column}}.admin-dashboard{background-color:var(--color-background-light);min-height:calc(100vh - 80px);display:flex}.admin-sidebar{background-color:var(--color-background);width:250px;box-shadow:var(--shadow-sm);border-right:1px solid #e2e8f0;padding:2rem 0;transition:width .3s}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1.5rem;display:flex}.admin-sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.admin-sidebar h3{color:var(--color-text-main);font-family:var(--font-heading);white-space:nowrap;margin-bottom:0;padding:0}.collapse-btn{cursor:pointer;color:var(--color-text-light);transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;display:flex}.collapse-btn:hover{color:var(--color-primary);background-color:#7d4e9b1a}.admin-sidebar.collapsed{width:80px}.admin-sidebar.collapsed .admin-nav-item{justify-content:center;padding:1rem 0}.admin-nav{flex-direction:column;display:flex}.admin-nav-item{text-align:left;width:100%;color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:1rem;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;display:flex}.admin-nav-item:hover{color:var(--color-primary);background-color:#7d4e9b0d}.admin-nav-item.active{color:var(--color-primary);border-left-color:var(--color-primary);background-color:#7d4e9b1a;font-weight:500}.admin-content{flex-grow:1;padding:2rem 3rem;overflow-y:auto}.section-header-admin{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-header-admin h2{color:var(--color-text-main);margin:0}.admin-table{border-collapse:collapse;background:var(--color-background);border-radius:var(--border-radius-md);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.admin-table th{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;font-size:.75rem;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#f8fafc}.admin-thumb{object-fit:cover;border-radius:4px;width:40px;height:40px}.action-buttons{gap:.5rem;display:flex}.icon-btn{cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.icon-btn.edit{color:var(--color-secondary)}.icon-btn.edit:hover{background-color:#6c9c471a}.icon-btn.delete{color:#ef4444}.icon-btn.delete:hover{background-color:#ef44441a}.status-badge{border-radius:var(--border-radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.available{color:var(--color-secondary);background-color:#6c9c471a}.status-badge.booked{color:#ef4444;background-color:#ef44441a}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=992px){.admin-dashboard{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;padding:1rem 0}.admin-sidebar.collapsed{width:100%}.sidebar-header{margin-bottom:1rem}.admin-nav{flex-direction:row;justify-content:center;overflow-x:auto}.admin-nav-item{border-bottom:3px solid #0000;border-left:none;width:auto;padding:.5rem 1rem}.admin-nav-item.active{border-left-color:#0000;border-bottom-color:var(--color-primary)}.admin-content{padding:1rem}}.course-hero{background-color:var(--color-text-main);color:#fff;margin-bottom:3rem;padding:4rem 0}.course-hero h1{font-family:var(--font-heading);color:var(--color-yellow);font-size:2.5rem}.course-hero .instructor{color:#d1c4e9;font-size:1.1rem}.course-reviews{font-family:Inter,sans-serif}.reviews-list{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.review-card{border-radius:var(--border-radius-md);background-color:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem}.review-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.review-avatar{background-color:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.review-meta{flex:1}.review-meta h4{color:var(--color-text-main);margin:0 0 .25rem;font-size:1rem;font-weight:600}.review-stars{gap:.1rem;display:flex}.review-date{color:#64748b;white-space:nowrap;font-size:.85rem}.review-text{color:var(--color-text-main);margin:0;font-size:.95rem;line-height:1.6}.review-form{flex-direction:column;display:flex}.review-textarea{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);resize:vertical;background-color:#f8fafc;width:100%;padding:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.review-textarea:focus{border-color:var(--color-primary);background-color:#fff;outline:none}.course-content-wrapper{grid-template-columns:2fr 1fr;gap:3rem;padding-bottom:5rem;display:grid}.video-player-placeholder{border-radius:var(--border-radius-lg);aspect-ratio:16/9;color:#fff;box-shadow:var(--shadow-lg);background-color:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.play-icon{color:var(--color-accent);cursor:pointer;margin-bottom:1rem;transition:transform .2s}.play-icon:hover{transform:scale(1.1)}.course-info h2{color:var(--color-primary);font-size:1.5rem}.sidebar-card{background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid #0000000d;padding:2rem}.sidebar-card h3{border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:.5rem}.module-list{margin-bottom:2rem;list-style:none}.module-list li{color:var(--color-text-light);cursor:pointer;border-bottom:1px solid #f9f9f9;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.module-list li:hover{color:var(--color-primary)}.module-list li.active{color:var(--color-primary);font-weight:500}.duration{margin-left:auto;font-size:.8rem}.progress-section{margin-bottom:1.5rem}.progress-section p{margin-bottom:.5rem;font-size:.9rem;font-weight:500}.progress-bar{border-radius:var(--border-radius-full);background-color:#f0f0f0;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background-color:var(--color-secondary);height:100%}.progress-text{color:var(--color-text-light);text-align:right;margin-top:.5rem;font-size:.875rem}.detailed-content h3{color:var(--color-primary);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.detailed-content h4{color:var(--color-text-main);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.2rem}.detailed-content p{color:var(--color-text-light);margin-bottom:1rem;line-height:1.7}.detailed-content ul{margin-bottom:1rem;padding-left:1.5rem;list-style-type:disc}.detailed-content li{color:var(--color-text-light);margin-bottom:.5rem;line-height:1.6}.w-100{width:100%}@media (width<=992px){.course-content-wrapper{grid-template-columns:1fr}}@media (width<=768px){.course-hero p{font-size:1.1rem}}.user-calendar-page{max-width:1200px;margin:0 auto;padding:2rem}.user-calendar-header{margin-bottom:2rem}.user-calendar-header h1{color:#1e293b;margin-bottom:.5rem;font-size:2rem}.user-calendar-header p{color:#64748b;margin-bottom:1rem}.calendar-legend{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:1.5rem;padding:1rem;display:flex}.legend-item{color:#475569;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.legend-color{border-radius:4px;width:16px;height:16px}.legend-color.course{background-color:#8b5cf6}.legend-color.booking{background-color:#3b82f6}.legend-color.product{background-color:#10b981}.calendar-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.event-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:2rem;position:relative}.event-modal-content h2{color:#1e293b;margin-top:0;margin-bottom:1rem;padding-right:2rem;font-size:1.5rem}.event-detail-row{border-bottom:1px solid #f1f5f9;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.event-detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.event-detail-label{color:#64748b;flex-shrink:0;width:100px;font-weight:600}.event-detail-value{color:#334155}@media (width<=768px){.user-calendar-page{padding:1rem}.calendar-legend{flex-direction:column;gap:.75rem}}.rbc-agenda-view table.rbc-agenda-table{border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{border-bottom:4px solid #fff;padding:10px 12px}.my-bookings-page{padding:4rem 1rem}.bookings-section{margin-bottom:3rem}.bookings-section h2{color:var(--text-dark);border-bottom:2px solid var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.8rem;display:inline-block}.empty-state{text-align:center;background:var(--bg-light);border:1px dashed #ccc;border-radius:12px;padding:3rem}.empty-state p{color:var(--text-light);margin-bottom:1.5rem;font-size:1.1rem}.course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.course-card{background:var(--color-background);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.course-img{object-fit:cover;width:100%;height:160px}.course-img-placeholder{color:#fff;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);justify-content:center;align-items:center;width:100%;height:160px;display:flex}.course-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.course-content h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.25rem}.instructor{color:var(--text-light);margin-bottom:.5rem;font-size:.9rem}.course-type{background:var(--bg-light);color:var(--primary-dark);border-radius:20px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.8rem;display:inline-block}.sessions-list{flex-direction:column;gap:1rem;display:flex}.session-card{background:var(--color-background);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-color);border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.session-icon{color:var(--primary-color);background:#8f94fb1a;border-radius:50%;justify-content:center;align-items:center;padding:1rem;display:flex}.session-info{flex:1}.session-info h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.2rem}.session-time{color:var(--text-light);gap:1.5rem;font-size:.9rem;display:flex}.session-time span{align-items:center;gap:.5rem;display:flex}.session-status{text-align:right;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.zoom-hint{color:var(--text-light);max-width:200px;font-size:.8rem}@media (width<=768px){.session-card{flex-direction:column;align-items:flex-start}.session-time{flex-direction:column;gap:.5rem}.session-status{text-align:left;align-items:flex-start;margin-top:1rem}}.orders-list{flex-direction:column;gap:1.5rem;display:flex}.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.order-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.order-id{color:#334155;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;display:flex}.order-status{border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.status-pending{color:#d97706;background-color:#fef3c7}.status-approved{color:#16a34a;background-color:#dcfce7}.status-declined{color:#dc2626;background-color:#fee2e2}.order-body{padding:1.5rem}.order-items{margin:0 0 1rem;padding:0;list-style:none}.order-items li{border-bottom:1px dashed #e2e8f0;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.order-items li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.item-name{color:#0f172a;font-weight:500}.item-price{color:#64748b;font-size:.9rem}.order-total{text-align:right;color:var(--color-primary);border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem;font-size:1.1rem;font-weight:700}.order-hint{color:#64748b;text-align:center;background-color:#f8fafc;border-radius:6px;margin-top:1rem;padding:.75rem;font-size:.85rem}.declined-hint{color:#dc2626;background-color:#fef2f2}.profile-page{padding-top:2rem;padding-bottom:4rem}.profile-card{background:var(--color-background);border-radius:var(--border-radius-lg,12px);max-width:600px;margin:0 auto;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile-header{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.profile-avatar{background-color:var(--color-primary-light);width:64px;height:64px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-title h2{color:var(--color-text);margin:0}.profile-title p{color:var(--color-text-light);margin:.25rem 0 0;font-size:.875rem}.profile-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{flex-direction:column;gap:.5rem;display:flex}.form-row label{color:var(--color-text);font-size:.875rem;font-weight:500}.form-row input,.form-row textarea{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-main);transition:var(--transition);padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-row input:focus,.form-row textarea:focus{border-color:var(--color-primary);background-color:var(--color-background);outline:none;box-shadow:0 0 0 3px #3b82f626}.form-row textarea{resize:vertical;min-height:100px}.form-actions{justify-content:flex-end;margin-top:1rem;display:flex}.alert-success{color:#166534;border-radius:var(--border-radius,8px);background-color:#dcfce7;border:1px solid #bbf7d0;margin-bottom:1.5rem;padding:1rem}.alert-error{color:#991b1b;border-radius:var(--border-radius,8px);background-color:#fee2e2;border:1px solid #fecaca;margin-bottom:1.5rem;padding:1rem}.cart-page{min-height:70vh;padding:4rem 1rem 6rem}.cart-title{color:var(--color-primary);font-size:2.5rem;font-family:var(--font-heading);border-bottom:2px solid var(--color-border);margin-bottom:2rem;padding-bottom:1rem}.empty-cart{text-align:center;background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px dashed var(--color-border);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{color:var(--color-text-light);opacity:.5;margin-bottom:1.5rem}.empty-cart h2{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.8rem}.empty-cart p{color:var(--color-text-light);margin-bottom:2rem}.empty-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cart-layout{flex-direction:column;gap:2rem;display:flex}@media (width>=992px){.cart-layout{flex-direction:row;align-items:flex-start}}.cart-items-section{flex:1}.cart-items-list{flex-direction:column;gap:1.5rem;display:flex}.cart-item{background:var(--color-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}@media (width>=576px){.cart-item{flex-direction:row;align-items:stretch}}.cart-item-image{background:var(--color-background-light);width:100%;height:150px}@media (width>=576px){.cart-item-image{flex-shrink:0;width:150px;height:auto}}.cart-item-image img{object-fit:cover;width:100%;height:100%}.img-placeholder{width:100%;height:100%;color:var(--color-text-light);justify-content:center;align-items:center;font-size:.8rem;display:flex}.cart-item-details{flex-direction:column;flex:1;padding:1.25rem;display:flex}.item-badge{color:var(--color-primary);border-radius:var(--border-radius-full);text-transform:uppercase;background:#7d4e9b1a;align-self:flex-start;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.cart-item-details h3{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.1rem;line-height:1.3}.item-price{color:var(--color-text-light);font-weight:600}.cart-item-actions{background:var(--color-background-light);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}@media (width>=576px){.cart-item-actions{border-top:none;border-left:1px solid var(--color-border);background:var(--color-background);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:1rem;width:150px}}.quantity-controls{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);align-items:center;gap:.75rem;padding:.25rem;display:flex}.quantity-controls button{cursor:pointer;width:24px;height:24px;color:var(--color-text-main);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.quantity-controls button:hover:not(:disabled){background:var(--color-background-light)}.quantity-controls button:disabled{opacity:.3;cursor:not-allowed}.quantity-controls span{text-align:center;min-width:20px;font-weight:600}.quantity-locked{color:var(--color-text-light);font-size:.9rem}.item-total{color:var(--color-primary);font-size:1.1rem;font-weight:700}.remove-btn{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.remove-btn:hover{color:#ef4444}.cart-summary-section{width:100%}@media (width>=992px){.cart-summary-section{flex-shrink:0;width:320px;position:sticky;top:100px}}.summary-card{background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:1.5rem}.summary-card h3{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem}.summary-row{color:var(--color-text-main);justify-content:space-between;margin-bottom:1rem;display:flex}.total-row{color:var(--color-primary);border-top:2px dashed var(--color-border);margin-top:1.5rem;padding-top:1.5rem;font-size:1.25rem;font-weight:700}.checkout-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:1rem;font-size:1.1rem;display:flex}.checkout-hint{color:var(--color-text-light);text-align:center;margin-top:1rem;font-size:.8rem}.payment-page{background-color:#f8fafc;justify-content:center;align-items:flex-start;min-height:calc(100vh - 300px);padding-top:6rem;padding-bottom:4rem;display:flex}.payment-container{background-color:#fff;border-radius:16px;width:100%;max-width:800px;padding:2.5rem;animation:.4s ease-out fadeIn;box-shadow:0 10px 25px #0000000d}.payment-title{text-align:center;color:#0f172a;margin-bottom:.5rem}.payment-subtitle{text-align:center;color:#64748b;margin-bottom:2rem}.payment-amount{text-align:center;color:#334155;background-color:#f1f5f9;border-radius:12px;margin-bottom:2.5rem;padding:1.25rem;font-size:1.2rem}.payment-amount span{color:var(--color-primary);margin-left:.5rem;font-size:1.5rem;font-weight:700}.payment-methods{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;display:grid}.payment-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.payment-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000008}.payment-card-header{color:var(--color-primary);border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.payment-card-header h2{color:#0f172a;margin:0;font-size:1.2rem}.qr-container{justify-content:center;margin-bottom:1rem;display:flex}.qr-code-img{object-fit:contain;border:1px solid #e2e8f0;border-radius:8px;width:200px;height:200px;padding:.5rem}.qr-hint{text-align:center;color:#64748b;font-size:.9rem}.bank-details{flex-direction:column;gap:1rem;display:flex}.detail-row{flex-direction:column;gap:.25rem;display:flex}.detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.detail-value{color:#0f172a;font-size:1rem;font-weight:500}.detail-value.highlighted{color:var(--color-primary);letter-spacing:.05em;font-size:1.1rem;font-weight:700}.payment-warning{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex}.payment-warning p{margin:0;font-size:.95rem;line-height:1.5}.payment-warning svg{flex-shrink:0;margin-top:.1rem}.payment-actions{justify-content:center;gap:1rem;display:flex}.payment-actions button{min-width:180px}.payment-address-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.address-hint{color:#64748b;margin-bottom:1rem;font-size:.9rem}.address-textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;min-height:80px;padding:.75rem;font-family:inherit;font-size:1rem}.address-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}@media (width<=768px){.payment-methods{grid-template-columns:1fr}.payment-actions{flex-direction:column}.payment-actions button{width:100%}}:root{--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Playfair Display", serif;--color-primary:#5c2c7a;--color-primary-dark:#3a1548;--color-primary-light:#e6cbe8;--color-secondary:#d4af37;--color-accent:#f8eef9;--color-background-light:#fcfafc;--color-background:#faf5fb;--color-text-main:#2b0d35;--color-text-light:#7a5c8c;--color-border:#e6cbe8;--color-yellow:#d4af37;--shadow-sm:0 1px 2px 0 #5c2c7a0d;--shadow-md:0 4px 6px -1px #5c2c7a0d, 0 2px 4px -2px #5c2c7a0d;--shadow-lg:0 10px 15px -3px #5c2c7a14, 0 4px 6px -4px #5c2c7a14;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-full:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background-light);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(#5c2c7a26 1.5px,#0000 1.5px);background-size:30px 30px;line-height:1.5}a{color:var(--color-primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--color-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:1rem;font-weight:600;line-height:1.2}p{margin-bottom:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-8{gap:2rem}.ecommerce-layout{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}@media (width>=768px){.ecommerce-layout{flex-direction:row;align-items:flex-start}}.ecommerce-sidebar{background:var(--color-background);border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem}@media (width>=768px){.ecommerce-sidebar{flex-shrink:0;width:250px;position:sticky;top:100px}}.ecommerce-sidebar h3{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.filter-group{flex-direction:row;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.filter-group::-webkit-scrollbar{height:4px}.filter-group::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.filter-checkbox-label{cursor:pointer;color:var(--color-text-main);background:var(--color-background-light);border-radius:var(--border-radius-full);border:1px solid var(--color-border);white-space:nowrap;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.9rem;display:flex}@media (width>=768px){.ecommerce-sidebar h3{margin-bottom:1.5rem}.filter-group{flex-direction:column;padding-bottom:0;overflow-x:visible}.filter-checkbox-label{white-space:normal;background:0 0;border:none;border-radius:0;padding:0;font-size:.95rem}}.ecommerce-main{flex:1;width:100%}.sort-bar{background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}@media (width>=768px){.sort-bar{flex-direction:row;align-items:center;gap:0}}.sort-bar select{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background-color:var(--color-background-light);outline:none;padding:.5rem 1rem;font-family:inherit;font-size:.95rem}.sort-bar select:focus{border-color:var(--color-primary)}