.app{min-height:100vh;background-color:var(--background-color)}.top-nav{background:var(--white);box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000;width:100%}.top-nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.top-nav-logo{text-decoration:none;color:var(--primary-color)}.top-nav-logo h1{font-size:24px;font-weight:700;margin:0;color:var(--primary-color)}.top-nav-links{display:none;gap:32px;align-items:center}.top-nav-link{text-decoration:none;color:var(--black);font-size:16px;font-weight:500;transition:color .2s;position:relative}.top-nav-link:hover,.top-nav-link.active{color:var(--primary-color)}.top-nav-link.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--primary-color)}.top-nav-actions{display:flex;align-items:center;gap:16px}.top-nav-icon-btn{background:none;border:none;color:var(--black);font-size:20px;cursor:pointer;padding:8px;position:relative;transition:color .2s;display:none}.top-nav-icon-btn:hover{color:var(--primary-color)}.cart-btn{position:relative}.cart-badge{position:absolute;top:0;right:0;background:var(--primary-color);color:var(--white);font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.top-nav-mobile-menu{background:none;border:none;color:var(--black);font-size:24px;cursor:pointer;padding:8px;display:block}.top-nav-mobile-menu-dropdown{display:flex;flex-direction:column;background:var(--white);border-top:1px solid var(--light-grey);padding:16px 20px;gap:12px}.top-nav-mobile-link{text-decoration:none;color:var(--black);font-size:16px;font-weight:500;padding:12px 0;border-bottom:1px solid var(--light-grey);transition:color .2s}.top-nav-mobile-link:last-child{border-bottom:none}.top-nav-mobile-link:hover,.top-nav-mobile-link.active{color:var(--primary-color)}@media (min-width: 768px){.top-nav-links{display:flex}.top-nav-icon-btn{display:block}.top-nav-mobile-menu,.top-nav-mobile-menu-dropdown{display:none}}.footer{background:var(--black);color:var(--white);margin-top:60px;padding:40px 0 20px}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-section{display:flex;flex-direction:column}.footer-title{font-size:24px;font-weight:700;color:var(--primary-color);margin:0 0 16px}.footer-description{font-size:14px;line-height:24px;color:#fffc;margin:0 0 20px}.footer-social{display:flex;gap:12px}.footer-social-link{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:18px;text-decoration:none;transition:all .2s}.footer-social-link:hover{background:var(--primary-color);transform:translateY(-2px)}.footer-heading{font-size:18px;font-weight:600;margin:0 0 16px;color:var(--white)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li a{color:#fffc;text-decoration:none;font-size:14px;transition:color .2s}.footer-links li a:hover{color:var(--primary-color)}.footer-contact{display:flex;flex-direction:column;gap:12px}.footer-contact-item{display:flex;align-items:center;gap:12px;color:#fffc;font-size:14px}.footer-contact-item svg{color:var(--primary-color);font-size:18px}.footer-contact-item a{color:#fffc;text-decoration:none;transition:color .2s}.footer-contact-item a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center}.footer-bottom p{margin:0;font-size:14px;color:#fff9}@media (min-width: 768px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer-content{grid-template-columns:repeat(4,1fr)}}.input-field-container{margin-bottom:20px}.input-label{display:block;font-size:14px;font-weight:500;color:var(--black);margin-bottom:8px}.required{color:var(--primary-color);margin-left:4px}.input-wrapper{background:var(--white);border-radius:35px;border:1px solid var(--light-grey);height:60px;padding:0 16px;display:flex;align-items:center;position:relative}.input-icon{font-size:20px;color:var(--black);margin-right:12px;display:flex;align-items:center}.input-field{flex:1;border:none;background:transparent;font-size:16px;color:var(--black);outline:none}.input-field::placeholder{color:var(--placeholder-grey)}.password-toggle{background:transparent;border:none;color:var(--placeholder-grey);font-size:20px;cursor:pointer;padding:0;display:flex;align-items:center;margin-left:12px}.btn{border:none;outline:none;cursor:pointer;font-family:inherit;font-weight:600;transition:all .2s;border-radius:35px;height:56px;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0 24px}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover:not(.btn-disabled){background-color:#c93d5a}.btn-secondary{background-color:var(--light-grey);color:var(--black)}.btn-danger{background-color:var(--red);color:var(--white)}.btn-full-width{width:100%}.btn-disabled{background-color:var(--light-grey);color:var(--grey-text);cursor:not-allowed}.btn-sm{height:40px;font-size:14px;padding:0 16px;border-radius:20px}.signup-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.signup-page-content{max-width:600px;margin:0 auto;width:100%;padding:40px 20px;flex:1;display:flex;flex-direction:column;justify-content:center}.signup-content{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}.signup-title{font-size:28px;font-weight:700;color:var(--black);text-align:center;margin-bottom:8px}.signup-subtitle{font-size:14px;color:var(--grey-text);text-align:center;margin-bottom:32px}.signup-form{margin-bottom:24px}.signup-button{margin-top:8px;margin-bottom:24px}.signup-footer{display:flex;justify-content:center;align-items:center}.signup-footer-text{font-size:14px;color:var(--grey-text)}.signup-footer-link{font-size:14px;color:var(--primary-color);font-weight:600;margin-left:4px;cursor:pointer}.signup-footer-link:hover{text-decoration:underline}.login-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.login-background{height:40vh;width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,#c93d5a 100%);position:relative;flex-shrink:0}.login-background-image{width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1522338242992-e1a54906a8da?w=800);background-size:cover;background-position:center}.login-form-card{background:var(--background-color);border-top-left-radius:30px;border-top-right-radius:30px;margin-top:-40px;padding:40px 24px;flex:1;max-width:600px;margin-left:auto;margin-right:auto;width:100%}.login-title{font-size:28px;font-weight:700;color:var(--black);text-align:center;margin-bottom:8px}.login-subtitle{font-size:14px;color:var(--grey-text);text-align:center;margin-bottom:32px}.login-form{margin-bottom:20px}.login-forgot{text-align:right;margin-bottom:24px}.login-forgot-link{font-size:14px;color:var(--primary-color);font-weight:500;cursor:pointer}.login-forgot-link:hover{text-decoration:underline}.login-button{margin-bottom:20px}.login-footer{display:flex;justify-content:center;align-items:center}.login-footer-text{font-size:14px;color:var(--grey-text)}.login-footer-link{font-size:14px;color:var(--primary-color);font-weight:600;margin-left:4px;cursor:pointer}.login-footer-link:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--white);border-radius:20px;padding:32px;width:85%;max-width:400px;text-align:center;box-shadow:0 4px 20px #00000026;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-icon-container{margin-bottom:24px}.modal-icon-outer{width:100px;height:100px;border-radius:50px;background:var(--icon-circle-grey);display:flex;align-items:center;justify-content:center;margin:0 auto}.modal-icon-inner{width:60px;height:60px;border-radius:12px;background:var(--white);display:flex;align-items:center;justify-content:center}.modal-check-icon{font-size:48px;color:var(--primary-color)}.modal-title{font-size:24px;font-weight:700;color:var(--black);margin:0 0 8px}.modal-subtitle{font-size:20px;font-weight:700;color:var(--black);margin:0 0 32px}.otp-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.otp-page-content{max-width:600px;margin:0 auto;width:100%;padding:40px 20px;flex:1;position:relative;display:flex;flex-direction:column;justify-content:center}.otp-back-btn{position:absolute;top:20px;left:20px;width:45px;height:45px;border-radius:25px;background-color:var(--icon-grey);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--black);font-size:18px;transition:background-color .2s}.otp-back-btn:hover{background-color:var(--light-grey)}.otp-content{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center}.otp-title{font-size:28px;font-weight:700;color:var(--black);margin-bottom:12px;text-align:center}.otp-subtitle{font-size:14px;color:var(--grey-text);line-height:20px;text-align:center;margin-bottom:8px}.otp-phone{font-size:16px;font-weight:600;color:var(--black);margin-bottom:32px;text-align:center}.otp-inputs{display:flex;justify-content:center;gap:25px;margin-bottom:32px}.otp-input{width:60px;height:60px;border-radius:12px;border:1px solid var(--light-grey);background:var(--white);text-align:center;font-size:24px;font-weight:600;color:var(--black);outline:none;transition:border-color .2s}.otp-input:focus{border:2px solid var(--primary-color)}.otp-input.filled{border:2px solid var(--primary-color)}.otp-verify-btn{margin-bottom:24px}.otp-resend{display:flex;justify-content:center;align-items:center}.otp-resend-text{font-size:14px;color:var(--grey-text)}.otp-resend-link{font-size:14px;color:var(--primary-color);font-weight:600;background:none;border:none;cursor:pointer;margin-left:4px}.otp-resend-link:hover{text-decoration:underline}.forgot-password-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.forgot-password-page-content{max-width:600px;margin:0 auto;width:100%;padding:40px 20px;flex:1;display:flex;flex-direction:column;justify-content:center}.forgot-password-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.forgot-password-content{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}.forgot-password-text{font-size:14px;color:var(--grey-text);text-align:center;margin-bottom:32px;line-height:20px}.forgot-password-form,.forgot-password-button{margin-bottom:24px}.forgot-password-footer{text-align:center}.forgot-password-back-link{font-size:14px;color:var(--primary-color);font-weight:500;cursor:pointer}.forgot-password-back-link:hover{text-decoration:underline}.product-card{background:var(--white);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.product-image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--light-grey)}.product-image{width:100%;height:100%;object-fit:cover}.wishlist-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--white);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--grey-text);font-size:18px;transition:all .2s;z-index:10}.wishlist-btn:hover{background:var(--light-grey)}.wishlist-btn.active{color:var(--primary-color)}.discount-badge{position:absolute;top:12px;left:12px;background:var(--primary-color);color:var(--white);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.product-info{padding:12px}.product-name{font-size:16px;font-weight:600;color:var(--black);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-brand{font-size:14px;color:var(--grey-text);margin:0 0 8px}.product-price{display:flex;align-items:center;gap:8px;margin-bottom:12px}.original-price{font-size:14px;color:var(--grey-text);text-decoration:line-through}.current-price{font-size:18px;font-weight:600;color:var(--primary-color)}.add-to-cart-btn{width:100%;padding:10px;background:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.add-to-cart-btn:hover{background-color:#c93d5a}.home-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.home-hero{background:linear-gradient(135deg,var(--primary-color) 0%,#c93d5a 100%);color:var(--white);padding:80px 20px;text-align:center;margin-bottom:40px}.home-hero-content{max-width:1200px;margin:0 auto}.home-hero-title{font-size:48px;font-weight:700;margin:0 0 16px;color:var(--white)}.home-hero-subtitle{font-size:24px;margin:0 0 12px;opacity:.9}.home-hero-text{font-size:18px;margin:0;opacity:.8}.home-main-content{max-width:1200px;margin:0 auto;width:100%;padding:0 20px;flex:1}.home-search-wrapper{margin-bottom:40px}.home-search{background:var(--white);border-radius:35px;height:60px;padding:0 24px;display:flex;align-items:center;gap:16px;max-width:600px;margin:0 auto;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s}.home-search:hover{box-shadow:0 4px 12px #00000026}.home-search-icon{color:var(--placeholder-grey);font-size:20px}.home-search-placeholder{color:var(--placeholder-grey);font-size:16px}.home-announcement{background:var(--white);padding:16px 24px;text-align:center;margin-bottom:40px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.home-announcement p{margin:0;font-size:16px;color:var(--black);font-weight:500}.home-banner{position:relative;height:300px;margin:0 0 60px;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.home-banner-slide{width:100%;height:100%}.home-banner-slide img{width:100%;height:100%;object-fit:cover}.home-banner-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer}.dot.active{background:var(--primary-color)}.home-section{margin-bottom:60px}.home-section-title{font-size:32px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.home-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:20px}.home-category-card{background:var(--white);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000014}.home-category-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.home-category-card img{width:100px;height:100px;border-radius:12px;object-fit:cover;margin-bottom:12px}.home-category-card h3{font-size:18px;font-weight:600;color:var(--black);margin:0 0 8px}.home-category-card p{font-size:14px;color:var(--grey-text);margin:0}.home-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (min-width: 768px){.home-categories{grid-template-columns:repeat(4,1fr)}.home-products-grid{grid-template-columns:repeat(3,1fr)}.home-hero-title{font-size:56px}}@media (min-width: 1024px){.home-products-grid{grid-template-columns:repeat(4,1fr)}.home-hero-title{font-size:64px}.home-banner{height:400px}}.collections-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.collections-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.collections-page-title{font-size:36px;font-weight:700;color:var(--black);text-align:center;margin:0 0 40px}.collections-search{background:var(--white);border-radius:35px;height:60px;padding:0 24px;display:flex;align-items:center;gap:16px;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto;box-shadow:0 2px 8px #0000001a}.collections-search-icon{color:var(--placeholder-grey);font-size:18px}.collections-search-input{flex:1;border:none;background:transparent;font-size:16px;color:var(--black);outline:none}.collections-search-input::placeholder{color:var(--placeholder-grey)}.collections-list{display:grid;grid-template-columns:1fr;gap:16px}.collections-category-item{background:var(--white);border-radius:16px;margin-bottom:0;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:box-shadow .3s}.collections-category-item:hover{box-shadow:0 4px 16px #0000001f}@media (min-width: 768px){.collections-list{grid-template-columns:repeat(2,1fr)}}.collections-category-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.collections-category-info{display:flex;align-items:center;gap:12px}.collections-category-icon{font-size:32px}.collections-category-name{font-size:16px;font-weight:600;color:var(--black);margin:0 0 4px}.collections-category-count{font-size:14px;color:var(--grey-text);margin:0}.collections-arrow{color:var(--grey-text);font-size:14px;transition:transform .2s}.collections-arrow.expanded{transform:rotate(90deg)}.collections-subcategories{border-top:1px solid var(--light-grey);padding:8px 0}.collections-subcategory-item{padding:12px 16px 12px 60px;font-size:14px;color:var(--black);cursor:pointer;transition:background-color .2s}.collections-subcategory-item:hover{background-color:var(--background-color)}.products-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.products-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.products-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0}.products-actions{display:flex;gap:12px}.products-action-btn{padding:10px 20px;background:var(--white);border:1px solid var(--light-grey);border-radius:8px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.products-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.products-content{padding:0}.products-grid{display:grid;gap:16px}.products-grid.grid{grid-template-columns:repeat(2,1fr)}.products-grid.list{grid-template-columns:1fr}@media (min-width: 768px){.products-grid.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.products-grid.grid{grid-template-columns:repeat(4,1fr)}}.product-detail-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.product-detail-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.product-detail-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:var(--grey-text)}.breadcrumb-link{color:var(--grey-text);cursor:pointer;transition:color .2s}.breadcrumb-link:hover{color:var(--primary-color)}.breadcrumb-separator{font-size:10px;color:var(--grey-text)}.breadcrumb-current{color:var(--black);font-weight:500}.product-detail-content{padding-bottom:40px}.product-detail-images{margin-bottom:40px;display:grid;grid-template-columns:1fr;gap:20px}.product-detail-main-image{width:100%;aspect-ratio:1;overflow:hidden;background:var(--white);border-radius:16px;box-shadow:0 4px 12px #0000001a}@media (min-width: 1024px){.product-detail-images{grid-template-columns:1fr 120px}.product-detail-main-image{order:2}.product-detail-thumbnails{order:1;flex-direction:column;height:100%}}.product-detail-main-image img{width:100%;height:100%;object-fit:cover}.product-detail-thumbnails{display:flex;gap:12px;padding:12px 20px;overflow-x:auto}.product-detail-thumbnails img{width:80px;height:80px;border-radius:8px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all .2s}.product-detail-thumbnails img:hover{border-color:var(--primary-color);transform:scale(1.05)}.product-detail-thumbnails img.active{border-color:var(--primary-color);box-shadow:0 0 0 2px #d63d5a33}.product-detail-info{background:var(--white);padding:32px;margin-bottom:40px;border-radius:16px;box-shadow:0 2px 8px #00000014}.product-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.product-detail-actions-header{display:flex;gap:12px}.wishlist-btn,.share-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--light-grey);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--black)}.wishlist-btn:hover,.share-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.wishlist-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.product-detail-rating{display:flex;align-items:center;gap:12px;margin-bottom:16px}.product-detail-stars{display:flex;gap:4px}.product-detail-stars .filled{color:#ffc107}.product-detail-stars .empty{color:var(--light-grey)}.product-detail-rating-text{font-size:14px;color:var(--grey-text)}.product-detail-stock{margin-bottom:24px}.product-detail-stock .in-stock{color:#4caf50;font-weight:600;font-size:14px}.product-detail-stock .out-of-stock{color:#f44336;font-weight:600;font-size:14px}@media (min-width: 1024px){.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.product-detail-images{position:sticky;top:100px}}.product-detail-name{font-size:24px;font-weight:700;color:var(--black);margin:0 0 8px}.product-detail-brand{font-size:16px;color:var(--grey-text);margin:0 0 16px}.product-detail-price{display:flex;align-items:center;gap:12px;margin-bottom:24px}.product-detail-original-price{font-size:18px;color:var(--grey-text);text-decoration:line-through}.product-detail-current-price{font-size:28px;font-weight:700;color:var(--primary-color)}.product-detail-discount{background:var(--primary-color);color:var(--white);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.product-detail-variants{margin-bottom:24px}.product-detail-section-title,.product-detail-variant-title{font-size:16px;font-weight:600;color:var(--black);margin:0 0 12px}.product-detail-features{margin-bottom:24px}.product-detail-features-list{list-style:none;padding:0;margin:0}.product-detail-features-list li{padding:8px 0 8px 24px;position:relative;font-size:14px;color:var(--grey-text);line-height:24px}.product-detail-features-list li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.product-detail-variant-options{display:flex;gap:12px;flex-wrap:wrap}.product-detail-variant-btn{padding:10px 20px;border:2px solid var(--light-grey);background:var(--white);border-radius:20px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;transition:all .2s}.product-detail-variant-btn:hover{border-color:var(--primary-color)}.product-detail-variant-btn.selected{border-color:var(--primary-color);background:var(--primary-color);color:var(--white)}.product-detail-description{margin-bottom:24px}.product-detail-description-text{font-size:14px;color:var(--grey-text);line-height:24px;margin:0}.product-detail-read-more{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;padding:0;margin-left:4px}.product-detail-actions{display:flex;flex-direction:column;gap:16px}.product-detail-quantity-wrapper{display:flex;align-items:center;gap:16px}.quantity-label{font-size:14px;font-weight:600;color:var(--black)}.product-detail-quantity{display:flex;align-items:center;gap:16px;border:1px solid var(--light-grey);border-radius:8px;padding:8px 12px}.quantity-btn{background:none;border:none;color:var(--black);font-size:16px;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.quantity-btn:hover:not(:disabled){color:var(--primary-color)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{font-size:16px;font-weight:600;min-width:30px;text-align:center}.product-detail-buttons{display:flex;gap:12px;width:100%}.product-detail-add-btn,.product-detail-buy-btn{flex:1}@media (max-width: 768px){.product-detail-buttons{flex-direction:column}}.product-detail-related{margin-top:60px;padding:0}@media (min-width: 1024px){.product-detail-related{grid-column:1 / -1}}.product-detail-related-title{font-size:20px;font-weight:700;color:var(--black);margin:0 0 16px}.product-detail-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-top:24px}@media (min-width: 768px){.product-detail-related-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 767px){.product-detail-related-grid{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.product-detail-related-grid::-webkit-scrollbar{display:none}.product-detail-related-grid .product-card{min-width:180px}}.search-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.search-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.search-header{margin-bottom:32px}.search-input-wrapper{max-width:800px;margin:0 auto}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-input{width:100%;height:60px;border:2px solid var(--light-grey);border-radius:35px;padding:0 50px 0 24px;font-size:18px;outline:none;box-shadow:0 2px 8px #0000001a}.search-input:focus{border-color:var(--primary-color)}.search-clear-btn{position:absolute;right:8px;background:none;border:none;color:var(--grey-text);cursor:pointer;padding:4px;display:flex;align-items:center}.search-cancel-btn{background:none;border:none;color:var(--primary-color);font-size:16px;font-weight:500;cursor:pointer;padding:8px}.search-content{padding:0}.search-results-title{font-size:18px;font-weight:600;color:var(--black);margin:0 0 16px}.search-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 768px){.search-results-grid{grid-template-columns:repeat(3,1fr)}}.search-no-results{text-align:center;padding:60px 20px}.search-no-results p{font-size:16px;color:var(--grey-text)}.search-recent{margin-top:20px}.search-recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search-recent-title{font-size:18px;font-weight:600;color:var(--black);margin:0}.search-recent-clear{background:none;border:none;color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer}.search-recent-list{display:flex;flex-direction:column;gap:8px}.search-recent-item{background:var(--white);border:1px solid var(--light-grey);border-radius:8px;padding:12px 16px;text-align:left;font-size:14px;color:var(--black);cursor:pointer;transition:background-color .2s}.search-recent-item:hover{background-color:var(--background-color)}.cart-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.cart-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.cart-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.cart-content-wrapper{display:grid;grid-template-columns:1fr;gap:24px}.cart-content{padding:0}@media (min-width: 1024px){.cart-content-wrapper{grid-template-columns:1fr 400px}.cart-summary{position:sticky;top:100px;height:fit-content}}.cart-items{margin-bottom:24px}.cart-item{background:var(--white);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;gap:12px;align-items:flex-start}.cart-item-checkbox{width:20px;height:20px;margin-top:4px;cursor:pointer}.cart-item-image{width:100px;height:100px;border-radius:8px;object-fit:cover}.cart-item-details{flex:1}.cart-item-name{font-size:16px;font-weight:600;color:var(--black);margin:0 0 4px}.cart-item-brand{font-size:14px;color:var(--grey-text);margin:0 0 4px}.cart-item-size{font-size:12px;color:var(--grey-text);margin:0 0 4px}.cart-item-price{font-size:14px;color:var(--black);margin:0 0 4px}.cart-item-total{font-size:16px;font-weight:600;color:var(--primary-color);margin:0}.cart-item-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.cart-item-quantity{display:flex;align-items:center;gap:12px;border:1px solid var(--light-grey);border-radius:8px;padding:6px 10px}.quantity-btn{background:none;border:none;color:var(--black);font-size:14px;cursor:pointer;padding:2px;display:flex;align-items:center}.quantity-value{font-size:14px;font-weight:600;min-width:24px;text-align:center}.cart-item-delete{background:none;border:none;color:var(--red);font-size:18px;cursor:pointer;padding:4px}.cart-summary{background:var(--white);border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:16px;color:var(--black)}.cart-summary-total{font-size:20px;font-weight:700;margin-top:8px;padding-top:12px;border-top:1px solid var(--light-grey)}.cart-checkout-btn{margin-top:20px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.cart-empty-icon{font-size:80px;margin-bottom:24px}.cart-empty-title{font-size:20px;font-weight:600;color:var(--black);margin:0 0 24px}.checkout-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.checkout-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.checkout-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.checkout-content{padding:0;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.checkout-content{grid-template-columns:2fr 1fr}}.checkout-section{background:var(--white);border-radius:12px;padding:20px;margin-bottom:16px}.checkout-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.checkout-section-title{font-size:18px;font-weight:600;color:var(--black);margin:0}.checkout-edit-btn{background:none;border:none;color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px}.checkout-address-card{background:var(--background-color);border-radius:8px;padding:16px}.checkout-address-name{font-size:16px;font-weight:600;color:var(--black);margin:0 0 4px}.checkout-address-phone{font-size:14px;color:var(--grey-text);margin:0 0 8px}.checkout-address-text{font-size:14px;color:var(--black);line-height:20px;margin:0}.checkout-payment-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.checkout-payment-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border:2px solid var(--light-grey);border-radius:8px;transition:border-color .2s}.checkout-payment-option:hover{border-color:var(--primary-color)}.checkout-payment-option input[type=radio]{width:20px;height:20px;cursor:pointer}.checkout-payment-option input[type=radio]:checked+span{color:var(--primary-color);font-weight:600}.checkout-card-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.checkout-input{width:100%;height:50px;border:1px solid var(--light-grey);border-radius:8px;padding:0 16px;font-size:16px;outline:none}.checkout-input:focus{border-color:var(--primary-color)}.checkout-card-row{display:flex;gap:12px}.checkout-card-row .checkout-input{flex:1}.checkout-order-items{margin-bottom:16px}.checkout-order-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--black);border-bottom:1px solid var(--light-grey)}.checkout-order-item:last-child{border-bottom:none}.checkout-summary{border-top:1px solid var(--light-grey);padding-top:16px}.checkout-summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:16px;color:var(--black)}.checkout-summary-total{font-size:20px;font-weight:700;margin-top:8px;padding-top:12px;border-top:1px solid var(--light-grey)}.checkout-place-btn{margin-top:24px}.thank-you-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.thank-you-page-content{max-width:600px;margin:0 auto;width:100%;padding:40px 20px;flex:1;display:flex;align-items:center;justify-content:center}.thank-you-content{text-align:center;width:100%;background:var(--white);border-radius:16px;padding:60px 40px;box-shadow:0 2px 8px #00000014}.thank-you-icon{font-size:100px;color:var(--primary-color);margin-bottom:24px}.thank-you-title{font-size:32px;font-weight:700;color:var(--black);margin:0 0 12px}.thank-you-subtitle{font-size:18px;color:var(--grey-text);margin:0 0 8px}.thank-you-order-number{font-size:16px;color:var(--black);font-weight:600;margin:0 0 32px}.thank-you-actions{display:flex;flex-direction:column;gap:12px}.thank-you-btn{margin:0}.profile-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.profile-page-content{max-width:1200px;margin:0 auto;width:100%;flex:1}.profile-header{position:relative;margin-bottom:40px}.profile-header-bg{height:200px;background:linear-gradient(135deg,var(--profile-bg) 0%,#a08572 100%)}.profile-info{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);text-align:center;width:100%}.profile-image{width:100px;height:100px;border-radius:50px;border:4px solid var(--white);object-fit:cover;margin-bottom:12px}.profile-name{font-size:20px;font-weight:600;color:var(--black);margin:0 0 4px}.profile-email{font-size:14px;color:var(--grey-text);margin:0}.profile-menu{padding:80px 20px 40px;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.profile-menu{grid-template-columns:repeat(2,1fr)}}.profile-menu-item{background:var(--white);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.profile-menu-item:hover{background-color:var(--background-color)}.profile-menu-item.danger{color:var(--red)}.profile-menu-item-left{display:flex;align-items:center;gap:12px;flex:1}.profile-menu-icon{font-size:20px;color:inherit}.profile-menu-title{font-size:16px;font-weight:500;color:inherit;margin:0 0 4px}.profile-menu-description{font-size:12px;color:var(--grey-text);margin:0}.profile-menu-arrow{font-size:14px;color:var(--grey-text);transform:rotate(-90deg)}.address-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.address-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.address-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0}.address-add-header-btn{padding:12px 24px;background:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.address-add-header-btn:hover{background:#c93d5a}.address-content{padding:0}.address-card{background:var(--white);border-radius:12px;padding:20px;margin-bottom:16px;position:relative}.address-default-badge{position:absolute;top:12px;right:12px;background:var(--primary-color);color:var(--white);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.address-info{margin-bottom:16px}.address-name{font-size:18px;font-weight:600;color:var(--black);margin:0 0 4px}.address-phone{font-size:14px;color:var(--grey-text);margin:0 0 8px}.address-text{font-size:14px;color:var(--black);line-height:20px;margin:0}.address-actions{display:flex;gap:8px;flex-wrap:wrap}.address-action-btn{padding:8px 16px;border:1px solid var(--light-grey);background:var(--white);border-radius:8px;font-size:14px;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.address-action-btn:hover{background:var(--background-color);border-color:var(--primary-color)}.address-action-btn.danger{color:var(--red);border-color:var(--red)}.address-action-btn.danger:hover{background:var(--red);color:var(--white)}.address-add-btn{margin-top:24px}.address-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.address-empty-icon{font-size:80px;margin-bottom:24px}.address-empty-title{font-size:20px;font-weight:600;color:var(--black);margin:0 0 24px}.add-address-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.add-address-page-content{max-width:800px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.add-address-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.add-address-form{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}.add-address-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-address-checkbox{display:flex;align-items:center;gap:8px;margin:20px 0;cursor:pointer}.add-address-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.add-address-checkbox span{font-size:14px;color:var(--black)}.add-address-submit{margin-top:24px}.order-history-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.order-history-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.order-history-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.order-history-content{padding:0}.order-history-card{background:var(--white);border-radius:12px;padding:20px;margin-bottom:16px}.order-history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--light-grey)}.order-history-number{font-size:18px;font-weight:600;color:var(--black);margin:0 0 4px}.order-history-date{font-size:14px;color:var(--grey-text);margin:0}.order-history-status{font-size:14px;font-weight:600;padding:4px 12px;border-radius:12px;background:#0000000d}.order-history-items{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.order-history-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--black)}.order-history-item img{width:50px;height:50px;border-radius:8px;object-fit:cover}.order-history-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--light-grey)}.order-history-total{display:flex;flex-direction:column;gap:4px}.order-history-total span:first-child{font-size:14px;color:var(--grey-text)}.order-history-total span:last-child{font-size:20px;font-weight:700;color:var(--black)}.order-history-actions{display:flex;gap:8px}.order-history-btn{padding:8px 16px;font-size:14px;height:auto}.order-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.order-history-empty-icon{font-size:80px;margin-bottom:24px}.order-history-empty-title{font-size:20px;font-weight:600;color:var(--black);margin:0 0 24px}.order-tracking-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.order-tracking-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.order-tracking-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.order-tracking-content{padding:0}.order-tracking-number{font-size:20px;font-weight:600;color:var(--black);text-align:center;margin-bottom:32px}.order-tracking-timeline{background:var(--white);border-radius:12px;padding:24px;margin-bottom:24px}.order-tracking-step{display:flex;gap:16px;margin-bottom:24px}.order-tracking-step:last-child{margin-bottom:0}.order-tracking-step-line{display:flex;flex-direction:column;align-items:center}.order-tracking-step-icon{width:40px;height:40px;border-radius:50%;border:2px solid var(--light-grey);display:flex;align-items:center;justify-content:center;background:var(--white);color:var(--grey-text);font-size:18px}.order-tracking-step-icon.completed{border-color:var(--primary-color);background:var(--primary-color);color:var(--white)}.order-tracking-step-icon.current{border-color:var(--primary-color);background:var(--white);color:var(--primary-color)}.order-tracking-step-connector{width:2px;height:40px;background:var(--light-grey);margin-top:8px}.order-tracking-step-connector.completed{background:var(--primary-color)}.order-tracking-step-info{flex:1;padding-top:8px}.order-tracking-step-name{font-size:16px;font-weight:500;color:var(--grey-text);margin:0 0 4px}.order-tracking-step-name.completed{color:var(--black)}.order-tracking-step-name.current{color:var(--primary-color);font-weight:600}.order-tracking-step-date{font-size:12px;color:var(--grey-text);margin:0}.order-tracking-details,.order-tracking-items{background:var(--white);border-radius:12px;padding:20px;margin-bottom:16px}.order-tracking-section-title{font-size:18px;font-weight:600;color:var(--black);margin:0 0 16px}.order-tracking-detail-item{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.order-tracking-detail-item:last-child{margin-bottom:0}.order-tracking-detail-label{font-size:14px;color:var(--grey-text)}.order-tracking-detail-value{font-size:16px;color:var(--black);font-weight:500}.order-tracking-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--light-grey)}.order-tracking-item:last-child{border-bottom:none}.order-tracking-item img{width:60px;height:60px;border-radius:8px;object-fit:cover}.order-tracking-item-info h3{font-size:16px;font-weight:600;color:var(--black);margin:0 0 4px}.order-tracking-item-info p{font-size:14px;color:var(--grey-text);margin:0}.change-password-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.change-password-page-content{max-width:600px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.change-password-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.change-password-form{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}.change-password-submit{margin-top:24px}.wishlist-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.wishlist-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.wishlist-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.wishlist-content{padding:0}.wishlist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 768px){.wishlist-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.wishlist-grid{grid-template-columns:repeat(4,1fr)}}.wishlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.wishlist-empty-icon{font-size:80px;margin-bottom:24px}.wishlist-empty-title{font-size:20px;font-weight:600;color:var(--black);margin:0 0 24px}.notifications-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.notifications-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.notifications-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.notifications-content{padding:0}.notifications-item{background:var(--white);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;transition:background-color .2s;position:relative}.notifications-item:hover{background-color:var(--background-color)}.notifications-item.read{opacity:.7}.notifications-icon{font-size:32px;flex-shrink:0}.notifications-info{flex:1}.notifications-title{font-size:16px;font-weight:600;color:var(--black);margin:0 0 4px}.notifications-message{font-size:14px;color:var(--grey-text);margin:0 0 4px;line-height:20px}.notifications-time{font-size:12px;color:var(--grey-text);margin:0}.notifications-unread{width:8px;height:8px;border-radius:50%;background:var(--primary-color);flex-shrink:0;margin-top:4px}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.notifications-empty-icon{font-size:80px;margin-bottom:24px}.notifications-empty-text{font-size:16px;color:var(--grey-text);margin:0}.leave-review-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.leave-review-page-content{max-width:800px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.leave-review-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.leave-review-content{padding:0}.leave-review-product{background:var(--white);border-radius:12px;padding:16px;display:flex;gap:12px;margin-bottom:24px}.leave-review-product img{width:80px;height:80px;border-radius:8px;object-fit:cover}.leave-review-product-name{font-size:18px;font-weight:600;color:var(--black);margin:0 0 4px}.leave-review-product-brand{font-size:14px;color:var(--grey-text);margin:0}.leave-review-rating{background:var(--white);border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.leave-review-rating-title{font-size:18px;font-weight:600;color:var(--black);margin:0 0 16px}.leave-review-stars{display:flex;justify-content:center;gap:8px}.leave-review-star-btn{background:none;border:none;cursor:pointer;padding:4px}.leave-review-star{font-size:32px;color:var(--light-grey);transition:color .2s}.leave-review-star.active{color:var(--primary-color)}.leave-review-form{background:var(--white);border-radius:12px;padding:20px}.leave-review-field{margin-bottom:20px}.leave-review-label{display:block;font-size:14px;font-weight:500;color:var(--black);margin-bottom:8px}.leave-review-input,.leave-review-textarea{width:100%;padding:12px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:16px;font-family:inherit;outline:none;resize:vertical}.leave-review-input:focus,.leave-review-textarea:focus{border-color:var(--primary-color)}.leave-review-char-count{font-size:12px;color:var(--grey-text);margin:4px 0 0;text-align:right}.leave-review-submit{margin-top:24px}.delete-account-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.delete-account-page-content{max-width:800px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.delete-account-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.delete-account-content{padding:0}.delete-account-warning{background:var(--white);border-radius:12px;padding:24px;margin-bottom:24px;text-align:center}.delete-account-warning-icon{font-size:64px;color:var(--red);margin-bottom:16px}.delete-account-warning-title{font-size:24px;font-weight:700;color:var(--black);margin:0 0 12px}.delete-account-warning-text{font-size:14px;color:var(--grey-text);line-height:20px;margin:0 0 20px}.delete-account-warning-details{text-align:left;background:var(--background-color);border-radius:8px;padding:16px;margin-top:20px}.delete-account-warning-details h3{font-size:16px;font-weight:600;color:var(--black);margin:0 0 12px}.delete-account-warning-details ul{margin:0;padding-left:20px}.delete-account-warning-details li{font-size:14px;color:var(--grey-text);margin-bottom:8px}.delete-account-form{background:var(--white);border-radius:12px;padding:20px}.delete-account-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:24px;cursor:pointer}.delete-account-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.delete-account-checkbox span{font-size:14px;color:var(--black)}.delete-account-confirm{margin-bottom:20px}.delete-account-label{display:block;font-size:14px;font-weight:500;color:var(--black);margin-bottom:8px}.delete-account-input{width:100%;padding:12px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:16px;outline:none}.delete-account-input:focus{border-color:var(--primary-color)}.delete-account-submit{margin-top:24px}.about-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.about-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.about-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 40px;text-align:center}.about-content{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}.about-text{background:var(--white);border-radius:12px;padding:24px}.about-text p{font-size:16px;line-height:24px;color:var(--black);margin:0 0 16px}.about-text p:last-child{margin-bottom:0}.about-subtitle{font-size:20px;font-weight:600;color:var(--black);margin:24px 0 16px}.contact-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.contact-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.contact-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 40px;text-align:center}.contact-content{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.contact-content{grid-template-columns:1fr 1fr}}.contact-info{background:var(--white);border-radius:12px;padding:24px;margin-bottom:24px}.contact-section-title{font-size:20px;font-weight:600;color:var(--black);margin:0 0 24px}.contact-info-item{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}.contact-info-item:last-child{margin-bottom:0}.contact-info-icon{font-size:24px;color:var(--primary-color);margin-top:4px;flex-shrink:0}.contact-info-label{font-size:14px;font-weight:600;color:var(--black);margin:0 0 4px}.contact-info-value{font-size:14px;color:var(--grey-text);margin:0;text-decoration:none;display:block}.contact-info-value:hover{color:var(--primary-color)}.contact-form{background:var(--white);border-radius:12px;padding:24px}.contact-field{margin-bottom:20px}.contact-label{display:block;font-size:14px;font-weight:500;color:var(--black);margin-bottom:8px}.contact-textarea{width:100%;padding:12px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:16px;font-family:inherit;outline:none;resize:vertical}.contact-textarea:focus{border-color:var(--primary-color)}.contact-submit{margin-top:24px}.shipping-policy-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.shipping-policy-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.shipping-policy-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 40px;text-align:center}.shipping-policy-content{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}.shipping-policy-announcement{background:var(--white);border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.shipping-policy-announcement h2{font-size:20px;font-weight:600;color:var(--black);margin:0}.shipping-policy-text{background:var(--white);border-radius:12px;padding:24px}.shipping-policy-section-title{font-size:18px;font-weight:600;color:var(--black);margin:24px 0 12px}.shipping-policy-section-title:first-child{margin-top:0}.shipping-policy-text p{font-size:16px;line-height:24px;color:var(--black);margin:0 0 16px}.shipping-policy-text p:last-child{margin-bottom:0}.exchange-return-policy-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.exchange-return-policy-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.exchange-return-policy-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 40px;text-align:center}.exchange-return-policy-content{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}.exchange-return-policy-announcement{background:var(--white);border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.exchange-return-policy-announcement h2{font-size:20px;font-weight:600;color:var(--black);margin:0}.exchange-return-policy-text{background:var(--white);border-radius:12px;padding:24px}.exchange-return-policy-section-title{font-size:18px;font-weight:600;color:var(--black);margin:24px 0 12px}.exchange-return-policy-section-title:first-child{margin-top:0}.exchange-return-policy-text p{font-size:16px;line-height:24px;color:var(--black);margin:0 0 16px}.exchange-return-policy-text p:last-child{margin-bottom:0}.exchange-return-policy-contact{background:var(--background-color);border-radius:8px;padding:16px;margin-top:16px}.exchange-return-policy-contact p{margin:0 0 8px;font-size:16px}.exchange-return-policy-contact p:last-child{margin-bottom:0}.exchange-return-policy-contact strong{color:var(--black)}.my-quotes-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.my-quotes-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.my-quotes-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.my-quotes-content{padding:0}.my-quotes-card{background:var(--white);border-radius:12px;padding:20px;margin-bottom:16px}.my-quotes-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--light-grey)}.my-quotes-number{font-size:18px;font-weight:600;color:var(--black);margin:0 0 4px}.my-quotes-date{font-size:14px;color:var(--grey-text);margin:0}.my-quotes-status{font-size:14px;font-weight:600;padding:4px 12px;border-radius:12px;background:#0000000d}.my-quotes-products{margin-bottom:16px}.my-quotes-product{font-size:14px;color:var(--black);margin-bottom:8px}.my-quotes-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--light-grey)}.my-quotes-total{display:flex;flex-direction:column;gap:4px}.my-quotes-total span:first-child{font-size:14px;color:var(--grey-text)}.my-quotes-total span:last-child{font-size:20px;font-weight:700;color:var(--black)}.my-quotes-actions{display:flex;gap:8px}.my-quotes-btn{padding:8px 16px;font-size:14px;height:auto}.my-quotes-empty{text-align:center;padding:60px 20px}.my-quotes-empty p{font-size:16px;color:var(--grey-text)}.submit-quote-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.submit-quote-page-content{max-width:800px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.submit-quote-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0 0 32px;text-align:center}.submit-quote-form{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 2px 8px #00000014}.submit-quote-products{background:var(--white);border-radius:12px;padding:20px;margin-bottom:20px}.submit-quote-section-title{font-size:18px;font-weight:600;color:var(--black);margin:0 0 16px}.submit-quote-product-row{display:flex;gap:12px;margin-bottom:12px;align-items:center}.submit-quote-input{flex:1;padding:12px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:16px;outline:none}.submit-quote-input:focus{border-color:var(--primary-color)}.submit-quote-remove{padding:12px 16px;background:var(--red);color:var(--white);border:none;border-radius:8px;font-size:14px;cursor:pointer}.submit-quote-add{width:100%;padding:12px;background:var(--white);border:2px dashed var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);cursor:pointer;margin-top:8px}.submit-quote-add:hover{border-color:var(--primary-color);color:var(--primary-color)}.submit-quote-field{background:var(--white);border-radius:12px;padding:20px;margin-bottom:20px}.submit-quote-label{display:block;font-size:14px;font-weight:500;color:var(--black);margin-bottom:8px}.submit-quote-textarea{width:100%;padding:12px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:16px;font-family:inherit;outline:none;resize:vertical}.submit-quote-textarea:focus{border-color:var(--primary-color)}.submit-quote-submit{margin-top:24px}.pdf-viewer-container{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column}.pdf-viewer-page-content{max-width:1200px;margin:0 auto;width:100%;padding:40px 20px;flex:1}.pdf-viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.pdf-viewer-page-title{font-size:36px;font-weight:700;color:var(--black);margin:0}.pdf-viewer-download-header-btn{padding:12px 24px;background:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.pdf-viewer-download-header-btn:hover{background:#c93d5a}.pdf-viewer-content{padding:0;min-height:500px}.pdf-viewer-placeholder{background:var(--white);border-radius:12px;padding:60px 20px;text-align:center}.pdf-viewer-placeholder p:first-child{font-size:24px;font-weight:600;color:var(--black);margin:0 0 16px}.pdf-viewer-note{font-size:14px;color:var(--grey-text);line-height:20px;margin:0 0 24px}.pdf-viewer-download-btn{padding:12px 24px;background:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.pdf-viewer-download-btn:hover{background:#c93d5a}.no-internet-container{min-height:100vh;background-color:var(--background-color);display:flex;align-items:center;justify-content:center;padding:20px}.no-internet-content{text-align:center;max-width:400px;width:100%}.no-internet-icon{font-size:100px;color:var(--grey-text);margin-bottom:24px}.no-internet-title{font-size:24px;font-weight:700;color:var(--black);margin:0 0 12px}.no-internet-subtitle{font-size:16px;color:var(--grey-text);line-height:24px;margin:0 0 32px}.no-internet-retry{margin:0}.admin-login-container{min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,#c93d5a 100%);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.admin-login-container:before{content:"";position:absolute;width:500px;height:500px;background:#ffffff14;border-radius:50%;top:-250px;right:-250px;animation:float 20s ease-in-out infinite}.admin-login-container:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff0f;border-radius:50%;bottom:-200px;left:-200px;animation:float 15s ease-in-out infinite reverse}.admin-login-background,.admin-login-background-image{display:none}.admin-login-form-card{background:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:48px 40px;max-width:480px;width:100%;box-shadow:0 20px 60px #00000040;position:relative;z-index:1;animation:slideUp .5s ease-out}.admin-login-title{font-size:32px;font-weight:700;color:var(--primary-color);text-align:center;margin-bottom:8px}.admin-login-subtitle{font-size:15px;color:var(--grey-text);text-align:center;margin-bottom:36px;font-weight:400}.admin-login-error{background-color:#e74c3c26;color:var(--red);padding:14px 18px;border-radius:12px;margin-bottom:24px;font-size:14px;text-align:center;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.admin-login-form{margin-bottom:24px}.admin-login-forgot{text-align:right;margin-bottom:28px;margin-top:-8px}.admin-login-forgot-link{font-size:14px;color:var(--primary-color);font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.admin-login-forgot-link:hover{color:#c93d5a;text-decoration:underline}.admin-login-button{margin-bottom:24px;background-color:var(--primary-color);color:var(--white);transition:all .3s ease;box-shadow:0 4px 15px #dd4f6e4d;font-weight:600;width:100%;padding:15px 20px;border-radius:20px}.admin-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.admin-login-button:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{display:flex;justify-content:center;align-items:center;padding-top:20px;border-top:1px solid var(--light-grey)}.admin-login-footer-link{font-size:14px;color:var(--primary-color);font-weight:500;cursor:pointer;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:6px}.admin-login-footer-link:hover{color:#c93d5a;text-decoration:underline}@media (max-width: 640px){.admin-login-form-card{padding:36px 28px}.admin-login-title{font-size:28px}}.admin-forgot-password-container{min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,#c93d5a 100%);display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative;overflow:hidden}.admin-forgot-password-container:before{content:"";position:absolute;width:500px;height:500px;background:#ffffff1a;border-radius:50%;top:-250px;right:-250px;animation:float 20s ease-in-out infinite}.admin-forgot-password-container:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff14;border-radius:50%;bottom:-200px;left:-200px;animation:float 15s ease-in-out infinite reverse}.admin-forgot-password-page-content{max-width:600px;margin:0 auto;width:100%;position:relative;z-index:1;animation:slideUp .5s ease-out}.admin-forgot-password-page-title{font-size:36px;font-weight:700;color:#fff;margin:0 0 32px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.5px}.admin-forgot-password-content{background:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,255,255,.2)}.admin-forgot-password-text{font-size:15px;color:var(--grey-text);text-align:center;margin-bottom:32px;line-height:24px}.admin-forgot-password-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;text-align:center;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.admin-forgot-password-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;text-align:center;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.admin-reset-token-info{margin-top:16px;padding-top:16px;border-top:1px solid #ccc}.admin-reset-token-info p{margin-bottom:12px;font-size:13px}.admin-reset-token{background-color:#f5f5f5;padding:12px;border-radius:4px;margin-bottom:12px;word-break:break-all}.admin-reset-token code{font-family:monospace;font-size:12px;color:var(--black)}.admin-reset-link{display:inline-block;color:var(--primary-color);font-weight:500;text-decoration:underline;margin-top:8px}.admin-reset-link:hover{color:#c93d5a}.admin-forgot-password-form{margin-bottom:24px}.admin-forgot-password-button{margin-bottom:24px;background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;height:56px;font-size:16px;font-weight:600;border:none}.admin-forgot-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.admin-forgot-password-footer{text-align:center;padding-top:20px;border-top:1px solid var(--light-grey);margin-top:20px}.admin-forgot-password-back-link{font-size:14px;color:var(--primary-color);font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.admin-forgot-password-back-link:hover{color:#c93d5a;text-decoration:underline}.admin-reset-password-container{min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,#c93d5a 100%);display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative;overflow:hidden}.admin-reset-password-container:before{content:"";position:absolute;width:500px;height:500px;background:#ffffff1a;border-radius:50%;top:-250px;right:-250px;animation:float 20s ease-in-out infinite}.admin-reset-password-container:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff14;border-radius:50%;bottom:-200px;left:-200px;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,-30px) rotate(180deg)}}.admin-reset-password-page-content{max-width:600px;margin:0 auto;width:100%;position:relative;z-index:1;animation:slideUp .5s ease-out}.admin-reset-password-page-title{font-size:36px;font-weight:700;color:#fff;margin:0 0 32px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.1)}.admin-reset-password-content{background:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,255,255,.2)}.admin-reset-password-text{font-size:15px;color:var(--grey-text);text-align:center;margin-bottom:32px;line-height:24px}.admin-reset-password-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;text-align:center;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.admin-reset-password-form{margin-bottom:24px}.admin-reset-password-button{margin-bottom:24px;background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;height:56px;font-size:16px;font-weight:600;border:none}.admin-reset-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.admin-reset-password-footer{text-align:center;padding-top:20px;border-top:1px solid var(--light-grey);margin-top:20px}.admin-reset-password-back-link{font-size:14px;color:var(--primary-color);font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.admin-reset-password-back-link:hover{color:#c93d5a;text-decoration:underline}.admin-dashboard-container{display:flex;min-height:100vh;background-color:var(--background-color)}.admin-dashboard-sidebar{width:280px;background-color:var(--white);box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:100;border-right:1px solid var(--light-grey)}.admin-dashboard-sidebar::-webkit-scrollbar{width:6px}.admin-dashboard-sidebar::-webkit-scrollbar-track{background:var(--background-color)}.admin-dashboard-sidebar::-webkit-scrollbar-thumb{background:var(--light-grey);border-radius:3px}.admin-dashboard-header{padding:24px 20px;border-bottom:1px solid var(--light-grey)}.admin-dashboard-title{font-size:20px;font-weight:700;color:var(--black);margin-bottom:20px;letter-spacing:-.3px;text-transform:uppercase;color:var(--primary-color)}.admin-dashboard-user-info{margin-top:16px;padding:16px;background-color:var(--background-color);border-radius:12px;text-align:center}.admin-user-avatar{width:60px;height:60px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--white);margin:0 auto 12px;box-shadow:0 2px 8px #dd4f6e4d}.admin-user-name{font-size:15px;font-weight:600;color:var(--black);margin-bottom:4px;display:block}.admin-user-email{font-size:12px;color:var(--grey-text);margin-bottom:8px;word-break:break-word}.admin-user-role{font-size:11px;color:var(--primary-color);text-transform:uppercase;font-weight:600;letter-spacing:.5px;padding:4px 10px;background-color:#dd4f6e1a;border-radius:6px;display:inline-block}.admin-dashboard-nav{flex:1;padding:20px 12px}.admin-nav-item{width:100%;display:flex;align-items:center;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:var(--grey-text);cursor:pointer;transition:all .2s ease;border-radius:8px;margin-bottom:4px;font-weight:500}.admin-nav-item:hover{background-color:var(--background-color);color:var(--primary-color)}.admin-nav-item.active{background-color:var(--primary-color);color:var(--white);font-weight:600}.admin-nav-icon{margin-right:12px;font-size:16px;width:18px;text-align:center}.admin-dashboard-footer{padding:16px;border-top:1px solid var(--light-grey)}.admin-logout-button{width:100%;display:flex;align-items:center;justify-content:center;padding:12px 16px;background-color:var(--red);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:10px}.admin-logout-button:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c4d}.admin-back-to-site{width:100%;display:flex;align-items:center;justify-content:center;padding:10px 16px;background-color:var(--background-color);color:var(--grey-text);border:1px solid var(--light-grey);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.admin-back-to-site:hover{background-color:var(--light-grey);color:var(--black)}.admin-dashboard-content{flex:1;margin-left:280px;padding:32px;overflow-y:auto;background-color:var(--background-color)}.admin-dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:16px;color:var(--grey-text);flex-direction:column;gap:16px;background-color:var(--background-color)}.admin-dashboard-loading:after{content:"";width:40px;height:40px;border:4px solid var(--light-grey);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.admin-dashboard-sidebar{width:260px}.admin-dashboard-content{margin-left:260px;padding:24px}}@media (max-width: 768px){.admin-dashboard-sidebar{width:100%;height:auto;position:relative;max-height:none}.admin-dashboard-content{margin-left:0;padding:20px}.admin-dashboard-nav{display:flex;flex-wrap:wrap;gap:8px}.admin-nav-item{flex:1;min-width:140px}}.admin-profile-container{max-width:1000px;margin:0 auto;animation:fadeIn .4s ease-out}.admin-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.admin-profile-title{font-size:32px;font-weight:700;color:var(--primary-color);margin:0;letter-spacing:-.5px}.admin-refresh-button{padding:12px 24px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dd4f6e4d;display:flex;align-items:center;gap:8px}.admin-refresh-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.admin-refresh-button:disabled{opacity:.6;cursor:not-allowed}.admin-profile-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.admin-profile-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.admin-profile-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.admin-profile-section{margin-bottom:40px}.admin-profile-section:last-child{margin-bottom:0}.admin-section-title{font-size:22px;font-weight:700;color:var(--black);margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--light-grey);position:relative}.admin-section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background-color:var(--primary-color)}.admin-profile-field{margin-bottom:24px;padding:16px;background-color:var(--background-color);border-radius:12px;border:1px solid var(--light-grey);transition:all .3s ease}.admin-profile-field:hover{transform:translate(4px);box-shadow:0 2px 8px #0000000d;border-color:var(--primary-color)}.admin-field-label{display:block;font-size:12px;font-weight:600;color:#6c757d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.admin-field-value{font-size:16px;color:#1a1a1a;font-weight:500}.admin-role-badge{display:inline-block;padding:8px 16px;background-color:#dd4f6e1a;color:var(--primary-color);border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(221,79,110,.3)}.admin-status-badge{display:inline-block;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-profile-loading{text-align:center;padding:60px;font-size:16px;color:var(--grey-text);display:flex;flex-direction:column;align-items:center;gap:16px}.admin-profile-loading:after{content:"";width:40px;height:40px;border:4px solid var(--light-grey);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-management-container{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.admin-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--light-grey);flex-wrap:wrap;gap:20px}.admin-management-title{font-size:32px;font-weight:700;color:var(--primary-color);margin:0 0 8px;letter-spacing:-.5px}.admin-management-subtitle{font-size:15px;color:var(--grey-text);margin:0;font-weight:400}.admin-create-button{background-color:var(--primary-color);color:var(--white);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;white-space:nowrap}.admin-create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.admin-management-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.admin-management-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.admin-management-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;padding:0 20px;height:50px;transition:all .3s ease}.admin-search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.admin-search-icon{color:var(--grey-text);font-size:16px;margin-right:12px}.admin-search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--black);outline:none}.admin-search-input::placeholder{color:var(--placeholder-grey)}.admin-filter-toggle{padding:12px 20px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.admin-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-color)}.admin-filters-panel{display:flex;gap:20px;margin-bottom:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey);flex-wrap:wrap}.admin-filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.admin-filter-group label{font-size:13px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.admin-filter-select{padding:10px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;outline:none;transition:all .3s ease}.admin-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.admin-table-container{background-color:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--light-grey);margin-bottom:24px}.admin-loading,.admin-empty{padding:60px;text-align:center;color:var(--grey-text);font-size:16px}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background-color:var(--background-color);border-bottom:2px solid var(--light-grey)}.admin-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.admin-table tbody tr{border-bottom:1px solid var(--light-grey);transition:background-color .2s ease}.admin-table tbody tr:hover{background-color:var(--background-color)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table td{padding:16px 20px;font-size:14px;color:var(--black)}.admin-name-cell{display:flex;align-items:center;gap:12px}.admin-avatar-small{width:36px;height:36px;border-radius:50%;background-color:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.admin-role-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-role-badge.admin{background-color:#dd4f6e1a;color:var(--primary-color);border:1px solid rgba(221,79,110,.3)}.admin-role-badge.super_admin{background-color:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.3)}.admin-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-status-badge.active{background-color:#2ecc7126;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.admin-status-badge.inactive{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.admin-actions{display:flex;gap:8px}.admin-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.admin-action-btn.edit{background-color:#3498db1a;color:#3498db}.admin-action-btn.edit:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.admin-action-btn.delete{background-color:#e74c3c1a;color:var(--red)}.admin-action-btn.delete:hover{background-color:var(--red);color:var(--white);transform:translateY(-2px)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey)}.admin-pagination-btn{padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-pagination-btn:hover:not(:disabled){background-color:#c93d5a;transform:translateY(-2px);box-shadow:0 4px 12px #dd4f6e4d}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-info{font-size:14px;color:var(--grey-text);font-weight:500}.admin-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.admin-form-modal{background-color:var(--white);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.admin-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--light-grey)}.admin-form-modal-header h3{font-size:24px;font-weight:700;color:var(--black);margin:0}.admin-form-modal-close{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--background-color);color:var(--grey-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.admin-form-modal-close:hover{background-color:var(--light-grey);color:var(--black)}.admin-form-modal-body{padding:28px}.admin-checkbox-field{margin-bottom:20px}.admin-checkbox-field label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--black);font-weight:500}.admin-checkbox-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.admin-form-modal-actions{display:flex;gap:12px;margin-top:32px;justify-content:flex-end}.admin-submit-button{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;min-width:140px}.admin-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.admin-role-select{margin-bottom:20px}.admin-role-select .input-wrapper{position:relative;background:var(--white);border-radius:35px;border:1px solid var(--light-grey);height:60px;padding:0 16px;display:flex;align-items:center}.admin-role-select .input-icon{font-size:20px;color:var(--black);margin-right:12px;display:flex;align-items:center}.admin-role-select select{flex:1;border:none;background:transparent;font-size:16px;color:var(--black);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}@media (max-width: 768px){.admin-management-header{flex-direction:column}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.admin-filters-panel{flex-direction:column}.admin-filter-group{width:100%}}.admin-change-password-container{max-width:800px;margin:0 auto;animation:fadeIn .4s ease-out}.admin-change-password-header{margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.admin-change-password-title{font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:8px;letter-spacing:-.5px}.admin-change-password-subtitle{font-size:15px;color:#6c757d;margin:0;font-weight:400}.admin-change-password-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.admin-change-password-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.admin-change-password-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.admin-change-password-form{margin-top:24px}.admin-change-password-button{margin-top:32px;background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;height:56px;font-size:16px;font-weight:600;border:none}.admin-change-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.admin-password-requirements{background-color:var(--background-color);padding:20px;border-radius:12px;margin-bottom:24px;font-size:13px;color:var(--grey-text);border:1px solid var(--light-grey);border-left:4px solid var(--primary-color)}.admin-password-requirements p{margin-bottom:12px;font-weight:600;color:var(--black);font-size:14px}.admin-password-requirements ul{margin-left:24px;list-style-type:none;position:relative}.admin-password-requirements ul:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--primary-color)}.admin-password-requirements li{margin-bottom:8px;position:relative;padding-left:8px}.admin-password-requirements li:before{content:"✓";position:absolute;left:-20px;color:#27ae60;font-weight:700}.promotion-banner-container{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.promotion-banner-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--light-grey);flex-wrap:wrap;gap:20px}.promotion-banner-title{font-size:32px;font-weight:700;color:var(--primary-color);margin:0 0 8px;letter-spacing:-.5px}.promotion-banner-subtitle{font-size:15px;color:var(--grey-text);margin:0;font-weight:400}.promotion-banner-create-button{background-color:var(--primary-color);color:var(--white);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;white-space:nowrap}.promotion-banner-create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.promotion-banner-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.promotion-banner-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.promotion-banner-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.promotion-banner-search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;padding:0 20px;height:50px;transition:all .3s ease}.promotion-banner-search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.promotion-banner-search-icon{color:var(--grey-text);font-size:16px;margin-right:12px}.promotion-banner-search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--black);outline:none}.promotion-banner-search-input::placeholder{color:var(--placeholder-grey)}.promotion-banner-filter-toggle{padding:12px 20px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.promotion-banner-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-color)}.promotion-banner-filters-panel{display:flex;gap:20px;margin-bottom:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey);flex-wrap:wrap}.promotion-banner-filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.promotion-banner-filter-group label{font-size:13px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.promotion-banner-filter-select{padding:10px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;outline:none;transition:all .3s ease}.promotion-banner-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.promotion-banner-table-container{background-color:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--light-grey);margin-bottom:24px}.promotion-banner-loading,.promotion-banner-empty{padding:60px;text-align:center;color:var(--grey-text);font-size:16px}.promotion-banner-table{width:100%;border-collapse:collapse}.promotion-banner-table thead{background-color:var(--background-color);border-bottom:2px solid var(--light-grey)}.promotion-banner-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.promotion-banner-table tbody tr{border-bottom:1px solid var(--light-grey);transition:background-color .2s ease}.promotion-banner-table tbody tr:hover{background-color:var(--background-color)}.promotion-banner-table tbody tr:last-child{border-bottom:none}.promotion-banner-table td{padding:16px 20px;font-size:14px;color:var(--black);vertical-align:middle}.promotion-banner-image-cell{display:flex;align-items:center;justify-content:center}.promotion-banner-thumbnail{width:100px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--light-grey);cursor:pointer;transition:transform .2s ease}.promotion-banner-thumbnail:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.promotion-banner-name-cell{font-weight:500}.promotion-banner-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.promotion-banner-status-badge.active{background-color:#2ecc7126;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.promotion-banner-status-badge.inactive{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.promotion-banner-actions{display:flex;gap:8px}.promotion-banner-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.promotion-banner-action-btn.view{background-color:#3498db1a;color:#3498db}.promotion-banner-action-btn.view:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.promotion-banner-action-btn.edit{background-color:#3498db1a;color:#3498db}.promotion-banner-action-btn.edit:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.promotion-banner-action-btn.delete{background-color:#e74c3c1a;color:var(--red)}.promotion-banner-action-btn.delete:hover{background-color:var(--red);color:var(--white);transform:translateY(-2px)}.promotion-banner-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey)}.promotion-banner-pagination-btn{padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.promotion-banner-pagination-btn:hover:not(:disabled){background-color:#c93d5a;transform:translateY(-2px);box-shadow:0 4px 12px #dd4f6e4d}.promotion-banner-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.promotion-banner-pagination-info{font-size:14px;color:var(--grey-text);font-weight:500}.promotion-banner-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.promotion-banner-form-modal{background-color:var(--white);border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.promotion-banner-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--light-grey)}.promotion-banner-form-modal-header h3{font-size:24px;font-weight:700;color:var(--black);margin:0}.promotion-banner-form-modal-close{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--background-color);color:var(--grey-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.promotion-banner-form-modal-close:hover{background-color:var(--light-grey);color:var(--black)}.promotion-banner-form-modal-body{padding:28px}.promotion-banner-image-upload{margin-bottom:20px}.promotion-banner-image-upload-wrapper{margin-top:8px}.promotion-banner-file-input{width:100%;padding:12px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;transition:all .3s ease;font-family:inherit}.promotion-banner-file-input::-webkit-file-upload-button{padding:8px 16px;margin-right:12px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.promotion-banner-file-input::-webkit-file-upload-button:hover{background-color:#c93d5a}.promotion-banner-file-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a;outline:none}.promotion-banner-image-preview{margin-top:16px;text-align:center}.promotion-banner-image-preview img{max-width:100%;max-height:300px;border-radius:12px;border:1px solid var(--light-grey);box-shadow:0 2px 8px #0000001a}.promotion-banner-image-note,.promotion-banner-image-hint{margin-top:8px;font-size:12px;color:var(--grey-text);font-style:italic}.promotion-banner-checkbox-field{margin-bottom:20px}.promotion-banner-checkbox-field label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--black);font-weight:500}.promotion-banner-checkbox-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.promotion-banner-form-modal-actions{display:flex;gap:12px;margin-top:32px;justify-content:flex-end}.promotion-banner-submit-button{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;min-width:140px}.promotion-banner-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}@media (max-width: 768px){.promotion-banner-header{flex-direction:column}.promotion-banner-table-container{overflow-x:auto}.promotion-banner-table{min-width:800px}.promotion-banner-filters-panel{flex-direction:column}.promotion-banner-filter-group{width:100%}.promotion-banner-thumbnail{width:80px;height:48px}}.brand-management-container{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.brand-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--light-grey);flex-wrap:wrap;gap:20px}.brand-management-title{font-size:32px;font-weight:700;color:var(--primary-color);margin:0 0 8px;letter-spacing:-.5px}.brand-management-subtitle{font-size:15px;color:var(--grey-text);margin:0;font-weight:400}.brand-create-button{background-color:var(--primary-color);color:var(--white);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;white-space:nowrap}.brand-create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.brand-management-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.brand-management-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.brand-management-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.brand-search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;padding:0 20px;height:50px;transition:all .3s ease}.brand-search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.brand-search-icon{color:var(--grey-text);font-size:16px;margin-right:12px}.brand-search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--black);outline:none}.brand-search-input::placeholder{color:var(--placeholder-grey)}.brand-filter-toggle{padding:12px 20px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.brand-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-color)}.brand-filters-panel{display:flex;gap:20px;margin-bottom:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey);flex-wrap:wrap}.brand-filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.brand-filter-group label{font-size:13px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.brand-filter-select{padding:10px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;outline:none;transition:all .3s ease}.brand-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.brand-table-container{background-color:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--light-grey);margin-bottom:24px}.brand-loading,.brand-empty{padding:60px;text-align:center;color:var(--grey-text);font-size:16px}.brand-table{width:100%;border-collapse:collapse}.brand-table thead{background-color:var(--background-color);border-bottom:2px solid var(--light-grey)}.brand-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.brand-table tbody tr{border-bottom:1px solid var(--light-grey);transition:background-color .2s ease}.brand-table tbody tr:hover{background-color:var(--background-color)}.brand-table tbody tr:last-child{border-bottom:none}.brand-table td{padding:16px 20px;font-size:14px;color:var(--black);vertical-align:middle}.brand-name-cell{font-weight:600;color:var(--black)}.brand-slug-cell{font-size:13px}.brand-slug-cell code{background-color:var(--background-color);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:var(--grey-text);font-size:12px;border:1px solid var(--light-grey)}.brand-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.brand-status-badge.active{background-color:#2ecc7126;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.brand-status-badge.inactive{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.brand-actions{display:flex;gap:8px}.brand-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.brand-action-btn.edit{background-color:#3498db1a;color:#3498db}.brand-action-btn.edit:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.brand-action-btn.toggle{background-color:#9b59b61a;color:#9b59b6;font-size:16px;font-weight:600}.brand-action-btn.toggle:hover{background-color:#9b59b6;color:var(--white);transform:translateY(-2px)}.brand-action-btn.delete{background-color:#e74c3c1a;color:var(--red)}.brand-action-btn.delete:hover{background-color:var(--red);color:var(--white);transform:translateY(-2px)}.brand-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey)}.brand-pagination-btn{padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.brand-pagination-btn:hover:not(:disabled){background-color:#c93d5a;transform:translateY(-2px);box-shadow:0 4px 12px #dd4f6e4d}.brand-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.brand-pagination-info{font-size:14px;color:var(--grey-text);font-weight:500}.brand-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.brand-form-modal{background-color:var(--white);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.brand-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--light-grey)}.brand-form-modal-header h3{font-size:24px;font-weight:700;color:var(--black);margin:0}.brand-form-modal-close{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--background-color);color:var(--grey-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.brand-form-modal-close:hover{background-color:var(--light-grey);color:var(--black)}.brand-form-modal-body{padding:28px}.brand-name-hint{background-color:var(--background-color);padding:16px;border-radius:12px;margin-bottom:20px;font-size:13px;color:var(--grey-text);border:1px solid var(--light-grey);border-left:4px solid var(--primary-color)}.brand-name-hint p{margin-bottom:8px;font-weight:600;color:var(--black);font-size:14px}.brand-name-hint ul{margin-left:20px;list-style-type:disc}.brand-name-hint li{margin-bottom:4px}.brand-slug-preview{margin-bottom:20px;padding:16px;background-color:var(--background-color);border-radius:12px;border:1px solid var(--light-grey)}.brand-slug-display{margin-top:8px;padding:12px;background-color:var(--white);border-radius:8px;border:1px solid var(--light-grey)}.brand-slug-display code{font-family:Courier New,monospace;font-size:14px;color:var(--primary-color);font-weight:500}.brand-slug-note{margin-top:8px;font-size:12px;color:var(--grey-text);font-style:italic}.brand-checkbox-field{margin-bottom:20px}.brand-checkbox-field label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--black);font-weight:500}.brand-checkbox-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.brand-form-modal-actions{display:flex;gap:12px;margin-top:32px;justify-content:flex-end}.brand-submit-button{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;min-width:140px}.brand-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e4d;background-color:#c93d5a}@media (max-width: 768px){.brand-management-header{flex-direction:column}.brand-table-container{overflow-x:auto}.brand-table{min-width:800px}.brand-filters-panel{flex-direction:column}.brand-filter-group{width:100%}}.category-container{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--light-grey);flex-wrap:wrap;gap:20px}.category-title{font-size:32px;font-weight:700;color:var(--primary-color);margin:0 0 8px;letter-spacing:-.5px}.category-subtitle{font-size:15px;color:var(--grey-text);margin:0;font-weight:400}.category-create-button{background-color:var(--primary-color);color:var(--white);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;white-space:nowrap}.category-create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.category-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.category-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.category-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.category-search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;padding:0 20px;height:50px;transition:all .3s ease}.category-search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.category-search-icon{color:var(--grey-text);font-size:16px;margin-right:12px}.category-search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--black);outline:none}.category-search-input::placeholder{color:var(--placeholder-grey)}.category-filter-toggle{padding:12px 20px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.category-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-color)}.category-filters-panel{display:flex;gap:20px;margin-bottom:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey);flex-wrap:wrap}.category-filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.category-filter-group label{font-size:13px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.category-filter-select{padding:10px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;outline:none;transition:all .3s ease}.category-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.category-table-container{background-color:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--light-grey);margin-bottom:24px}.category-loading,.category-empty{padding:60px;text-align:center;color:var(--grey-text);font-size:16px}.category-table{width:100%;border-collapse:collapse}.category-table thead{background-color:var(--background-color);border-bottom:2px solid var(--light-grey)}.category-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.category-table tbody tr{border-bottom:1px solid var(--light-grey);transition:background-color .2s ease}.category-table tbody tr:hover{background-color:var(--background-color)}.category-table tbody tr:last-child{border-bottom:none}.category-table td{padding:16px 20px;font-size:14px;color:var(--black);vertical-align:middle}.category-image-cell{display:flex;align-items:center;justify-content:center}.category-thumbnail{width:100px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--light-grey);cursor:pointer;transition:transform .2s ease}.category-thumbnail:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.category-name-cell{font-weight:500}.category-slug-cell{font-size:13px}.category-slug-cell code{background-color:var(--background-color);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:var(--grey-text);font-size:12px;border:1px solid var(--light-grey)}.category-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-status-badge.active{background-color:#2ecc7126;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.category-status-badge.inactive{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.category-actions{display:flex;gap:8px}.category-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.category-action-btn.view{background-color:#3498db1a;color:#3498db}.category-action-btn.view:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.category-action-btn.edit{background-color:#3498db1a;color:#3498db}.category-action-btn.edit:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.category-action-btn.toggle{background-color:#9b59b61a;color:#9b59b6;font-size:16px;font-weight:600}.category-action-btn.toggle:hover{background-color:#9b59b6;color:var(--white);transform:translateY(-2px)}.category-action-btn.delete{background-color:#e74c3c1a;color:var(--red)}.category-action-btn.delete:hover{background-color:var(--red);color:var(--white);transform:translateY(-2px)}.category-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey)}.category-pagination-btn{padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.category-pagination-btn:hover:not(:disabled){background-color:#c93d5a;transform:translateY(-2px);box-shadow:0 4px 12px #dd4f6e4d}.category-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.category-pagination-info{font-size:14px;color:var(--grey-text);font-weight:500}.category-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.category-form-modal{background-color:var(--white);border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.category-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--light-grey)}.category-form-modal-header h3{font-size:24px;font-weight:700;color:var(--black);margin:0}.category-form-modal-close{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--background-color);color:var(--grey-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.category-form-modal-close:hover{background-color:var(--light-grey);color:var(--black)}.category-form-modal-body{padding:28px}.category-image-upload{margin-bottom:20px}.category-image-upload-wrapper{margin-top:8px}.category-file-input{width:100%;padding:12px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;transition:all .3s ease;font-family:inherit}.category-file-input::-webkit-file-upload-button{padding:8px 16px;margin-right:12px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.category-file-input::-webkit-file-upload-button:hover{background-color:#c93d5a}.category-file-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a;outline:none}.category-image-preview{margin-top:16px;text-align:center}.category-image-preview img{max-width:100%;max-height:300px;border-radius:12px;border:1px solid var(--light-grey);box-shadow:0 2px 8px #0000001a}.category-image-note,.category-image-hint{margin-top:8px;font-size:12px;color:var(--grey-text);font-style:italic}.category-checkbox-field{margin-bottom:20px}.category-checkbox-field label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--black);font-weight:500}.category-checkbox-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.category-form-modal-actions{display:flex;gap:12px;margin-top:32px;justify-content:flex-end}.category-submit-button{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;min-width:140px}.category-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}@media (max-width: 768px){.category-header{flex-direction:column}.category-table-container{overflow-x:auto}.category-table{min-width:800px}.category-filters-panel{flex-direction:column}.category-filter-group{width:100%}.category-thumbnail{width:80px;height:48px}}.subcategory-management-container{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.subcategory-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--light-grey);flex-wrap:wrap;gap:20px}.subcategory-management-title{font-size:32px;font-weight:700;color:var(--primary-color);margin:0 0 8px;letter-spacing:-.5px}.subcategory-management-subtitle{font-size:15px;color:var(--grey-text);margin:0;font-weight:400}.subcategory-create-button{background-color:var(--primary-color);color:var(--white);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;white-space:nowrap}.subcategory-create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.subcategory-management-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.subcategory-management-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.subcategory-management-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.subcategory-search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;padding:0 20px;height:50px;transition:all .3s ease}.subcategory-search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.subcategory-search-icon{color:var(--grey-text);font-size:16px;margin-right:12px}.subcategory-search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--black);outline:none}.subcategory-search-input::placeholder{color:var(--placeholder-grey)}.subcategory-filter-toggle{padding:12px 20px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.subcategory-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-color)}.subcategory-filters-panel{display:flex;gap:20px;margin-bottom:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey);flex-wrap:wrap}.subcategory-filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.subcategory-filter-group label{font-size:13px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.subcategory-filter-select{padding:10px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;outline:none;transition:all .3s ease}.subcategory-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.subcategory-table-container{background-color:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--light-grey);margin-bottom:24px}.subcategory-loading,.subcategory-empty{padding:60px;text-align:center;color:var(--grey-text);font-size:16px}.subcategory-table{width:100%;border-collapse:collapse}.subcategory-table thead{background-color:var(--background-color);border-bottom:2px solid var(--light-grey)}.subcategory-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.subcategory-table tbody tr{border-bottom:1px solid var(--light-grey);transition:background-color .2s ease}.subcategory-table tbody tr:hover{background-color:var(--background-color)}.subcategory-table tbody tr:last-child{border-bottom:none}.subcategory-table td{padding:16px 20px;font-size:14px;color:var(--black);vertical-align:middle}.subcategory-category-cell{font-weight:500;color:var(--grey-text)}.subcategory-name-cell{font-weight:600;color:var(--black)}.subcategory-slug-cell{font-size:13px}.subcategory-slug-cell code{background-color:var(--background-color);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:var(--grey-text);font-size:12px;border:1px solid var(--light-grey)}.subcategory-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subcategory-status-badge.active{background-color:#2ecc7126;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.subcategory-status-badge.inactive{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.subcategory-actions{display:flex;gap:8px}.subcategory-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.subcategory-action-btn.edit{background-color:#3498db1a;color:#3498db}.subcategory-action-btn.edit:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.subcategory-action-btn.toggle{background-color:#9b59b61a;color:#9b59b6;font-size:16px;font-weight:600}.subcategory-action-btn.toggle:hover{background-color:#9b59b6;color:var(--white);transform:translateY(-2px)}.subcategory-action-btn.delete{background-color:#e74c3c1a;color:var(--red)}.subcategory-action-btn.delete:hover{background-color:var(--red);color:var(--white);transform:translateY(-2px)}.subcategory-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey)}.subcategory-pagination-btn{padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.subcategory-pagination-btn:hover:not(:disabled){background-color:#c93d5a;transform:translateY(-2px);box-shadow:0 4px 12px #dd4f6e4d}.subcategory-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.subcategory-pagination-info{font-size:14px;color:var(--grey-text);font-weight:500}.subcategory-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.subcategory-form-modal{background-color:var(--white);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.subcategory-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--light-grey)}.subcategory-form-modal-header h3{font-size:24px;font-weight:700;color:var(--black);margin:0}.subcategory-form-modal-close{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--background-color);color:var(--grey-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.subcategory-form-modal-close:hover{background-color:var(--light-grey);color:var(--black)}.subcategory-form-modal-body{padding:28px}.subcategory-category-select{margin-bottom:20px}.subcategory-category-select .input-wrapper{position:relative;background:var(--white);border-radius:35px;border:1px solid var(--light-grey);height:60px;padding:0 16px;display:flex;align-items:center}.subcategory-category-select .input-icon{font-size:20px;color:var(--black);margin-right:12px;display:flex;align-items:center}.subcategory-category-select select{flex:1;border:none;background:transparent;font-size:16px;color:var(--black);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.subcategory-name-hint{background-color:var(--background-color);padding:16px;border-radius:12px;margin-bottom:20px;font-size:13px;color:var(--grey-text);border:1px solid var(--light-grey);border-left:4px solid var(--primary-color)}.subcategory-name-hint p{margin-bottom:8px;font-weight:600;color:var(--black);font-size:14px}.subcategory-name-hint ul{margin-left:20px;list-style-type:disc}.subcategory-name-hint li{margin-bottom:4px}.subcategory-slug-preview{margin-bottom:20px;padding:16px;background-color:var(--background-color);border-radius:12px;border:1px solid var(--light-grey)}.subcategory-slug-display{margin-top:8px;padding:12px;background-color:var(--white);border-radius:8px;border:1px solid var(--light-grey)}.subcategory-slug-display code{font-family:Courier New,monospace;font-size:14px;color:var(--primary-color);font-weight:500}.subcategory-slug-note{margin-top:8px;font-size:12px;color:var(--grey-text);font-style:italic}.subcategory-checkbox-field{margin-bottom:20px}.subcategory-checkbox-field label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--black);font-weight:500}.subcategory-checkbox-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.subcategory-form-modal-actions{display:flex;gap:12px;margin-top:32px;justify-content:flex-end}.subcategory-submit-button{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;min-width:140px}.subcategory-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e4d;background-color:#c93d5a}@media (max-width: 768px){.subcategory-management-header{flex-direction:column}.subcategory-table-container{overflow-x:auto}.subcategory-table{min-width:800px}.subcategory-filters-panel{flex-direction:column}.subcategory-filter-group{width:100%}}.childcategory-management-container{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.childcategory-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--light-grey);flex-wrap:wrap;gap:20px}.childcategory-management-title{font-size:32px;font-weight:700;color:var(--primary-color);margin:0 0 8px;letter-spacing:-.5px}.childcategory-management-subtitle{font-size:15px;color:var(--grey-text);margin:0;font-weight:400}.childcategory-create-button{background-color:var(--primary-color);color:var(--white);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;white-space:nowrap}.childcategory-create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.childcategory-management-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.childcategory-management-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.childcategory-management-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.childcategory-search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;padding:0 20px;height:50px;transition:all .3s ease}.childcategory-search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.childcategory-search-icon{color:var(--grey-text);font-size:16px;margin-right:12px}.childcategory-search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--black);outline:none}.childcategory-search-input::placeholder{color:var(--placeholder-grey)}.childcategory-filter-toggle{padding:12px 20px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.childcategory-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-color)}.childcategory-filters-panel{display:flex;gap:20px;margin-bottom:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey);flex-wrap:wrap}.childcategory-filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.childcategory-filter-group label{font-size:13px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.childcategory-filter-select{padding:10px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;outline:none;transition:all .3s ease}.childcategory-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.childcategory-filter-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--background-color)}.childcategory-table-container{background-color:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--light-grey);margin-bottom:24px}.childcategory-loading,.childcategory-empty{padding:60px;text-align:center;color:var(--grey-text);font-size:16px}.childcategory-table{width:100%;border-collapse:collapse}.childcategory-table thead{background-color:var(--background-color);border-bottom:2px solid var(--light-grey)}.childcategory-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.childcategory-table tbody tr{border-bottom:1px solid var(--light-grey);transition:background-color .2s ease}.childcategory-table tbody tr:hover{background-color:var(--background-color)}.childcategory-table tbody tr:last-child{border-bottom:none}.childcategory-table td{padding:16px 20px;font-size:14px;color:var(--black);vertical-align:middle}.childcategory-category-cell,.childcategory-subcategory-cell{font-weight:500;color:var(--grey-text)}.childcategory-name-cell{font-weight:600;color:var(--black)}.childcategory-slug-cell{font-size:13px}.childcategory-slug-cell code{background-color:var(--background-color);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:var(--grey-text);font-size:12px;border:1px solid var(--light-grey)}.childcategory-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.childcategory-status-badge.active{background-color:#2ecc7126;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.childcategory-status-badge.inactive{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.childcategory-actions{display:flex;gap:8px}.childcategory-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.childcategory-action-btn.edit{background-color:#3498db1a;color:#3498db}.childcategory-action-btn.edit:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.childcategory-action-btn.toggle{background-color:#9b59b61a;color:#9b59b6;font-size:16px;font-weight:600}.childcategory-action-btn.toggle:hover{background-color:#9b59b6;color:var(--white);transform:translateY(-2px)}.childcategory-action-btn.delete{background-color:#e74c3c1a;color:var(--red)}.childcategory-action-btn.delete:hover{background-color:var(--red);color:var(--white);transform:translateY(-2px)}.childcategory-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey)}.childcategory-pagination-btn{padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.childcategory-pagination-btn:hover:not(:disabled){background-color:#c93d5a;transform:translateY(-2px);box-shadow:0 4px 12px #dd4f6e4d}.childcategory-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.childcategory-pagination-info{font-size:14px;color:var(--grey-text);font-weight:500}.childcategory-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.childcategory-form-modal{background-color:var(--white);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.childcategory-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--light-grey)}.childcategory-form-modal-header h3{font-size:24px;font-weight:700;color:var(--black);margin:0}.childcategory-form-modal-close{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--background-color);color:var(--grey-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.childcategory-form-modal-close:hover{background-color:var(--light-grey);color:var(--black)}.childcategory-form-modal-body{padding:28px}.childcategory-subcategory-select{margin-bottom:20px}.childcategory-subcategory-select .input-wrapper{position:relative;background:var(--white);border-radius:35px;border:1px solid var(--light-grey);height:60px;padding:0 16px;display:flex;align-items:center}.childcategory-subcategory-select .input-icon{font-size:20px;color:var(--black);margin-right:12px;display:flex;align-items:center}.childcategory-subcategory-select select{flex:1;border:none;background:transparent;font-size:16px;color:var(--black);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.childcategory-slug-preview{margin-bottom:20px;padding:16px;background-color:var(--background-color);border-radius:12px;border:1px solid var(--light-grey)}.childcategory-slug-display{margin-top:8px;padding:12px;background-color:var(--white);border-radius:8px;border:1px solid var(--light-grey)}.childcategory-slug-display code{font-family:Courier New,monospace;font-size:14px;color:var(--primary-color);font-weight:500}.childcategory-slug-note{margin-top:8px;font-size:12px;color:var(--grey-text);font-style:italic}.childcategory-checkbox-field{margin-bottom:20px}.childcategory-checkbox-field label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--black);font-weight:500}.childcategory-checkbox-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.childcategory-form-modal-actions{display:flex;gap:12px;margin-top:32px;justify-content:flex-end}.childcategory-submit-button{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;min-width:140px}.childcategory-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e4d;background-color:#c93d5a}@media (max-width: 768px){.childcategory-management-header{flex-direction:column}.childcategory-table-container{overflow-x:auto}.childcategory-table{min-width:800px}.childcategory-filters-panel{flex-direction:column}.childcategory-filter-group{width:100%}}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.product-container{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--light-grey);flex-wrap:wrap;gap:20px}.product-title{font-size:32px;font-weight:700;color:var(--primary-color);margin:0 0 8px;letter-spacing:-.5px}.product-subtitle{font-size:15px;color:var(--grey-text);margin:0;font-weight:400}.product-create-button{background-color:var(--primary-color);color:var(--white);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;white-space:nowrap}.product-create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}.product-error{background-color:#e74c3c26;color:var(--red);padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid var(--red);box-shadow:0 2px 8px #e74c3c1a;border:1px solid rgba(231,76,60,.2)}.product-success{background-color:#2ecc7126;color:#27ae60;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;border-left:4px solid #2ecc71;box-shadow:0 2px 8px #2ecc711a;border:1px solid rgba(46,204,113,.2)}.product-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.product-search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;padding:0 20px;height:50px;transition:all .3s ease}.product-search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.product-search-icon{color:var(--grey-text);font-size:16px;margin-right:12px}.product-search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--black);outline:none}.product-search-input::placeholder{color:var(--placeholder-grey)}.product-filter-toggle{padding:12px 20px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:35px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.product-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-color)}.product-filters-panel{display:flex;gap:20px;margin-bottom:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey);flex-wrap:wrap}.product-filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.product-filter-group label{font-size:13px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.product-filter-select{padding:10px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;outline:none;transition:all .3s ease}.product-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.product-table-container{background-color:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--light-grey);margin-bottom:24px}.product-loading,.product-empty{padding:60px;text-align:center;color:var(--grey-text);font-size:16px}.product-table{width:100%;border-collapse:collapse}.product-table thead{background-color:var(--background-color);border-bottom:2px solid var(--light-grey)}.product-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.product-table tbody tr{border-bottom:1px solid var(--light-grey);transition:background-color .2s ease}.product-table tbody tr:hover{background-color:var(--background-color)}.product-table tbody tr:last-child{border-bottom:none}.product-table td{padding:16px 20px;font-size:14px;color:var(--black);vertical-align:middle}.product-image-cell{display:flex;align-items:center;justify-content:center}.product-thumbnail{width:100px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--light-grey);cursor:pointer;transition:transform .2s ease}.product-thumbnail:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.product-name-cell{font-weight:500}.product-category-cell,.product-brand-cell{font-size:14px;color:var(--grey-text)}.product-price-cell{font-weight:600;color:var(--primary-color);font-size:15px}.product-slug-cell{font-size:13px}.product-slug-cell code{background-color:var(--background-color);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:var(--grey-text);font-size:12px;border:1px solid var(--light-grey)}.product-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-status-badge.active{background-color:#2ecc7126;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.product-status-badge.inactive{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.product-actions{display:flex;gap:8px}.product-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.product-action-btn.view{background-color:#3498db1a;color:#3498db}.product-action-btn.view:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.product-action-btn.edit{background-color:#3498db1a;color:#3498db}.product-action-btn.edit:hover{background-color:#3498db;color:var(--white);transform:translateY(-2px)}.product-action-btn.toggle{background-color:#9b59b61a;color:#9b59b6;font-size:16px;font-weight:600}.product-action-btn.toggle:hover{background-color:#9b59b6;color:var(--white);transform:translateY(-2px)}.product-action-btn.delete{background-color:#e74c3c1a;color:var(--red)}.product-action-btn.delete:hover{background-color:var(--red);color:var(--white);transform:translateY(-2px)}.product-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px;background-color:var(--white);border-radius:12px;border:1px solid var(--light-grey)}.product-pagination-btn{padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.product-pagination-btn:hover:not(:disabled){background-color:#c93d5a;transform:translateY(-2px);box-shadow:0 4px 12px #dd4f6e4d}.product-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.product-pagination-info{font-size:14px;color:var(--grey-text);font-weight:500}.product-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.product-form-modal{background-color:var(--white);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--light-grey)}.product-form-modal-header h3{font-size:24px;font-weight:700;color:var(--black);margin:0}.product-form-modal-close{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--background-color);color:var(--grey-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.product-form-modal-close:hover{background-color:var(--light-grey);color:var(--black)}.product-form-modal-body{padding:28px;max-height:90vh;overflow-y:auto}.product-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}@media (max-width: 768px){.product-form-row,.product-variant-row{grid-template-columns:1fr}.product-variant-row .product-remove-variant-btn{width:100%}}.product-form-col{flex:1}.product-category-select,.product-subcategory-select,.product-brand-select{margin-bottom:20px}.product-category-select .input-wrapper,.product-subcategory-select .input-wrapper,.product-brand-select .input-wrapper{position:relative;background:var(--white);border-radius:35px;border:1px solid var(--light-grey);height:60px;padding:0 16px;display:flex;align-items:center}.product-category-select select,.product-subcategory-select select,.product-brand-select select{flex:1;border:none;background:transparent;font-size:16px;color:var(--black);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.product-category-select select:disabled,.product-subcategory-select select:disabled,.product-brand-select select:disabled{cursor:not-allowed;opacity:.6}.product-image-upload{margin-bottom:20px}.product-image-upload-wrapper{margin-top:8px}.product-file-input{width:100%;padding:12px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;color:var(--black);background-color:var(--white);cursor:pointer;transition:all .3s ease;font-family:inherit}.product-file-input::-webkit-file-upload-button{padding:8px 16px;margin-right:12px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.product-file-input::-webkit-file-upload-button:hover{background-color:#c93d5a}.product-file-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a;outline:none}.product-image-preview{margin-top:16px;text-align:center}.product-image-preview img{max-width:100%;max-height:300px;border-radius:12px;border:1px solid var(--light-grey);box-shadow:0 2px 8px #0000001a}.product-image-note,.product-image-hint{margin-top:8px;font-size:12px;color:var(--grey-text);font-style:italic}.product-images-upload{margin-bottom:20px}.product-images-upload-wrapper{margin-top:8px}.product-images-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px}.product-image-preview-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--light-grey)}.product-image-preview-item img{width:100%;height:120px;object-fit:cover;display:block}.product-remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background-color:#e74c3ce6;color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease}.product-remove-image-btn:hover{background-color:#e74c3c;transform:scale(1.1)}.product-description-field{margin-bottom:20px}.product-description-field .input-label{margin-bottom:8px;display:block}.product-description-quill{margin-top:8px;background-color:var(--white);border-radius:12px}.product-description-quill .ql-container{min-height:200px;font-size:15px;font-family:inherit;border-radius:0 0 12px 12px}.product-description-quill .ql-editor{min-height:200px;padding:16px}.product-description-quill .ql-toolbar{border-radius:12px 12px 0 0;border:1px solid var(--light-grey);border-bottom:none;background-color:var(--background-color)}.product-description-quill .ql-container{border:1px solid var(--light-grey);border-top:none}.product-description-quill .ql-container.ql-snow,.product-description-quill .ql-toolbar.ql-snow{border-color:var(--light-grey)}.product-description-quill .ql-container.ql-snow:focus-within,.product-description-quill .ql-toolbar.ql-snow:focus-within{border-color:var(--primary-color)}.product-description-quill .ql-toolbar .ql-stroke{stroke:var(--black)}.product-description-quill .ql-toolbar .ql-fill{fill:var(--black)}.product-description-quill .ql-toolbar button:hover,.product-description-quill .ql-toolbar button.ql-active{color:var(--primary-color)}.product-description-quill .ql-toolbar button:hover .ql-stroke,.product-description-quill .ql-toolbar button.ql-active .ql-stroke{stroke:var(--primary-color)}.product-description-quill .ql-toolbar button:hover .ql-fill,.product-description-quill .ql-toolbar button.ql-active .ql-fill{fill:var(--primary-color)}.product-description-hint{margin-top:8px;font-size:12px;color:var(--grey-text);font-style:italic}.product-pricing-section{margin-bottom:20px;padding:20px;background-color:var(--background-color);border-radius:12px;border:1px solid var(--light-grey)}.product-variants-toggle{margin-bottom:16px}.product-variants-toggle label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--black);font-weight:600}.product-variants-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.product-variants-container{margin-top:16px}.product-variants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.product-variants-header h4{margin:0;font-size:16px;font-weight:600;color:var(--black)}.product-add-variant-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.product-add-variant-btn:hover{background-color:#c93d5a;transform:translateY(-2px)}.product-variant-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin-bottom:12px;align-items:center}.product-variant-name,.product-variant-price,.product-variant-stock{padding:12px 16px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;font-family:inherit;color:var(--black);background-color:var(--white);outline:none;transition:all .3s ease}.product-variant-name:focus,.product-variant-price:focus,.product-variant-stock:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.product-variant-price,.product-variant-stock{text-align:right}.product-remove-variant-btn{width:40px;height:40px;border-radius:8px;border:none;background-color:#e74c3c1a;color:#e74c3c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.product-remove-variant-btn:hover{background-color:#e74c3c;color:var(--white);transform:translateY(-2px)}.product-variants-hint{margin-top:12px;font-size:13px;color:var(--grey-text);font-style:italic;text-align:center}.product-simple-price{margin-top:16px}.product-checkbox-field{margin-bottom:20px}.product-checkbox-field label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--black);font-weight:500}.product-checkbox-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.product-form-modal-actions{display:flex;gap:12px;margin-top:32px;justify-content:flex-end}.product-submit-button{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 15px #dd4f6e4d;transition:all .3s ease;min-width:140px}.product-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dd4f6e66;background-color:#c93d5a}@media (max-width: 768px){.product-header{flex-direction:column}.product-table-container{overflow-x:auto}.product-table{min-width:800px}.product-filters-panel{flex-direction:column}.product-filter-group{width:100%}.product-thumbnail{width:80px;height:48px}}.product-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;animation:fadeIn .3s ease}.product-info-modal{background-color:var(--white);border-radius:20px;max-width:1000px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.product-info-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--light-grey);background:linear-gradient(135deg,var(--primary-color),#c93d5a);color:var(--white)}.product-info-modal-header h3{font-size:24px;font-weight:700;margin:0;color:var(--white)}.product-info-modal-close{width:36px;height:36px;border-radius:50%;border:none;background-color:#fff3;color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.product-info-modal-close:hover{background-color:#ffffff4d;transform:rotate(90deg)}.product-info-loading{padding:40px;text-align:center;font-size:16px;color:var(--grey-text)}.product-info-modal-body{padding:28px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px}.product-info-images-section{display:flex;flex-direction:column;gap:24px}.product-info-main-image{width:100%;border-radius:12px;overflow:hidden;border:2px solid var(--light-grey);box-shadow:0 4px 12px #0000001a}.product-info-main-image img{width:100%;height:auto;display:block;max-height:500px;object-fit:contain;background-color:var(--background-color)}.product-info-additional-images h4{font-size:18px;font-weight:600;color:var(--black);margin:0 0 16px}.product-info-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.product-info-image-item{border-radius:8px;overflow:hidden;border:2px solid var(--light-grey);aspect-ratio:1;background-color:var(--background-color)}.product-info-image-item img{width:100%;height:100%;object-fit:cover;display:block}.product-info-details-section{display:flex;flex-direction:column;gap:20px}.product-info-detail-row{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--light-grey)}.product-info-detail-row:last-of-type{border-bottom:none}.product-info-detail-label{font-size:13px;font-weight:600;color:var(--grey-text);text-transform:uppercase;letter-spacing:.5px}.product-info-detail-value{font-size:16px;color:var(--black);font-weight:500;word-break:break-word}.product-info-detail-value code{background-color:var(--background-color);padding:6px 12px;border-radius:6px;font-family:Courier New,monospace;color:var(--primary-color);font-size:14px;border:1px solid var(--light-grey);display:inline-block}.product-info-status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-info-status-badge.active{background-color:#2ecc7126;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.product-info-status-badge.inactive{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.product-info-variants{width:100%}.product-info-variants-title{font-size:14px;font-weight:600;color:var(--black);margin:0 0 12px}.product-info-variants-list{display:flex;flex-direction:column;gap:10px}.product-info-variant-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--background-color);border-radius:8px;border:1px solid var(--light-grey);gap:12px}.product-info-variant-item .variant-name{font-weight:500;color:var(--black);font-size:15px;flex:1}.product-info-variant-item .variant-price{font-weight:600;color:var(--primary-color);font-size:16px;min-width:80px;text-align:right}.product-info-variant-item .variant-stock{font-weight:500;color:var(--grey-text);font-size:14px;min-width:100px;text-align:right}.product-info-simple-price{font-size:20px;font-weight:700;color:var(--primary-color);display:flex;flex-direction:column;gap:8px}.product-info-simple-price>div{font-size:16px;font-weight:500}.product-info-simple-price>div:first-child{font-size:20px;font-weight:700;color:var(--primary-color)}.product-info-description-row{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:2px solid var(--light-grey);margin-top:8px}.product-info-description-content{font-size:15px;line-height:1.6;color:var(--black);padding:16px;background-color:var(--background-color);border-radius:8px;border:1px solid var(--light-grey);min-height:100px;max-height:300px;overflow-y:auto}.product-info-description-content p{margin:0 0 12px}.product-info-description-content p:last-child{margin-bottom:0}.product-info-description-content ul,.product-info-description-content ol{margin:12px 0;padding-left:24px}.product-info-description-content img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}@media (max-width: 968px){.product-info-modal-body{grid-template-columns:1fr}.product-info-images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width: 768px){.product-info-modal{max-width:100%;max-height:95vh;border-radius:0}.product-info-modal-header{padding:20px}.product-info-modal-header h3{font-size:20px}.product-info-modal-body{padding:20px;gap:24px}.product-info-main-image img{max-height:300px}}.product-category-selection{margin-bottom:24px}.product-category-level{margin-bottom:24px;padding:20px;background-color:var(--background-color);border-radius:12px;border:1px solid var(--light-grey)}.product-category-level label.input-label{display:block;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.product-multiselect-container{display:flex;flex-wrap:wrap;gap:12px;max-height:200px;overflow-y:auto;padding:12px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:8px}.product-multiselect-empty{color:var(--grey-text);font-size:14px;font-style:italic;padding:12px;text-align:center;width:100%}.product-multiselect-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--black)}.product-multiselect-item:hover{border-color:var(--primary-color);background-color:#dd4f6e0d}.product-multiselect-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.product-multiselect-item:has(input:disabled){opacity:.5;cursor:not-allowed;background-color:var(--background-color)}.product-multiselect-item:has(input:checked){background-color:#dd4f6e1a;border-color:var(--primary-color);color:var(--primary-color);font-weight:500}.product-multiselect-selected{margin-top:8px;font-size:12px;color:var(--primary-color);font-weight:500}.product-category-validation{margin-top:12px;padding:12px;background-color:#e74c3c1a;color:var(--red);border-radius:8px;border-left:4px solid var(--red);font-size:13px;font-weight:500}.product-info-categories-list{display:flex;flex-wrap:wrap;gap:8px}.product-info-category-tag{display:inline-block;padding:6px 12px;background-color:#dd4f6e1a;color:var(--primary-color);border-radius:6px;font-size:13px;font-weight:500;border:1px solid rgba(221,79,110,.2)}.order-management-container{padding:24px;max-width:100%;overflow-x:auto}.order-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.order-management-title{font-size:28px;font-weight:700;color:var(--black);margin-bottom:8px;letter-spacing:-.5px}.order-management-subtitle{font-size:14px;color:var(--grey-text);margin:0}.order-management-header-actions{display:flex;gap:12px}.order-stats-button{display:flex;align-items:center;gap:8px}.order-management-error,.order-management-success{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.order-management-error{background-color:#fee;color:#c33;border:1px solid #fcc}.order-management-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.order-management-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.order-search-wrapper{position:relative;flex:1;min-width:300px}.order-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--grey-text);font-size:16px}.order-search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--light-grey);border-radius:8px;font-size:14px;transition:all .3s ease}.order-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.order-filter-toggle{padding:12px 20px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:8px;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.order-filter-toggle:hover{background-color:var(--background-color);border-color:var(--primary-color)}.order-filters-panel{background-color:var(--white);border:1px solid var(--light-grey);border-radius:8px;padding:20px;margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.order-filter-group{display:flex;flex-direction:column;gap:8px}.order-filter-group label{font-size:13px;font-weight:500;color:var(--black)}.order-filter-select,.order-filter-input{padding:10px 12px;border:1px solid var(--light-grey);border-radius:6px;font-size:14px;transition:all .3s ease}.order-filter-select:focus,.order-filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.order-filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:8px}.order-table-container{background-color:var(--white);border:1px solid var(--light-grey);border-radius:8px;overflow-x:auto;overflow-y:visible;margin-bottom:24px;-webkit-overflow-scrolling:touch}.order-table{width:100%;min-width:1200px;border-collapse:collapse;white-space:nowrap}.order-table thead{background-color:var(--background-color)}.order-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--light-grey)}.order-table td{padding:16px;border-bottom:1px solid var(--light-grey);font-size:14px;color:var(--black);white-space:nowrap}.order-table tbody tr:hover{background-color:var(--background-color)}.order-table tbody tr:last-child td{border-bottom:none}.order-number-cell{font-weight:600;color:var(--primary-color)}.order-customer-info{display:flex;flex-direction:column;gap:4px}.order-customer-phone{font-size:12px;color:var(--grey-text)}.order-status-badge,.order-payment-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;color:var(--white)}.order-payment-info{display:flex;flex-direction:column;gap:4px}.order-payment-method{font-size:12px;color:var(--grey-text);text-transform:uppercase}.order-subtotal-cell,.order-gst-cell,.order-shipping-cell,.order-total-cell{font-weight:600;color:var(--black);text-align:right}.order-gst-cell{color:var(--primary-color)}.order-shipping-cell{text-align:center}.order-actions{display:flex;gap:8px}.order-action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px}.order-action-btn.view{background-color:#e3f2fd;color:#1976d2}.order-action-btn.view:hover{background-color:#bbdefb}.order-action-btn.edit{background-color:#fff3e0;color:#f57c00}.order-action-btn.edit:hover{background-color:#ffe0b2}.order-action-btn.payment{background-color:#e8f5e9;color:#388e3c}.order-action-btn.payment:hover{background-color:#c8e6c9}.order-action-btn.cancel{background-color:#ffebee;color:#d32f2f}.order-action-btn.cancel:hover{background-color:#ffcdd2}.order-loading,.order-empty{padding:40px;text-align:center;color:var(--grey-text);font-size:14px}.order-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px;background-color:var(--white);border:1px solid var(--light-grey);border-radius:8px}.order-pagination-info{font-size:14px;color:var(--grey-text)}.order-pagination-controls{display:flex;align-items:center;gap:8px}.order-pagination-select{padding:8px 12px;border:1px solid var(--light-grey);border-radius:6px;font-size:14px;margin-right:8px}.order-pagination-btn{padding:8px 16px;border:1px solid var(--light-grey);border-radius:6px;background-color:var(--white);color:var(--black);font-size:14px;cursor:pointer;transition:all .3s ease}.order-pagination-btn:hover:not(:disabled){background-color:var(--background-color);border-color:var(--primary-color)}.order-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.order-pagination-page{padding:0 12px;font-size:14px;color:var(--black);font-weight:500}.order-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.order-modal{background-color:var(--white);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.order-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--light-grey)}.order-modal-header h3{font-size:20px;font-weight:600;color:var(--black);margin:0}.order-modal-close{width:32px;height:32px;border:none;background-color:transparent;color:var(--grey-text);font-size:18px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.order-modal-close:hover{background-color:var(--background-color);color:var(--black)}.order-modal-body{padding:24px}.order-modal-form-group{margin-bottom:20px}.order-modal-form-group label{display:block;font-size:14px;font-weight:500;color:var(--black);margin-bottom:8px}.order-modal-form-group .required{color:var(--primary-color)}.order-modal-select,.order-modal-input,.order-modal-textarea{width:100%;padding:10px 12px;border:1px solid var(--light-grey);border-radius:6px;font-size:14px;transition:all .3s ease}.order-modal-select:focus,.order-modal-input:focus,.order-modal-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dd4f6e1a}.order-modal-textarea{resize:vertical;min-height:100px}.order-modal-char-count{font-size:12px;color:var(--grey-text);margin-top:4px;text-align:right}.order-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.order-details-modal{background-color:var(--white);border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.order-details-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--light-grey);position:sticky;top:0;background-color:var(--white);z-index:10}.order-details-modal-header h3{font-size:20px;font-weight:600;color:var(--black);margin:0}.order-details-modal-body{padding:24px}.order-details-loading{padding:40px;text-align:center;color:var(--grey-text)}.order-details-section{margin-bottom:32px}.order-details-section h4{font-size:18px;font-weight:600;color:var(--black);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--light-grey)}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.order-details-item{display:flex;flex-direction:column;gap:4px}.order-details-item.full-width{grid-column:1 / -1}.order-details-label{font-size:12px;font-weight:500;color:var(--grey-text);text-transform:uppercase;letter-spacing:.5px}.order-details-value{font-size:14px;color:var(--black);font-weight:500}.order-address-box{padding:16px;background-color:var(--background-color);border-radius:8px;border:1px solid var(--light-grey);line-height:1.6;font-size:14px;color:var(--black)}.order-items-list{display:flex;flex-direction:column;gap:16px}.order-items-table-container{overflow-x:auto;margin-top:16px}.order-items-table{width:100%;border-collapse:collapse;background-color:var(--background-color);border-radius:8px;overflow:hidden}.order-items-table thead{background-color:var(--primary-color);color:#fff}.order-items-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px}.order-items-table td{padding:16px;border-bottom:1px solid var(--light-grey);vertical-align:middle}.order-items-table tbody tr:last-child td{border-bottom:none}.order-items-table tbody tr:hover{background-color:#f8f9fa}.order-item-table-cell{display:flex;align-items:center;gap:12px}.order-item-image-small{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:var(--light-grey)}.order-item-image-small img{width:100%;height:100%;object-fit:cover}.order-item-info{flex:1;min-width:0}.order-item-name{font-weight:600;color:var(--black);margin-bottom:4px}.order-item-variant{font-size:12px;color:var(--grey-text);margin-bottom:4px}.order-item-original-price-small,.order-item-discount-small{font-size:12px;color:var(--grey-text)}.order-item-quantity-cell,.order-item-price-cell,.order-item-gst-percent-cell,.order-item-gst-amount-cell,.order-item-total-cell{text-align:right;white-space:nowrap}.order-item-gst-percent-cell,.order-item-gst-amount-cell{color:var(--primary-color);font-weight:500}.order-item-total-cell{font-weight:600;color:var(--black)}.order-free-shipping-badge{display:inline-block;padding:4px 12px;background-color:#4caf50;color:#fff;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.order-item-card{display:flex;gap:16px;padding:16px;background-color:var(--background-color);border:1px solid var(--light-grey);border-radius:8px}.order-item-image{width:100px;height:100px;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:var(--white)}.order-item-image img{width:100%;height:100%;object-fit:cover}.order-item-details{flex:1;display:flex;flex-direction:column;gap:8px}.order-item-name{font-size:16px;font-weight:600;color:var(--black)}.order-item-variant{font-size:13px;color:var(--grey-text)}.order-item-quantity{font-size:14px;color:var(--black)}.order-item-pricing{display:flex;flex-direction:column;gap:4px;font-size:13px}.order-item-original-price{color:var(--grey-text);text-decoration:line-through}.order-item-discount{color:var(--primary-color);font-weight:500}.order-item-total{font-weight:600;color:var(--black);font-size:14px}.order-summary-box{padding:16px;background-color:var(--background-color);border-radius:8px;border:1px solid var(--light-grey)}.order-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--black);border-bottom:1px solid var(--light-grey)}.order-summary-row:last-child{border-bottom:none}.order-summary-row.total{font-size:18px;font-weight:600;padding-top:12px;margin-top:8px;border-top:2px solid var(--primary-color)}.order-notes-box{padding:16px;background-color:var(--background-color);border-radius:8px;border:1px solid var(--light-grey);font-size:14px;color:var(--black);line-height:1.6}.order-details-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.order-action-button{flex:1;min-width:150px}.order-statistics-modal{background-color:var(--white);border-radius:12px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.order-statistics-body{padding:24px}.order-statistics-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:flex-end}.order-statistics-filter-group{display:flex;flex-direction:column;gap:8px}.order-statistics-filter-group label{font-size:13px;font-weight:500;color:var(--black)}.order-statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.order-stat-card{padding:20px;background-color:var(--background-color);border-radius:8px;border:1px solid var(--light-grey);text-align:center}.order-stat-card.pending{border-left:4px solid #FFA500}.order-stat-card.confirmed{border-left:4px solid #2196F3}.order-stat-card.processing{border-left:4px solid #9C27B0}.order-stat-card.shipped{border-left:4px solid #009688}.order-stat-card.delivered{border-left:4px solid #4CAF50}.order-stat-card.cancelled{border-left:4px solid #F44336}.order-stat-card.payment-pending{border-left:4px solid #FFA500}.order-stat-card.payment-paid{border-left:4px solid #4CAF50}.order-stat-card.revenue{border-left:4px solid var(--primary-color);background:linear-gradient(135deg,#dd4f6e1a,#dd4f6e0d)}.order-stat-label{font-size:13px;font-weight:500;color:var(--grey-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.order-stat-value{font-size:28px;font-weight:700;color:var(--black)}.order-stat-card.revenue .order-stat-value{color:var(--primary-color)}@media (max-width: 768px){.order-management-container{padding:16px}.order-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.order-table{min-width:1200px}.order-filters-panel,.order-details-grid{grid-template-columns:1fr}.order-statistics-grid{grid-template-columns:repeat(2,1fr)}.order-pagination{flex-direction:column;align-items:stretch}.order-pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.order-management-header{flex-direction:column}.order-statistics-grid{grid-template-columns:1fr}.order-details-actions{flex-direction:column}.order-action-button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #DD4F6E;--background-color: #FAF7F2;--white: #FFFFFF;--black: #000000;--grey-text: #666666;--light-grey: #E0E0E0;--icon-grey: #e1e1e1;--placeholder-grey: #999999;--modal-overlay: rgba(0, 0, 0, .5);--icon-circle-grey: #F0F0F0;--red: #e74c3c;--profile-bg: #b69a86}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--black);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}