@import "https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@300;400;500;600;700&display=swap";:root{--color-black:#000;--color-white:#fff;--color-gray-100:#f0f0f0;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-accent-red:#f33;--color-accent-orange:#f97316;--color-gold:#ffc633;--color-green:#01ab31;--font-heading:"Bai Jamjuree", "Segoe UI", sans-serif;--font-body:"Bai Jamjuree", "Segoe UI", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--max-width:1600px;--container-padding:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 20px 60px #00000026;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-black);background:var(--color-white);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input{font-family:inherit;font-size:inherit;border:none;outline:none}.container{max-width:var(--max-width);padding:0 var(--container-padding);margin:0 auto}.section-title{font-family:var(--font-heading);text-align:center;text-transform:uppercase;letter-spacing:-1px;margin-bottom:var(--space-2xl);color:var(--color-black);font-size:clamp(32px,5vw,48px);font-weight:900}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;padding:16px 54px;font-size:16px;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-black);color:var(--color-white)}.btn-primary:hover{background:var(--color-gray-800);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--color-black);border:1px solid var(--color-gray-300);background:0 0}.btn-outline:hover{background:var(--color-black);color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-2px)}.divider{background:var(--color-gray-200);width:100%;height:1px}@media (width<=1200px){:root{--container-padding:30px}}@media (width<=768px){:root{--container-padding:20px}}@media (width<=480px){:root{--container-padding:16px}.btn{padding:14px 40px;font-size:14px}}.fade-in-section{opacity:0;visibility:hidden;will-change:opacity, visibility;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.fade-in-section.is-visible{opacity:1;visibility:visible;transform:none}@keyframes float-slow{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-fast{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-float-slow{animation:6s ease-in-out infinite float-slow}.animate-float-fast{animation:4s ease-in-out infinite float-fast}.announcement-bar{background:var(--color-black);color:var(--color-white);white-space:nowrap;letter-spacing:1px;text-transform:uppercase;padding:8px 0;font-size:12px;font-weight:600;overflow:hidden}.announcement-bar__marquee{width:max-content;animation:30s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100%;transition:all var(--transition-base);background:#fffffff2;border-bottom:1px solid #0000;position:sticky;top:0}.navbar.scrolled{border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);padding:4px 0}.navbar__container{height:80px;transition:height var(--transition-base);justify-content:space-between;align-items:center;display:flex}.navbar.scrolled .navbar__container{height:70px}.navbar__logo{font-family:var(--font-heading);letter-spacing:-1px;color:var(--color-black);white-space:nowrap;transition:transform var(--transition-fast);font-size:32px;font-weight:900}.navbar__logo:hover{transform:scale(1.02)}.navbar__links{align-items:center;gap:var(--space-xl);flex:1;justify-content:center;display:flex}.navbar__link{color:var(--color-black);letter-spacing:1px;font-size:14px;font-weight:600;position:relative}.navbar__link:after{content:"";background:var(--color-black);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.navbar__link:hover:after{width:100%}.navbar__item-has-dropdown{align-items:center;display:flex;position:relative}.dropdown-arrow{vertical-align:middle;transition:transform var(--transition-base);margin-left:4px}.navbar__item-has-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.navbar__dropdown{background:var(--color-white);min-width:160px;box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:var(--space-sm) 0;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:10;flex-direction:column;list-style:none;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.navbar__item-has-dropdown:hover .navbar__dropdown{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.navbar__dropdown-link{padding:var(--space-sm) var(--space-md);color:var(--color-gray-600);transition:all var(--transition-fast);text-align:left;font-size:14px;font-weight:500;text-decoration:none;display:block}.navbar__dropdown-link:hover{background:var(--color-gray-100);color:var(--color-black)}.navbar__search-wrapper{align-items:center;display:flex;position:relative}.navbar__search-input-container{background:var(--color-gray-100);border-radius:var(--radius-full);width:240px;transition:all var(--transition-base);align-items:center;padding:8px 16px;display:flex}.navbar__search-input-container:focus-within{background:var(--color-white);box-shadow:0 0 0 1px var(--color-black)}.navbar__search-icon-inside{color:var(--color-gray-500);flex-shrink:0;margin-right:8px}.navbar__search-input{width:100%;color:var(--color-black);background:0 0;border:none;font-size:14px}.navbar__search-input::placeholder{color:var(--color-gray-500)}.navbar__search-suggestions{background:var(--color-white);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-lg);padding:var(--space-sm) 0;z-index:20;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0}.navbar__suggestion-item{padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-md);transition:background var(--transition-fast);text-decoration:none;display:flex}.navbar__suggestion-item:hover{background:var(--color-gray-100)}.navbar__suggestion-img{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-gray-100);width:48px;height:48px}.navbar__suggestion-info{flex-direction:column;flex:1;display:flex}.navbar__suggestion-name{color:var(--color-black);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px;font-weight:500;display:-webkit-box;overflow:hidden}.navbar__suggestion-price{color:var(--color-gray-600);font-size:14px;font-weight:600}.navbar__suggestion-empty{padding:var(--space-md);text-align:center;color:var(--color-gray-500);font-size:14px}.navbar__actions{align-items:center;gap:var(--space-md);display:flex}.navbar__icon{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-black);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.navbar__icon:hover{background:var(--color-gray-100);transform:translateY(-2px)}.navbar__avatar{font-family:var(--font-heading);font-size:16px;font-weight:800;text-decoration:none}.navbar__avatar:hover{filter:brightness(.9);background-color:inherit;color:var(--color-white)!important}.navbar__login-btn{border-radius:var(--radius-full);background:var(--color-black);color:var(--color-white);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.navbar__login-btn:hover{background:var(--color-gray-800);transform:translateY(-2px)}.navbar__cart-badge{background:var(--color-black);color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.navbar__hamburger{z-index:60;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;padding:0;display:none}.navbar__hamburger span{background:var(--color-black);width:100%;height:2px;transition:all var(--transition-base);transform-origin:50%;border-radius:2px;display:block}.navbar__hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger.active span:nth-child(2){opacity:0}.navbar__hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar__overlay{display:none}@media (width<=1024px){.navbar__links{gap:var(--space-md)}}@media (width<=768px){.navbar__hamburger{display:flex}.navbar__links{background:var(--color-white);align-items:flex-start;gap:var(--space-lg);width:280px;height:100vh;transition:transform var(--transition-slow);z-index:55;box-shadow:var(--shadow-xl);flex-direction:column;padding:90px 30px 30px;position:fixed;top:0;left:0;transform:translate(-100%)}.navbar__links.active{transform:translate(0)}.navbar__link{font-size:18px;font-weight:500}.navbar__logo{font-size:26px}.navbar__overlay{z-index:51;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.navbar__item-has-dropdown{flex-direction:column;align-items:flex-start;width:100%}.navbar__dropdown{box-shadow:none;opacity:1;visibility:visible;padding:var(--space-sm) 0 0 var(--space-md);background:0 0;position:static;transform:none}.navbar__dropdown-link{padding:var(--space-xs) 0;text-align:left;font-size:16px}.dropdown-arrow{display:none}.navbar__search-input-container{width:160px;padding:6px 12px}.navbar__search-suggestions{width:280px;right:-20px}.navbar__actions{gap:var(--space-sm)}}@media (width<=480px){.navbar__search-input-container{width:120px}.navbar__search-suggestions{width:250px;right:-40px}}.cart-overlay{z-index:9998;opacity:0;visibility:hidden;background:#00000080;width:100vw;height:100vh;transition:all .3s;position:fixed;top:0;left:0}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{background:var(--color-white);z-index:9999;flex-direction:column;width:400px;max-width:100vw;height:100vh;transition:right .4s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:0;right:-450px;box-shadow:-5px 0 30px #0000001a}.cart-drawer.open{right:0}.cart-drawer__header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;padding:24px;display:flex}.cart-drawer__header h2{font-family:var(--font-heading);letter-spacing:1px;font-size:18px;font-weight:700}.cart-drawer__close{color:var(--color-gray-600);transition:color .2s}.cart-drawer__close:hover{color:var(--color-black)}.cart-drawer__content{flex:1;padding:24px;overflow-y:auto}.cart-drawer__empty{text-align:center;height:100%;color:var(--color-gray-500);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.cart-drawer__items{flex-direction:column;gap:24px;display:flex}.cart-drawer__item{gap:16px;display:flex}.cart-drawer__item-img{background:var(--color-gray-100);border-radius:var(--radius-sm);width:80px;height:100px;overflow:hidden}.cart-drawer__item-img img{object-fit:cover;width:100%;height:100%}.cart-drawer__item-info{flex-direction:column;flex:1;display:flex}.cart-drawer__item-name{font-size:14px;font-weight:600;line-height:1.3}.cart-drawer__item-variants{color:var(--color-gray-500);margin-top:4px;font-size:12px}.cart-drawer__item-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cart-drawer__qty{border:1px solid var(--color-gray-300);border-radius:var(--radius-full);align-items:center;display:flex}.cart-drawer__qty button{width:28px;height:28px;color:var(--color-gray-600);justify-content:center;align-items:center;font-size:14px;display:flex}.cart-drawer__qty button:hover{color:var(--color-black)}.cart-drawer__qty span{text-align:center;width:24px;font-size:12px;font-weight:600}.cart-drawer__item-price{font-size:15px;font-weight:700}.cart-drawer__footer{border-top:1px solid var(--color-gray-200);background:#fafafa;padding:24px}.cart-drawer__subtotal{justify-content:space-between;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}.cart-drawer__note{color:var(--color-gray-500);margin-bottom:20px;font-size:12px}.cart-drawer__actions{flex-direction:column;gap:12px;display:flex}.cart-drawer__actions .btn{width:100%;padding:14px}.footer{background:var(--color-gray-100);padding:140px 0 var(--space-xl);color:var(--color-black)}.footer-newsletter{text-align:center;margin-bottom:var(--space-3xl);flex-direction:column;align-items:center;display:flex}.footer-newsletter h2{font-family:var(--font-heading);margin-bottom:8px;font-size:clamp(24px,4vw,36px);font-weight:800}.footer-newsletter p{color:var(--color-gray-500);margin-bottom:var(--space-xl)}.footer-newsletter__form{border-bottom:2px solid var(--color-black);width:100%;max-width:500px;padding-bottom:8px;display:flex}.footer-newsletter__form input{color:var(--color-black);background:0 0;flex:1;padding:8px 12px;font-size:16px}.footer-newsletter__form input::placeholder{color:var(--color-gray-400)}.footer-newsletter__form button{letter-spacing:1px;padding:8px 16px;font-weight:700}.footer-divider{background:var(--color-gray-200);width:100%;height:1px;margin-bottom:var(--space-3xl)}.footer-main{gap:var(--space-2xl);margin-bottom:var(--space-3xl);grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;display:grid}.footer-col--brand{padding-right:var(--space-xl)}.footer-logo{font-family:var(--font-heading);margin-bottom:16px;font-size:32px;font-weight:900;display:inline-block}.footer-desc{color:var(--color-gray-500);margin-bottom:24px;font-size:14px;line-height:1.6}.footer-socials{gap:16px;display:flex}.footer-socials a{border:1px solid var(--color-gray-300);width:36px;height:36px;color:var(--color-black);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-socials a:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.footer-socials svg{width:18px;height:18px}.footer-col__title{letter-spacing:2px;margin-bottom:20px;font-size:14px;font-weight:700}.footer-col__links,.footer-col__info{flex-direction:column;gap:12px;display:flex}.footer-col__links a,.footer-col__info li{color:var(--color-gray-500);transition:color var(--transition-fast);font-size:14px}.footer-col__links a:hover{color:var(--color-black)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--color-gray-200);color:var(--color-gray-400);justify-content:space-between;align-items:center;font-size:13px;display:flex}.footer-payments{gap:8px;display:flex}@media (width<=1024px){.footer-main{grid-template-columns:repeat(3,1fr)}.footer-col--brand{grid-column:1/-1;padding-right:0}}@media (width<=768px){.footer-main{gap:var(--space-xl);grid-template-columns:1fr 1fr}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (width<=480px){.footer-main{grid-template-columns:1fr}.footer-newsletter__form{border-bottom:none;flex-direction:column;gap:12px}.footer-newsletter__form input{border-bottom:2px solid var(--color-black);width:100%}.footer-newsletter__form button{border-radius:var(--radius-full);width:100%;padding:14px}}.hero-slider{width:100%;height:90vh;color:var(--color-white);background-color:#0a0a0a;align-items:center;display:flex;position:relative;overflow:hidden}.hero-slider__texture-overlay{opacity:.8;z-index:1;pointer-events:none;background-image:radial-gradient(circle,#0000 0%,#000 100%);position:absolute;inset:0}.hero-slide{opacity:0;z-index:2;align-items:center;transition:opacity 1s ease-in-out;display:flex;position:absolute;inset:0}.hero-slider__bg-text{font-family:var(--font-heading);color:#ffffff0d;z-index:1;pointer-events:none;white-space:nowrap;font-size:30vw;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-slide.active{opacity:1;z-index:3}.hero-slide__content{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.hero-slide__text-wrapper{opacity:0;flex:1;max-width:1000px;transition:all 1s cubic-bezier(.25,1,.5,1) .3s;transform:translateY(30px)}.hero-slide.active .hero-slide__text-wrapper{opacity:1;transform:translateY(0)}.hero-slide__pre-heading{letter-spacing:4px;color:var(--color-gray-400);text-transform:uppercase;margin-bottom:16px;font-size:16px}.hero-slide__heading{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-white);letter-spacing:2px;margin-bottom:40px;font-size:clamp(48px,6vw,80px);font-weight:900;line-height:1.5}.hero-slide__btn{border-color:var(--color-white);color:var(--color-white);text-transform:uppercase;letter-spacing:2px;border-radius:0;align-items:center;padding:16px 32px;transition:all .3s;display:inline-flex}.hero-slide__btn svg{margin-left:8px;transition:transform .3s}.hero-slide__btn:hover{background:var(--color-white);color:var(--color-black);transform:none}.hero-slide__btn:hover svg{transform:translate(6px)}@media (width<=992px){.hero-slide__content{text-align:center;flex-direction:column;justify-content:center}.hero-slide__text-wrapper{z-index:5;margin-bottom:40px}}.product-card{color:var(--color-black);flex-direction:column;gap:12px;text-decoration:none;display:flex;position:relative}.product-card:hover{text-decoration:none}.product-card__image-container{aspect-ratio:3/4;background:var(--color-gray-100);width:100%;position:relative;overflow:hidden}.product-card__image{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-slow), transform var(--transition-slow)}.product-card__image--primary{opacity:1;z-index:2;position:absolute;top:0;left:0}.product-card__image--secondary{opacity:0;z-index:1;position:absolute;top:0;left:0}.product-card:hover .product-card__image--primary{opacity:0}.product-card:hover .product-card__image--secondary{opacity:1;transform:scale(1.05)}.product-card__badge{z-index:10;border-radius:2px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:12px}.product-card__badge--discount{color:var(--color-white);background:#e53e3e;left:12px}.product-card__badge--rating{background:var(--color-white);color:var(--color-black);box-shadow:var(--shadow-sm);align-items:center;gap:4px;display:flex;right:12px}.product-card__hover-actions{opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%,20px)}.product-card:hover .product-card__hover-actions{opacity:1;visibility:visible;transform:translate(-50%)}.product-card__btn-cart,.product-card__btn-buy{background:var(--color-white);width:44px;height:44px;color:var(--color-black);box-shadow:var(--shadow-md);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.product-card__btn-cart:hover,.product-card__btn-buy:hover{background:var(--color-black);color:var(--color-white);transform:translateY(-4px)}.product-card__info{flex-direction:column;gap:4px;display:flex}.product-card__category{color:var(--color-gray-500);text-transform:capitalize;font-size:12px}.product-card__name{color:var(--color-black);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:600;display:-webkit-box;overflow:hidden}.product-card__price-wrap{align-items:center;gap:8px;display:flex}.product-card__price{font-size:16px;font-weight:700}.product-card__old-price{color:var(--color-gray-400);font-size:14px;text-decoration:line-through}.product-carousel-section{padding:var(--space-3xl) 0;overflow:hidden}.product-carousel__header-container{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-end;display:flex}.product-carousel__header-container--centered{text-align:center;flex-direction:column;align-items:center}.product-carousel__header{flex:1}.product-carousel__header--centered{text-align:center;align-items:center}.product-carousel__title-wrap{align-items:baseline;gap:var(--space-lg);display:flex}.product-carousel__header--centered .product-carousel__title-wrap{justify-content:center}.product-carousel__link{color:var(--color-gray-500);letter-spacing:1px;font-size:14px;font-weight:700}.product-carousel__link:hover{color:var(--color-black)}.product-carousel__subtitle{color:var(--color-gray-500);margin-top:8px;font-size:16px}.product-carousel__controls{gap:12px;display:flex}.product-carousel__controls--bottom{justify-content:center;margin-top:32px}.product-carousel__btn{background:var(--color-gray-100);width:48px;height:48px;color:var(--color-black);transition:all var(--transition-fast);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.product-carousel__btn:hover{background:var(--color-black);color:var(--color-white);transform:translateY(-2px)}.product-carousel__viewport{width:100%;padding:0 var(--container-padding);overflow-x:hidden}.product-carousel__track{gap:20px;display:flex}.product-carousel__item{flex:0 0 calc((100vw - (var(--container-padding) * 2) - (20px * 4)) / 5);min-width:250px}.fade-in-slide{opacity:0;visibility:hidden;transition:opacity 1s ease-out,transform 1s ease-out;transform:translate(50px)}.fade-in-slide.is-visible{opacity:1;visibility:visible;transform:none}@media (width<=1400px){.product-carousel__item{flex:0 0 calc((100vw - (var(--container-padding) * 2) - (20px * 3)) / 4)}}@media (width<=1024px){.product-carousel__item{flex:0 0 calc((100vw - (var(--container-padding) * 2) - (20px * 2)) / 3)}}@media (width<=768px){.product-carousel__item{flex:0 0 calc((100vw - (var(--container-padding) * 2) - (20px * 1)) / 2)}.product-carousel__header-container{flex-direction:column;align-items:flex-start;gap:16px}.product-carousel__header-container--centered{align-items:center}}@media (width<=480px){.product-carousel__item{flex:0 0 calc(100vw - (var(--container-padding) * 2) - 40px)}}.promo-banners{padding:var(--space-3xl) 10px}.promo-banners__grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.promo-banner{aspect-ratio:16/9;background:var(--color-black);width:100%;color:var(--color-white);display:block;position:relative;overflow:hidden}.promo-banner__image-wrap{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.promo-banner__image{object-fit:cover;filter:contrast(1.1)brightness(.8);width:100%;height:100%;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94)}.promo-banner__overlay{pointer-events:none;background:linear-gradient(#0000 40%,#000c 100%);position:absolute;inset:0}.promo-banner:hover .promo-banner__image{transform:scale(1.08)}.promo-banner__content{width:100%;padding:var(--space-2xl);z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:0;left:0}.promo-banner__subtitle{letter-spacing:2px;color:var(--color-gray-300);text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:600}.promo-banner__title{font-family:var(--font-heading);text-transform:uppercase;margin-bottom:24px;font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.1}.promo-banner__cta{letter-spacing:1px;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex;position:relative}.promo-banner__cta:after{content:"";background:var(--color-white);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.promo-banner:hover .promo-banner__cta:after{width:100%}@media (width<=768px){.promo-banners__grid{gap:var(--space-md);grid-template-columns:1fr}.promo-banner__content{padding:var(--space-xl)}}.shop-category{padding:var(--space-4xl) var(--container-padding)}.shop-category__inner{align-items:center;gap:var(--space-2xl);flex-direction:column;display:flex}.shop-category__heading{font-family:var(--font-heading);letter-spacing:3px;color:var(--color-gray-500);text-transform:uppercase;font-size:13px;font-weight:700}.shop-category__wrapper{flex-wrap:wrap;justify-content:center;gap:40px 60px;max-width:1200px;display:flex}.category-item{transition:transform var(--transition-fast);color:var(--color-black);align-items:center;gap:16px;text-decoration:none;display:flex}.category-item:hover{transform:translateY(-2px)}.category-item__img-wrap{background:var(--color-gray-100);flex-shrink:0;width:70px;height:45px;overflow:hidden}.category-item__img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.category-item:hover .category-item__img-wrap img{transform:scale(1.1)}.category-item__name{font-family:var(--font-heading);color:#111827;font-size:22px;font-weight:600}.category-item__count{font-family:var(--font-heading);color:#4b5563;margin-top:-20px;margin-left:-12px;font-size:12px;font-weight:700}.category-item:hover .category-item__count{color:#111827}@media (width<=1024px){.shop-category__wrapper{gap:30px 40px}}@media (width<=768px){.shop-category{padding:var(--space-2xl) var(--container-padding)}.shop-category__wrapper{gap:20px}.category-item__img-wrap{width:60px;height:40px}.category-item__name{font-size:18px}}.parallax-banner{text-align:center;width:100%;height:60vh;min-height:400px;margin:var(--space-4xl) 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.parallax-banner__bg{z-index:1;background-position:50%;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0}.parallax-banner__overlay{z-index:2;background:#0009;position:absolute;inset:0}.parallax-banner__content{z-index:3;color:var(--color-white);padding:0 var(--space-md);position:relative}.parallax-banner__subtitle{letter-spacing:4px;margin-bottom:16px;font-size:14px;font-weight:700}.parallax-banner__title{font-family:var(--font-heading);margin-bottom:24px;font-size:clamp(40px,6vw,80px);font-weight:900;line-height:1}.parallax-banner__text{color:var(--color-gray-300);margin-bottom:32px;font-size:16px}.parallax-banner__btn{border-color:var(--color-white);color:var(--color-white)}.parallax-banner__btn:hover{background:var(--color-white);color:var(--color-black)}@media (width<=768px){.parallax-banner{height:50vh}.parallax-banner__bg{background-attachment:scroll}}.insta-grid{padding:var(--space-4xl) var(--container-padding)}.insta-grid__wrapper{align-items:center;gap:var(--space-4xl);display:flex}.insta-grid__info{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.insta-grid__icon-wrap{background:var(--color-gray-100);width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.insta-grid__info h2{font-family:var(--font-heading);color:var(--color-black);margin-bottom:12px;font-size:clamp(28px,4vw,42px);font-weight:800}.insta-grid__info p{color:var(--color-gray-500);font-size:14px}.insta-grid__photos{flex:1.2;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.insta-grid__item{aspect-ratio:1;background:var(--color-gray-100);display:block;position:relative;overflow:hidden}.insta-grid__item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow), opacity var(--transition-base)}.insta-grid__overlay{opacity:0;transition:opacity var(--transition-base);z-index:2;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.insta-grid__item:hover img{opacity:.8;transform:scale(1.1)}.insta-grid__item:hover .insta-grid__overlay{opacity:1}@media (width<=992px){.insta-grid__wrapper{gap:var(--space-3xl);flex-direction:column}.insta-grid__info,.insta-grid__photos{width:100%}}@media (width<=480px){.insta-grid__photos{grid-template-columns:repeat(2,1fr);gap:12px}}.home-page{background:var(--color-white);padding-bottom:var(--space-4xl)}.product-section{padding:var(--space-4xl) var(--container-padding)}.product-section__header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-gray-200);flex-direction:column;gap:8px;display:flex}.product-section__title-wrap{align-items:center;gap:var(--space-md);width:100%;display:flex}.product-section__header--centered{text-align:center;border-bottom:none;align-items:center}.product-section__header--centered .product-section__title-wrap{justify-content:center}.product-section__subtitle{color:var(--color-gray-500);font-size:15px}.product-section__link{letter-spacing:1px;color:var(--color-gray-600);transition:color var(--transition-fast);font-size:14px;font-weight:700}.product-section__link:hover{color:var(--color-black)}.product-grid{gap:var(--space-lg);display:grid}.product-grid--4-cols{grid-template-columns:repeat(4,1fr)}.product-grid--5-cols{gap:var(--space-md);grid-template-columns:repeat(5,1fr)}.product-grid--5-cols .product-card__image-container{aspect-ratio:3/3.5}.product-grid--5-cols .product-card__name{font-size:13px}.product-grid--5-cols .product-card__price{font-size:14px}.product-grid--5-cols .product-card__old-price{font-size:12px}.product-grid--5-cols .product-card__category{font-size:11px}.product-grid--5-cols .product-card__badge{padding:3px 6px;font-size:10px;top:8px}.product-grid--5-cols .product-card__badge--discount{left:8px}.product-grid--5-cols .product-card__badge--rating{right:8px}.product-section__view-all{margin-top:var(--space-2xl);justify-content:center;display:flex}.product-section__view-all-btn{background:var(--color-black);color:var(--color-white);letter-spacing:.5px;border-radius:50px;align-items:center;gap:10px;padding:14px 40px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.product-section__view-all-btn:hover{background:var(--color-gray-800,#333);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.product-section__view-all-btn svg{transition:transform .3s}.product-section__view-all-btn:hover svg{transform:translate(4px)}@media (width<=1200px){.product-grid--5-cols{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.product-grid--4-cols,.product-grid--5-cols{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.product-grid--4-cols,.product-grid--5-cols{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.product-section{padding:var(--space-xl) var(--container-padding)}.product-section__title-wrap{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.product-section__view-all-btn{justify-content:center;width:100%;padding:14px 20px;font-size:14px}}.custom-banner-container{max-width:1900px;margin:60px auto;padding:0 20px}.custom-banner-link{aspect-ratio:19/5;border-radius:16px;min-height:400px;text-decoration:none;display:block;position:relative;overflow:hidden}.custom-banner-bg{z-index:1;position:absolute;inset:0}.custom-banner-bg img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.custom-banner-link:hover .custom-banner-bg img{transform:scale(1.05)}.custom-banner-overlay{z-index:2;background:linear-gradient(90deg,#000c 0%,#0000004d 50%,#0000 100%);position:absolute;inset:0}.custom-banner-content{z-index:3;flex-direction:column;justify-content:center;padding:40px 60px;display:flex;position:absolute;inset:0}.custom-banner-heading{color:var(--color-white);font-family:var(--font-heading);text-transform:uppercase;max-width:600px;margin-bottom:30px;font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.1}.custom-banner-features{flex-wrap:wrap;gap:16px;display:flex}.feature-pill{color:var(--color-white);-webkit-backdrop-filter:blur(4px);background:0 0;border:1px solid #fff6;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.feature-pill:hover{background:var(--color-white);color:var(--color-black);border-color:var(--color-white);transform:translateY(-5px)}.animate-slide-up{opacity:0;animation:.8s ease-out forwards slideUpFade;transform:translateY(30px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.custom-banner-link{aspect-ratio:auto;min-height:400px}.custom-banner-content{padding:30px 20px}.feature-pill{padding:10px 16px;font-size:14px}.custom-banner-overlay{background:linear-gradient(90deg,#000000e6 0%,#0009 100%)}}.filter-sidebar{width:100%;padding-right:var(--space-xl)}.filter-section{margin-bottom:var(--space-lg)}.filter-section__header{cursor:pointer;margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.filter-section__header h3{font-family:var(--font-heading);color:var(--color-black);font-size:16px;font-weight:700}.filter-section__header span{color:var(--color-gray-500);font-size:20px}.filter-section__content{flex-direction:column;gap:12px;display:flex}.filter-checkbox{cursor:pointer;align-items:center;font-size:14px;display:flex}.filter-checkbox input{cursor:pointer;width:16px;height:16px;accent-color:var(--color-black);margin-right:12px}.filter-checkbox__label{color:var(--color-gray-600);flex:1}.filter-checkbox__count{color:var(--color-gray-400);font-size:13px}.filter-divider{background:var(--color-gray-200);width:100%;height:1px;margin-bottom:var(--space-lg)}.filter-price-inputs{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.price-input-group{border:1px solid var(--color-gray-200);border-radius:4px;flex:1;align-items:center;padding:8px 12px;display:flex}.price-input-group span{color:var(--color-gray-500);margin-right:4px;font-size:14px}.price-input-group input{width:100%;color:var(--color-black);border:none;outline:none;font-size:14px}.price-separator{color:var(--color-gray-400);margin:0 12px}.multi-range-slider{height:24px;position:relative}.multi-range-slider input[type=range]{pointer-events:none;appearance:none;background:0 0;outline:none;width:100%;height:4px;position:absolute}.multi-range-slider input[type=range].range-min{z-index:3}.multi-range-slider input[type=range].range-max{z-index:4}.multi-range-slider input[type=range].range-max::-webkit-slider-runnable-track{background:var(--color-gray-200);border-radius:2px;height:4px}.multi-range-slider input[type=range].range-min::-webkit-slider-runnable-track{background:0 0;height:4px}.multi-range-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;background:var(--color-black);cursor:pointer;z-index:5;border-radius:50%;width:16px;height:16px;margin-top:-6px;position:relative}@media (width<=992px){.filter-sidebar{margin-bottom:var(--space-2xl);padding-right:0}}.pagination{border-top:1px solid var(--color-gray-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:32px;padding-top:24px;display:flex}.pagination__btn{color:var(--color-black);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-white);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;display:flex}.pagination__btn:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-300)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__pages{align-items:center;gap:4px;display:flex}.pagination__page{width:38px;height:38px;color:var(--color-gray-600);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.pagination__page:hover{background:var(--color-gray-100);color:var(--color-black)}.pagination__page.active{background:var(--color-black);color:var(--color-white);font-weight:600}.pagination__ellipsis{text-align:center;width:38px;color:var(--color-gray-400);font-size:16px}@media (width<=480px){.pagination{justify-content:center}.pagination__pages{flex-basis:100%;order:-1;justify-content:center}}.loader-container{justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.loader-container.full-screen{z-index:9999;background-color:#fffc;width:100vw;height:100vh;position:fixed;top:0;left:0}.loader-spinner{border:4px solid #f3f3f3;border-top-color:#000;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0;padding:2rem;display:flex}.error-icon{color:#ef4444;margin-bottom:.5rem}.error-text{color:#991b1b;margin-bottom:1rem;font-size:1rem}.error-retry-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:.5rem 1.25rem;font-weight:500;transition:background-color .2s}.error-retry-btn:hover{background-color:#dc2626}.category-page{background:var(--color-white);padding-bottom:var(--space-4xl)}.category-banner{width:100%;height:300px;margin-bottom:var(--space-3xl);align-items:center;display:flex;position:relative}.category-banner__bg{z-index:1;position:absolute;inset:0}.category-banner__bg img{object-fit:cover;object-position:center;width:100%;height:100%}.category-banner__overlay{background:linear-gradient(90deg,#000000b3 0%,#0000001a 100%);position:absolute;inset:0}.category-banner__content{z-index:2;color:var(--color-white);padding-left:var(--container-padding);position:relative}.category-banner__title{font-family:var(--font-heading);text-transform:capitalize;margin-bottom:8px;font-size:48px;font-style:italic;font-weight:800}.category-banner__subtitle{color:#f3f4f6;font-size:16px;font-weight:500}.category-page__layout{align-items:flex-start;gap:32px;display:flex}.filter-sidebar{flex-shrink:0;width:260px}.category-page__main{flex-direction:column;flex:1;display:flex}.category-page__sort-bar{justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:24px;display:flex}.category-page__sort-left{align-items:center;gap:12px;display:flex}.category-page__view-btn{color:var(--color-gray-400);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:4px;display:flex}.category-page__view-btn.active{color:var(--color-black)}.category-page__results{color:var(--color-gray-500);margin-left:8px;font-size:14px}.category-page__sort-right{align-items:center;display:flex}.category-page__sort-select{border:1px solid var(--color-gray-200);color:var(--color-gray-600);cursor:pointer;background:var(--color-white);border-radius:4px;outline:none;padding:8px 16px;font-size:13px;font-weight:600}.category-page__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.category-page__empty{color:var(--color-gray-500);flex-direction:column;align-items:center;gap:16px;padding:80px 0;font-size:16px;display:flex}@media (width<=1024px){.category-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.category-page__layout{flex-direction:column;gap:20px}.filter-sidebar{width:100%}.category-page__grid{grid-template-columns:repeat(2,1fr);gap:14px}.category-banner{height:200px}.category-banner__title{font-size:32px}}@media (width<=480px){.category-page__grid{grid-template-columns:1fr;gap:16px}.category-page__sort-bar{flex-direction:column;align-items:flex-start;gap:16px}}.newsletter{z-index:10;margin-bottom:-90px;padding:0;position:relative}.newsletter__inner{background:var(--color-black);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:var(--space-2xl);padding:40px 64px;display:flex}.newsletter__title{font-family:var(--font-heading);color:var(--color-white);text-transform:uppercase;letter-spacing:-1px;max-width:550px;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.15}.newsletter__form{gap:var(--space-md);flex-direction:column;flex:1;max-width:400px;display:flex}.newsletter__input-wrapper{align-items:center;gap:var(--space-sm);background:var(--color-white);border-radius:var(--radius-full);padding:14px 20px;display:flex}.newsletter__input-icon{color:var(--color-gray-400);flex-shrink:0}.newsletter__input{color:var(--color-black);background:0 0;flex:1;font-size:14px}.newsletter__input::placeholder{color:var(--color-gray-400)}.newsletter__btn{background:var(--color-white);color:var(--color-black);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:none;padding:14px 24px;font-size:14px;font-weight:500}.newsletter__btn:hover{background:var(--color-gray-200);transform:translateY(-2px)}.newsletter__btn.submitted{background:var(--color-green);color:var(--color-white)}@media (width<=1024px){.newsletter__inner{padding:36px 40px}}@media (width<=768px){.newsletter{margin-bottom:-70px}.newsletter__inner{text-align:center;padding:var(--space-xl) var(--space-lg);gap:var(--space-lg);flex-direction:column}.newsletter__form{width:100%;max-width:100%}}.product-page{background:var(--color-white);padding-bottom:0}.pp-breadcrumb{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 0;display:flex}.pp-breadcrumb__left{color:var(--color-gray-500);align-items:center;gap:12px;font-size:13px;display:flex}.pp-breadcrumb__left a{color:var(--color-gray-900);transition:color var(--transition-fast);text-decoration:none}.pp-breadcrumb__left a:hover{color:var(--color-black)}.pp-breadcrumb__nav{align-items:center;gap:16px;display:flex}.pp-breadcrumb__nav button{color:var(--color-gray-500);cursor:pointer;background:0 0;display:flex}.pp-detail{grid-template-columns:minmax(0,55%) minmax(0,45%);gap:60px;margin-bottom:60px;display:grid}@media (width<=992px){.pp-detail{grid-template-columns:1fr;gap:40px}}.pp-gallery{align-items:flex-start;gap:20px;display:flex}.pp-gallery__thumbs{flex-direction:column;flex-shrink:0;gap:12px;width:90px;display:flex}.pp-gallery__thumb{aspect-ratio:1;border:1px solid var(--color-gray-200);background:var(--color-gray-100);cursor:pointer;width:100%;transition:border-color var(--transition-fast);padding:0}.pp-gallery__thumb img{object-fit:cover;width:100%;height:100%}.pp-gallery__thumb.active{border-color:var(--color-black)}.pp-gallery__main{aspect-ratio:4/5;background:#f3f4f6;flex:1;width:100%;position:relative}.pp-gallery__main img{object-fit:cover;width:100%;height:100%}.pp-gallery__zoom{color:var(--color-gray-500);cursor:pointer;background:0 0;position:absolute;top:16px;right:16px}.pp-info{flex-direction:column;display:flex}.pp-info__title{font-family:var(--font-heading);margin-bottom:12px;font-size:32px;font-weight:700}.pp-info__meta{align-items:center;gap:16px;margin-bottom:20px;font-size:13px;display:flex}.pp-info__rating{color:var(--color-gray-500);align-items:center;gap:8px;display:flex}.pp-stars{gap:2px;display:flex}.pp-info__stock{color:#01ab31;align-items:center;gap:4px;font-weight:500;display:flex}.pp-info__price-row{font-size:24px;font-weight:700;font-family:var(--font-heading);margin-bottom:24px}.pp-info__price-range{color:var(--color-gray-500)}.pp-info__description{color:var(--color-gray-600);margin-bottom:32px;font-size:14px;line-height:1.6}.pp-info__section{margin-bottom:24px}.pp-info__label{color:var(--color-black);margin-bottom:12px;font-size:13px;font-weight:700}.pp-info__colors{gap:12px;display:flex}.pp-info__color-swatch{cursor:pointer;border-radius:2px;width:24px;height:24px;position:relative}.pp-info__color-swatch.active:after{content:"";border:1px solid var(--color-black);border-radius:4px;position:absolute;inset:-4px}.pp-info__sizes{gap:12px;display:flex}.pp-info__size-btn{border:1px solid var(--color-gray-200);background:var(--color-white);width:44px;height:44px;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:13px;display:flex}.pp-info__size-btn.active{border-color:var(--color-black);color:var(--color-black);font-weight:600}.pp-info__actions{align-items:center;gap:16px;margin-top:12px;display:flex}.pp-info__qty{border:1px solid var(--color-gray-200);min-width:120px;height:50px;display:flex}.pp-info__qty button{width:40px;color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;font-size:18px}.pp-info__qty input{text-align:center;border:none;outline:none;width:40px;font-weight:600}.pp-info__add-to-cart{background:var(--color-black);height:50px;color:var(--color-white);cursor:pointer;transition:background var(--transition-fast);border:none;flex:1;font-size:14px;font-weight:700}.pp-info__links{flex-wrap:wrap;gap:24px;margin:32px 0;display:flex}.pp-info__links button{color:var(--color-gray-600);cursor:pointer;background:0 0;align-items:center;gap:8px;font-size:13px;display:flex}.pp-info__features{border-top:1px solid var(--color-gray-200);flex-direction:column;gap:12px;margin-bottom:32px;padding-top:24px;display:flex}.pp-info__features p{color:var(--color-gray-500);align-items:center;gap:12px;font-size:13px;display:flex}.pp-info__features p span{color:var(--color-black);font-weight:700}.pp-info__checkout-banner{text-align:center;background:#f9fafb;border-radius:4px;margin-bottom:32px;padding:16px}.pp-info__payment-icons{justify-content:center;gap:12px;margin-top:12px;display:flex}.pp-info__payment-icons img{object-fit:contain;width:auto;height:24px}.pp-info__metadata{color:var(--color-gray-500);flex-direction:column;gap:8px;font-size:13px;display:flex}.pp-info__metadata span{color:var(--color-black);margin-right:4px}.pp-tabs-section{margin:80px 0}.pp-tabs__nav{border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;justify-content:flex-start;gap:40px;margin-bottom:40px;display:flex}.pp-tabs__nav button{font-family:var(--font-heading);color:var(--color-gray-400);cursor:pointer;background:0 0;padding:16px 0;font-size:20px;font-weight:600;position:relative}.pp-tabs__nav button.active{color:var(--color-black)}.pp-tabs__nav button.active:after{content:"";background:var(--color-accent-red);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.pp-tab-pane{color:var(--color-gray-600);flex-direction:column;gap:20px;font-size:14px;line-height:1.8;display:flex}.pp-wash-guide-details{border:1px solid var(--color-gray-200);border-radius:4px;margin-bottom:24px;overflow:hidden}.pp-wash-guide-summary{background-color:var(--color-gray-50);font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;list-style:none;display:flex}.pp-wash-guide-summary::-webkit-details-marker{display:none}.pp-wash-guide-summary:after{content:"+";color:var(--color-gray-500);font-size:20px}.pp-wash-guide-details[open] .pp-wash-guide-summary:after{content:"-"}.pp-wash-guide-content{border-top:1px solid var(--color-gray-200);padding:20px}.pp-wash-guide-content ul{margin:0;padding-left:20px}.pp-wash-guide-content li{margin-bottom:8px}.pp-size-chart-container{margin-top:16px;overflow-x:auto}.pp-size-chart-table{border-collapse:collapse;text-align:center;width:100%}.pp-size-chart-table th,.pp-size-chart-table td{border:1px solid var(--color-gray-200);color:var(--color-gray-800);padding:16px}.pp-size-chart-table th{font-family:var(--font-heading);text-transform:uppercase;background-color:var(--color-gray-50);letter-spacing:.5px;font-size:14px;font-weight:700}.pp-size-chart-table td{width:20%;font-size:14px;font-weight:500}.pp-size-chart-table td:first-child{background-color:var(--color-gray-50);font-weight:700}.pp-related{text-align:center;margin-bottom:80px}.pp-related__title{font-family:var(--font-heading);margin-bottom:12px;font-size:32px;font-weight:700}.pp-related__subtitle{color:var(--color-gray-500);margin-bottom:40px;font-size:14px}.pp-related__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}@media (width<=1200px){.pp-related__grid{grid-template-columns:repeat(4,1fr)}}@media (width<=992px){.pp-related__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.pp-related__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.pp-related__grid{grid-template-columns:1fr}}.cart-page{background:var(--color-white);padding-bottom:var(--space-3xl);min-height:calc(100vh - 370px)}.cart-breadcrumb{color:var(--color-gray-400);align-items:center;gap:8px;padding:20px 0;font-size:14px;display:flex}.cart-breadcrumb a{color:var(--color-gray-400);transition:color var(--transition-fast)}.cart-breadcrumb a:hover{color:var(--color-black)}.cart-breadcrumb span:last-child{color:var(--color-black);font-weight:500}.cart-title{font-family:var(--font-heading);letter-spacing:-1px;color:var(--color-black);margin-bottom:24px;font-size:clamp(32px,4vw,40px);font-weight:900}.cart-empty{text-align:center;background:var(--color-gray-100);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:80px 0;display:flex}.cart-empty p{color:var(--color-gray-500);font-size:18px}.cart-layout{grid-template-columns:1fr 400px;align-items:start;gap:20px;display:grid}.cart-items{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);flex-direction:column;gap:20px;padding:24px;display:flex}.cart-item{border-bottom:1px solid var(--color-gray-200);gap:16px;padding-bottom:20px;display:flex}.cart-item:last-child{border-bottom:none;padding-bottom:0}.cart-item__image{border-radius:var(--radius-lg);background:var(--color-gray-100);flex-shrink:0;width:124px;height:124px;overflow:hidden}.cart-item__image img{object-fit:cover;width:100%;height:100%}.cart-item__details{flex-direction:column;flex:1;display:flex}.cart-item__header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.cart-item__name{color:var(--color-black);font-size:18px;font-weight:700;line-height:1.3}.cart-item__remove{color:var(--color-accent-red);transition:opacity var(--transition-fast);padding:4px}.cart-item__remove:hover{opacity:.7}.cart-item__attr{color:var(--color-gray-500);margin-bottom:4px;font-size:14px}.cart-item__attr span{color:var(--color-black)}.cart-item__attr--color{align-items:center;gap:6px;display:flex}.cart-item__color-swatch{border-radius:50%;width:14px;height:14px;display:inline-block}.cart-item__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cart-item__price{font-family:var(--font-heading);color:var(--color-black);font-size:24px;font-weight:700}.cart-item__qty{background:var(--color-gray-100);border-radius:var(--radius-full);align-items:center;padding:4px;display:flex}.cart-item__qty-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-black);transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.cart-item__qty-btn:hover{background:var(--color-gray-200)}.cart-item__qty-value{text-align:center;width:24px;color:var(--color-black);font-size:14px;font-weight:600}.cart-summary{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:24px;position:sticky;top:90px}.cart-summary__title{color:var(--color-black);margin-bottom:24px;font-size:20px;font-weight:700}.cart-summary__rows{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.cart-summary__row{justify-content:space-between;align-items:center;display:flex}.cart-summary__label{color:var(--color-gray-500);font-size:16px}.cart-summary__value{color:var(--color-black);font-size:16px;font-weight:700}.cart-summary__value--discount{color:var(--color-accent-red)}.cart-summary__divider{background:var(--color-gray-200);width:100%;height:1px}.cart-summary__row--total .cart-summary__label{color:var(--color-black);font-size:18px;font-weight:500}.cart-summary__row--total .cart-summary__value{font-size:24px}.cart-summary__promo{gap:12px;margin-bottom:24px;display:flex}.cart-summary__promo-input-wrapper{background:var(--color-gray-100);border-radius:var(--radius-full);flex:1;align-items:center;gap:8px;padding:0 16px;display:flex}.cart-summary__promo-icon{color:var(--color-gray-400);flex-shrink:0}.cart-summary__promo-input{color:var(--color-black);background:0 0;border:none;flex:1;padding:12px 0;font-size:14px}.cart-summary__promo-input::placeholder{color:var(--color-gray-400)}.cart-summary__promo-btn{border-radius:var(--radius-full);padding:12px 24px}.cart-summary__checkout-btn{justify-content:center;align-items:center;gap:12px;width:100%;padding:16px;font-size:16px;display:flex}@media (width<=1024px){.cart-layout{grid-template-columns:1fr 340px}}@media (width<=850px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (width<=480px){.cart-items{padding:16px}.cart-item{gap:12px}.cart-item__image{width:100px;height:100px}.cart-item__name{font-size:16px}.cart-item__price{font-size:20px}.cart-summary{padding:16px}.cart-summary__promo{flex-direction:column}.cart-summary__promo-btn{width:100%}}.checkout-page{background:#f9fafb;min-height:calc(100vh - 70px);padding:40px 0 80px}.checkout-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.checkout-left{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:4px;padding:32px}.checkout-card{margin-bottom:32px}.checkout-card:last-child{margin-bottom:0}.checkout-card__title{color:#111827;border-bottom:1px solid var(--color-gray-100);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;font-size:16px;font-weight:700;display:flex}.checkout-card__title svg{color:#6b7280}.form-group{margin-bottom:20px}.form-row{gap:20px;display:flex}.form-row .form-group{flex:1}.form-group label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group label .req{color:#ef4444}.form-input{color:#111827;background:var(--color-white);width:100%;transition:border-color var(--transition-fast);border:1px solid #d1d5db;border-radius:4px;padding:12px 16px;font-size:14px}.form-input:focus{border-color:#6b7280;outline:none}.form-input::placeholder{color:#9ca3af}.form-input.error{border-color:#ef4444}.form-select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236B7280%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 16px top 50%;background-repeat:no-repeat;background-size:10px}.checkout-right{flex-direction:column;gap:24px;display:flex}.checkout-right .checkout-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:4px;margin-bottom:0;padding:24px}.order-summary-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.order-summary-header h3{color:#111827;font-size:16px;font-weight:700}.modify-link{color:#4b5563;font-size:13px;text-decoration:underline}.checkout-items{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.checkout-item{align-items:center;gap:16px;display:flex}.checkout-item img{object-fit:cover;border:1px solid var(--color-gray-200);border-radius:4px;width:50px;height:50px}.checkout-item-info{flex:1}.checkout-item-info h4{color:#111827;margin-bottom:4px;font-size:14px;font-weight:600}.checkout-item-info p{color:#6b7280;font-size:12px}.checkout-item-price{text-align:right;flex-direction:column;display:flex}.price-old{color:#9ca3af;font-size:12px;text-decoration:line-through}.price-current{color:#111827;font-size:14px;font-weight:700}.checkout-totals{border-top:1px solid var(--color-gray-200);margin-bottom:20px;padding-top:20px}.total-row{color:#4b5563;justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.total-divider{background:var(--color-gray-200);height:1px;margin:16px 0}.total-row.final{color:#111827;margin-bottom:0;font-size:18px;font-weight:700}.delivery-banner{color:#166534;background:#f0fdf4;border-radius:4px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.coupon-box{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.coupon-box__input-row{gap:10px;display:flex}.coupon-box__input-row input{color:#111827;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:11px 14px;font-size:14px;transition:border-color .2s}.coupon-box__input-row input:focus{border-color:#2ecc71}.coupon-apply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:700;transition:background .2s}.coupon-apply-btn:hover{background:#2ecc71}.coupon-applied{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.coupon-applied__info{color:#16a34a;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.coupon-remove-btn{color:#e74c3c;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;transition:background .2s}.coupon-remove-btn:hover{background:#fef2f2}.coupon-msg{border-radius:7px;padding:7px 12px;font-size:12px;font-weight:600}.coupon-msg.success{color:#16a34a;background:#f0fdf4}.coupon-msg.error{color:#e74c3c;background:#fef2f2}.payment-method-card h3{margin-bottom:20px;font-size:16px;font-weight:700}.payment-options{flex-direction:column;gap:16px;display:flex}.payment-option{cursor:pointer;border:1px solid #d1d5db;border-radius:4px;align-items:center;padding:16px;transition:all .2s;display:flex}.payment-option:hover{border-color:#9ca3af}.payment-option.active{border-width:2px;border-color:#111827;padding:15px}.payment-option input[type=radio]{accent-color:#111827;width:18px;height:18px;margin-right:16px}.pay-icon{border-radius:4px;justify-content:center;align-items:center;width:40px;height:32px;margin-right:16px;display:flex}.cod-icon{background:#fef3c7}.card-icon{background:#e0f2fe}.bkash-icon{background:#fce7f3}.pay-details{flex-direction:column;flex:1;display:flex}.pay-title{color:#111827;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.pay-desc{color:#6b7280;margin-top:2px;font-size:12px}.tag-popular{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:10px}.tag-secure{color:#059669;background:#d1fae5;border-radius:4px;padding:2px 6px;font-size:10px}.pay-logo{color:#1d4ed8;background:#eff6ff;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700}.bkash-text{color:#e2136e;background:0 0;padding:0;font-size:14px}.checkout-terms{color:#4b5563;font-size:13px}.checkout-terms label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checkout-terms input[type=checkbox]{accent-color:#111827;width:16px;height:16px;margin-top:2px}.checkout-terms a{color:#111827;text-decoration:underline}.place-order-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:4px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:background .2s}.place-order-btn:hover{background:#000}@media (width<=1024px){.checkout-layout{grid-template-columns:1fr}}@media (width<=600px){.form-row{flex-direction:column;gap:0}.checkout-left,.checkout-right .checkout-card{padding:20px}}.success-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.success-modal{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:480px;padding:40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.success-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.success-modal h2{color:#111827;margin-bottom:12px;font-size:24px;font-weight:700}.success-modal p{color:#4b5563;line-height:1.6}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.contact-page{padding:var(--space-4xl) 0;overflow-x:hidden}.contact-page__header{margin-bottom:var(--space-4xl);flex-direction:column;align-items:center;display:flex}.contact-page__title{text-align:center;font-family:var(--font-heading,"Integral CF", sans-serif);text-transform:uppercase;color:var(--color-black);letter-spacing:-1px;margin-bottom:16px;font-size:clamp(40px,5vw,64px);font-weight:900}.contact-page__title-underline{background-color:var(--color-black);width:100px;height:8px}.contact-page__content{gap:var(--space-4xl);align-items:flex-start;display:flex}.contact-page__map-wrapper{background:var(--color-gray-100);opacity:0;border:1px solid #0000000d;border-radius:24px;flex:1;height:750px;transition:all 1s cubic-bezier(.25,1,.5,1);overflow:hidden;transform:translate(-100%);box-shadow:0 10px 40px #00000014}.contact-page__map-wrapper.slide-in-left{opacity:1;transform:translate(0)}.contact-page__info-wrapper{gap:var(--space-2xl);opacity:0;flex-direction:column;flex:1;transition:all 1s cubic-bezier(.25,1,.5,1);display:flex;transform:translate(100%)}.contact-page__info-wrapper.slide-in-right{opacity:1;transform:translate(0)}.contact-section{gap:var(--space-md);flex-direction:column;display:flex}.contact-section__title{font-size:20px;font-weight:700;font-family:var(--font-heading,"Integral CF", sans-serif);text-transform:uppercase;letter-spacing:.5px}.contact-store{gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.contact-icon{flex-shrink:0;width:24px;height:24px;margin-top:4px}.contact-store__details h3{margin-bottom:var(--space-xs);font-size:16px;font-weight:700}.contact-store__details p,.contact-text{color:var(--color-gray-600,#666);font-size:15px;line-height:1.6}.contact-text strong{color:var(--color-black);font-weight:600}.contact-form{gap:var(--space-lg);margin-top:var(--space-md);flex-direction:column;display:flex}.contact-form__row{gap:var(--space-xl);display:flex}.contact-form__group{flex:1}.contact-form__group input{border-bottom:2px solid var(--color-gray-300,#e5e7eb);width:100%;transition:border-color var(--transition-fast);background:0 0;padding:12px 0;font-size:15px}.contact-form__group input:focus{border-bottom-color:var(--color-black);outline:none}.contact-form__group input::placeholder{color:var(--color-gray-500,#9ca3af)}.contact-submit-btn{align-self:flex-start;align-items:center;gap:var(--space-sm);border:2px solid var(--color-black);background:var(--color-black);color:var(--color-white);text-transform:uppercase;cursor:pointer;margin-top:var(--space-md);border-radius:62px;padding:14px 32px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.contact-submit-btn:hover{color:var(--color-black);background:0 0}.header-socials{margin-top:24px}.contact-social-icons{justify-content:center;gap:16px;display:flex}.contact-social-icon{background:var(--color-gray-100,#f3f4f6);width:48px;height:48px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.contact-social-icon svg{width:24px;height:24px}.contact-social-icon:hover{color:var(--color-white);transform:translateY(-4px)}.contact-social-icon.facebook:hover{background:#1877f2}.contact-social-icon.instagram:hover{background:#e4405f}.contact-social-icon.whatsapp:hover{background:#25d366}@media (width<=1024px){.contact-page__content{flex-direction:column}.contact-page__map-wrapper{width:100%;height:400px}.contact-page__info-wrapper{width:100%}}@media (width<=480px){.contact-form__row{gap:var(--space-lg);flex-direction:column}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media (hover:hover){.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (width>=48rem){.md\:order-1{order:1}.md\:w-\[calc\(50\%-2\.5rem\)\]{width:calc(50% - 2.5rem)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:justify-normal{justify-content:normal}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-20{gap:calc(var(--spacing) * 20)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:group-odd\:-translate-x-1\/2:is(:where(.group):nth-child(odd) *){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:group-even\:translate-x-1\/2:is(:where(.group):nth-child(2n) *){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:before\:mx-auto:before{content:var(--tw-content);margin-inline:auto}.md\:before\:translate-x-0:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:odd\:flex-row-reverse:nth-child(odd){flex-direction:row-reverse}}@media (width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}.about-page-wrapper{background-color:var(--color-white);color:var(--color-black);min-height:100vh;padding-bottom:var(--space-4xl)}.street-card{background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-base)}.street-card:hover{background:var(--color-gray-200);transform:translateY(-4px)}.marquee-container{white-space:nowrap;background:var(--color-black);width:100vw;color:var(--color-white);margin:40px 0;padding:20px 0;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.marquee-content{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;font-size:24px;font-weight:800;animation:20s linear infinite marquee;display:inline-block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.z-10{z-index:10}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-2{height:calc(var(--spacing) * 2)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-\[500px\]{height:500px}.h-full{height:100%}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-\[calc\(100\%-4rem\)\]{width:calc(100% - 4rem)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-white{border-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-\[var\(--font-heading\)\]{--tw-font-weight:var(--font-heading);font-weight:var(--font-heading)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.delay-4{transition-delay:4ms}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.before\:ml-5:before{content:var(--tw-content);margin-left:calc(var(--spacing) * 5)}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-1:before{content:var(--tw-content);width:calc(var(--spacing) * 1)}.before\:-translate-x-px:before{content:var(--tw-content);--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:bg-gray-200:before{content:var(--tw-content);background-color:var(--color-gray-200)}@media (hover:hover){.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (width>=48rem){.md\:order-1{order:1}.md\:w-\[calc\(50\%-2\.5rem\)\]{width:calc(50% - 2.5rem)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:justify-normal{justify-content:normal}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-20{gap:calc(var(--spacing) * 20)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:group-odd\:-translate-x-1\/2:is(:where(.group):nth-child(odd) *){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:group-even\:translate-x-1\/2:is(:where(.group):nth-child(2n) *){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:before\:mx-auto:before{content:var(--tw-content);margin-inline:auto}.md\:before\:translate-x-0:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:odd\:flex-row-reverse:nth-child(odd){flex-direction:row-reverse}}@media (width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}.admin-root{color:#1a1a2e;background:#f4f6f8;min-height:100vh;font-family:Bai Jamjuree,Inter,sans-serif;display:flex}.admin-sidebar{z-index:100;background:#fff;border-right:1px solid #e8ecf0;flex-direction:column;width:250px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar__logo{letter-spacing:-.5px;align-items:center;gap:8px;margin-bottom:32px;padding:0 12px;font-size:22px;font-weight:900;display:flex}.admin-sidebar__logo span{color:#2ecc71}.admin-sidebar__label{color:#a0aab4;letter-spacing:1.5px;text-transform:uppercase;margin:20px 0 10px;padding:0 12px;font-size:11px;font-weight:700}.admin-sidebar__item{color:#5a6170;cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:2px;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-sidebar__item:hover{color:#1a1a2e;background:#f0faf4}.admin-sidebar__item.active{color:#fff;background:#2ecc71;font-weight:600}.admin-sidebar__item.active svg{stroke:#fff}.admin-sidebar__user{border-top:1px solid #e8ecf0;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.admin-sidebar__user-avatar{object-fit:cover;background:#e8ecf0;border-radius:50%;width:38px;height:38px}.admin-sidebar__user-info h4{color:#1a1a2e;font-size:13px;font-weight:700}.admin-sidebar__user-info p{color:#a0aab4;font-size:11px}.admin-main{flex-direction:column;flex:1;margin-left:250px;display:flex}.admin-topbar{z-index:50;background:#fff;border-bottom:1px solid #e8ecf0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.admin-topbar__title{font-size:22px;font-weight:800}.admin-topbar__search{background:#f4f6f8;border-radius:10px;align-items:center;gap:10px;width:350px;padding:10px 16px;display:flex}.admin-topbar__search input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:14px}.admin-topbar__search input::placeholder{color:#a0aab4}.admin-topbar__actions{align-items:center;gap:16px;display:flex}.admin-topbar__icon-btn{cursor:pointer;background:#f4f6f8;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:relative}.admin-topbar__icon-btn:hover{background:#e8ecf0}.admin-topbar__icon-btn .notification-dot{background:#e74c3c;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.admin-topbar__avatar{object-fit:cover;cursor:pointer;border:2px solid #2ecc71;border-radius:50%;width:40px;height:40px}.admin-content{flex-direction:column;gap:28px;padding:28px 32px;display:flex}.admin-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-kpi-card{cursor:default;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.admin-kpi-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000000d}.admin-kpi-card.bg-mint{background:#d0f4ea}.admin-kpi-card.bg-yellow{background:#fef0a4}.admin-kpi-card.bg-peach{background:#f9dbcd}.admin-kpi-card.bg-pink{background:#fbe6f4}.admin-kpi-card.bg-blue{background:#c5dcfa}.admin-kpi-card.bg-orange{background:#fad29f}.admin-kpi-card.bg-green{background:#c5efa4}.admin-kpi-card.bg-skyblue{background:#a9dbfb}.admin-kpi-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.admin-kpi-card__title{color:#334155;font-size:13px;font-weight:600}.admin-kpi-card__bottom{justify-content:space-between;align-items:flex-end;display:flex}.admin-kpi-card__value{color:#0f172a;font-size:28px;font-weight:800;line-height:1}.admin-kpi-card__pill{background:#fff;border-radius:20px;align-items:center;gap:2px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #00000005}.admin-kpi-card__pill.up{color:#10b981}.admin-kpi-card__pill.down{color:#ef4444}.admin-charts-row{grid-template-columns:2fr 1fr;gap:20px;display:grid}.admin-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:24px}.admin-card__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-card__title{color:#1a1a2e;font-size:16px;font-weight:700}.admin-card__tabs{background:#f4f6f8;border-radius:8px;gap:4px;padding:3px;display:flex}.admin-card__tab{color:#5a6170;cursor:pointer;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.admin-card__tab.active{color:#fff;background:#2ecc71}.admin-stats-row{flex-wrap:wrap;gap:32px;margin-bottom:20px;display:flex}.admin-stat{text-align:left}.admin-stat__value{color:#1a1a2e;font-size:22px;font-weight:800}.admin-stat__label{color:#a0aab4;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.admin-users-card{flex-direction:column;gap:24px;display:flex}.admin-users-card__big-number{color:#1a1a2e;font-size:36px;font-weight:800}.admin-users-card__sub{color:#a0aab4;margin-top:4px;font-size:12px;font-weight:600}.admin-users-card__label{color:#2ecc71;margin-bottom:4px;font-size:12px;font-weight:600}.admin-country-item{align-items:center;gap:12px;padding:10px 0;display:flex}.admin-country-item__flag{object-fit:cover;border-radius:4px;width:32px;height:22px}.admin-country-item__info{flex:1}.admin-country-item__name{color:#1a1a2e;font-size:13px;font-weight:600}.admin-country-item__bar{background:#e8ecf0;border-radius:10px;height:6px;margin-top:6px;overflow:hidden}.admin-country-item__bar-fill{background:#2ecc71;border-radius:10px;height:100%;transition:width 1.5s}.admin-country-item__value{color:#1a1a2e;text-align:right;min-width:40px;font-size:13px;font-weight:700}.admin-country-item__change{font-size:11px;font-weight:600}.admin-country-item__change.up{color:#2ecc71}.admin-country-item__change.down{color:#e74c3c}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:separate;border-spacing:0;width:100%}.admin-table th{color:#a0aab4;text-transform:uppercase;letter-spacing:1px;text-align:left;border-bottom:1px solid #e8ecf0;padding:12px 16px;font-size:11px;font-weight:700}.admin-table td{color:#1a1a2e;border-bottom:1px solid #f4f6f8;padding:14px 16px;font-size:14px}.admin-table tbody tr{transition:background .2s}.admin-table tbody tr:hover{background:#f9fafb}.admin-status{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.admin-status__dot{border-radius:50%;width:8px;height:8px}.admin-status--paid .admin-status__dot{background:#2ecc71}.admin-status--paid{color:#2ecc71}.admin-status--pending .admin-status__dot{background:#f39c12}.admin-status--pending{color:#f39c12}.admin-status--cancelled .admin-status__dot{background:#e74c3c}.admin-status--cancelled{color:#e74c3c}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-animate-in{animation:.6s forwards adminFadeIn}.admin-animate-in:first-child{animation-delay:0s}.admin-animate-in:nth-child(2){animation-delay:.1s}.admin-animate-in:nth-child(3){animation-delay:.2s}@media (width<=1200px){.admin-charts-row{grid-template-columns:1fr}}@media (width<=1024px){.admin-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-sidebar{display:none}.admin-main{margin-left:0}.admin-kpi-row{grid-template-columns:1fr}.admin-content{padding:16px}.admin-topbar{padding:12px 16px}.admin-topbar__search{width:200px}}.cat-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.cat-page-header__title{color:#1a1a2e;letter-spacing:-.5px;margin:0 0 4px;font-size:26px;font-weight:800}.cat-page-header__actions{align-items:center;gap:10px;display:flex}.cat-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#2ecc71;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2ecc714d}.cat-btn-primary:hover{background:#27ae60;transform:translateY(-1px);box-shadow:0 6px 18px #2ecc7166}.cat-btn-secondary{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.cat-btn-secondary:hover{color:#2ecc71;background:#f0faf4;border-color:#2ecc71}.cat-search-bar{background:#f4f6f8;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;transition:border-color .2s;display:flex}.cat-search-bar:focus-within{background:#fff;border-color:#2ecc71}.cat-search-bar input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:14px}.cat-search-bar input::placeholder{color:#a0aab4}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.cat-card{background:#fff;border:1.5px solid #e5e7eb;border-left-width:4px;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .2s,transform .2s;display:flex}.cat-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.cat-card__left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cat-card__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.cat-card__info{min-width:0}.cat-card__name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.cat-card__count{color:#9ca3af;margin-top:2px;font-size:12px;font-weight:500}.cat-card__actions{flex-shrink:0;gap:6px;display:flex}.cat-card__action-btn{cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.cat-card__action-btn.edit{color:#2ecc71;background:#f0faf4;border-color:#c6f0d9}.cat-card__action-btn.edit:hover{color:#fff;background:#2ecc71;border-color:#2ecc71}.cat-card__action-btn.delete{color:#e74c3c;background:#fef2f2;border-color:#fecaca}.cat-card__action-btn.delete:hover{color:#fff;background:#e74c3c;border-color:#e74c3c}.cat-stats-row{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.cat-stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex:1;min-width:140px;padding:14px 20px}.cat-stat-card__value{color:#111827;font-size:26px;font-weight:800}.cat-stat-card__label{color:#6b7280;margin-top:2px;font-size:12px}.cat-empty{text-align:center;color:#9ca3af;padding:60px 20px}.cat-empty__icon{margin-bottom:12px;font-size:48px}.cat-empty__text{color:#374151;font-size:16px;font-weight:600}.cat-empty__sub{margin-top:6px;font-size:13px}.cat-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.2s catFadeIn;display:flex;position:fixed;inset:0}@keyframes catFadeIn{0%{opacity:0}to{opacity:1}}.cat-modal{background:#fff;border-radius:18px;width:460px;max-width:95vw;padding:32px;animation:.28s cubic-bezier(.34,1.56,.64,1) catSlideIn;box-shadow:0 24px 60px #0000002e}@keyframes catSlideIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cat-modal__title{color:#111827;margin:0 0 6px;font-size:20px;font-weight:800}.cat-modal__subtitle{color:#9ca3af;margin:0 0 24px;font-size:13px}.cat-modal__form-group{margin-bottom:18px}.cat-modal__label{color:#6b7280;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.cat-modal__input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s}.cat-modal__input:focus{background:#fff;border-color:#2ecc71}.cat-modal__color-grid{flex-wrap:wrap;gap:8px;display:flex}.cat-modal__color-btn{cursor:pointer;border:3px solid #0000;border-radius:50%;outline:none;width:34px;height:34px;transition:transform .15s,box-shadow .15s}.cat-modal__color-btn:hover{transform:scale(1.15)}.cat-modal__color-btn.selected{border-color:#fff;transform:scale(1.12);box-shadow:0 0 0 3px #0000004d}.cat-modal__footer{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}@media (width<=768px){.cat-page-header{flex-direction:column;align-items:flex-start}.cat-grid{grid-template-columns:1fr}.cat-card{flex-direction:column;align-items:flex-start}.cat-card__actions{justify-content:flex-end;width:100%}.cat-stats-row{gap:10px}}.ap-page-header{justify-content:space-between;align-items:center;margin-bottom:28px;animation:.5s apFadeDown;display:flex}.ap-page-header__title{color:#1a1a2e;letter-spacing:-.5px;font-size:26px;font-weight:800}.ap-page-header__actions{align-items:center;gap:12px;display:flex}.ap-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#2ecc71;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #2ecc714d}.ap-btn-primary:hover{background:#27ae60;transform:translateY(-2px);box-shadow:0 6px 22px #2ecc7173}.ap-btn-primary:active{transform:translateY(0)}.ap-btn-secondary{color:#1a1a2e;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e8ecf0;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.ap-btn-secondary:hover{color:#2ecc71;background:#f0faf4;border-color:#2ecc71}.ap-form-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:24px;display:grid}.ap-col-left,.ap-col-right{flex-direction:column;gap:24px;display:flex}.ap-section{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:28px;animation:.5s both apSlideUp}.ap-section:first-child{animation-delay:0s}.ap-section:nth-child(2){animation-delay:80ms}.ap-section:nth-child(3){animation-delay:.16s}.ap-section:nth-child(4){animation-delay:.24s}.ap-section__title{color:#1a1a2e;align-items:center;gap:10px;margin-bottom:20px;font-size:17px;font-weight:700;display:flex}.ap-section__title-icon{color:#2ecc71;background:#eafaf1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ap-form-group{margin-bottom:18px}.ap-form-group:last-child{margin-bottom:0}.ap-label{color:#5a6170;letter-spacing:.3px;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.ap-label .optional{color:#a0aab4;margin-left:4px;font-size:12px;font-weight:500}.ap-input,.ap-textarea,.ap-select{color:#1a1a2e;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e8ecf0;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .25s}.ap-input:focus,.ap-textarea:focus,.ap-select:focus{background:#fff;border-color:#2ecc71;box-shadow:0 0 0 4px #2ecc711a}.ap-input::placeholder,.ap-textarea::placeholder{color:#b8c0cc}.ap-textarea{resize:vertical;min-height:110px;line-height:1.6}.ap-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23a0aab4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.ap-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ap-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.ap-toggle-row{background:#fafbfc;border:1.5px solid #e8ecf0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.ap-toggle-row:hover{border-color:#d0d5dd}.ap-toggle-label{color:#1a1a2e;font-size:14px;font-weight:600}.ap-toggle-sublabel{color:#a0aab4;margin-top:2px;font-size:12px}.ap-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.ap-toggle input{opacity:0;width:0;height:0;position:absolute}.ap-toggle__slider{cursor:pointer;background:#d0d5dd;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.ap-toggle__slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.ap-toggle input:checked+.ap-toggle__slider{background:#2ecc71}.ap-toggle input:checked+.ap-toggle__slider:before{transform:translate(20px)}.ap-pills{flex-wrap:wrap;gap:8px;display:flex}.ap-pill{color:#5a6170;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafbfc;border:1.5px solid #e8ecf0;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.ap-pill:hover{color:#2ecc71;background:#f0faf4;border-color:#2ecc71}.ap-pill.active{color:#fff;background:#2ecc71;border-color:#2ecc71;box-shadow:0 2px 8px #2ecc7140}.ap-color-grid{flex-wrap:wrap;gap:10px;display:flex}.ap-color-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px;transition:all .2s;position:relative;box-shadow:0 2px 6px #00000014}.ap-color-swatch:hover{transform:scale(1.15)}.ap-color-swatch.active{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7140}.ap-color-swatch.active:after{content:"✓";color:#fff;text-shadow:0 1px 2px #0000004d;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;position:absolute;inset:0}.ap-color-add{cursor:pointer;color:#a0aab4;background:#fafbfc;border:2px dashed #d0d5dd;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.ap-color-add:hover{color:#2ecc71;background:#f0faf4;border-color:#2ecc71}.ap-color-picker-popup{z-index:10;background:#fff;border:1px solid #e8ecf0;border-radius:12px;margin-top:8px;padding:16px;animation:.2s apFadeDown;position:absolute;top:100%;left:0;box-shadow:0 10px 40px #0000001f}.ap-color-picker-popup input[type=color]{cursor:pointer;border:none;border-radius:8px;width:100%;height:40px;margin-bottom:8px}.ap-color-picker-popup__actions{justify-content:flex-end;gap:8px;display:flex}.ap-radio-group{flex-wrap:wrap;gap:8px;display:flex}.ap-radio{color:#5a6170;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafbfc;border:1.5px solid #e8ecf0;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.ap-radio:hover{color:#2ecc71;background:#f0faf4;border-color:#2ecc71}.ap-radio.active{color:#fff;background:#2ecc71;border-color:#2ecc71;box-shadow:0 2px 8px #2ecc7140}.ap-upload-zone{text-align:center;cursor:pointer;background:#fafbfc;border:2px dashed #d0d5dd;border-radius:14px;padding:36px 24px;transition:all .3s;position:relative;overflow:hidden}.ap-upload-zone:hover{background:#f0faf4;border-color:#2ecc71}.ap-upload-zone.dragging{background:#eafaf1;border-color:#2ecc71;transform:scale(1.01)}.ap-upload-zone__icon{color:#2ecc71;background:#eafaf1;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;transition:transform .3s;display:flex}.ap-upload-zone:hover .ap-upload-zone__icon{transform:scale(1.1)translateY(-2px)}.ap-upload-zone__text{color:#1a1a2e;margin-bottom:4px;font-size:14px;font-weight:600}.ap-upload-zone__text span{color:#2ecc71;text-underline-offset:2px;text-decoration:underline}.ap-upload-zone__hint{color:#a0aab4;font-size:12px}.ap-image-preview-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.ap-image-preview{aspect-ratio:1;background:#f4f6f8;border:1.5px solid #e8ecf0;border-radius:12px;animation:.35s cubic-bezier(.34,1.56,.64,1) both apImageIn;position:relative;overflow:hidden}.ap-image-preview img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.ap-image-preview:hover img{transform:scale(1.05)}.ap-image-preview__badge{color:#fff;background:#2ecc71;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.ap-image-preview__actions{opacity:0;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.ap-image-preview:hover .ap-image-preview__actions{opacity:1}.ap-image-preview__btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:all .18s;display:flex}.ap-image-preview__btn.replace{color:#5a6170;background:#ffffffe6}.ap-image-preview__btn.replace:hover{color:#fff;background:#2ecc71}.ap-image-preview__btn.delete{color:#e74c3c;background:#ffffffe6}.ap-image-preview__btn.delete:hover{color:#fff;background:#e74c3c}.ap-tag-input-wrapper{cursor:text;background:#fafbfc;border:1.5px solid #e8ecf0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:10px 14px;transition:all .25s;display:flex}.ap-tag-input-wrapper:focus-within{background:#fff;border-color:#2ecc71;box-shadow:0 0 0 4px #2ecc711a}.ap-tag{color:#2ecc71;background:#eafaf1;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;animation:.25s cubic-bezier(.34,1.56,.64,1) apTagIn;display:inline-flex}.ap-tag__remove{cursor:pointer;opacity:.7;font-size:14px;line-height:1;transition:opacity .15s}.ap-tag__remove:hover{opacity:1}.ap-tag-input{color:#1a1a2e;background:0 0;border:none;outline:none;flex:1;min-width:80px;font-family:inherit;font-size:14px}.ap-tag-input::placeholder{color:#b8c0cc}.ap-char-count{color:#a0aab4;justify-content:flex-end;margin-top:6px;font-size:11px;font-weight:500;display:flex}.ap-main-image-preview{aspect-ratio:4/3;background:#f4f6f8;border:1.5px solid #e8ecf0;border-radius:14px;margin-bottom:16px;animation:.4s apImageIn;position:relative;overflow:hidden}.ap-main-image-preview img{object-fit:cover;width:100%;height:100%}.ap-main-image-preview__overlay{opacity:0;background:linear-gradient(#0000 50%,#0000004d 100%);justify-content:center;align-items:flex-end;padding-bottom:16px;transition:opacity .25s;display:flex;position:absolute;inset:0}.ap-main-image-preview:hover .ap-main-image-preview__overlay{opacity:1}.ap-main-image-preview__overlay-btn{color:#1a1a2e;cursor:pointer;background:#fffffff2;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.ap-main-image-preview__overlay-btn:hover{color:#fff;background:#2ecc71}.ap-price-input{position:relative}.ap-price-input .ap-input{padding-left:36px}.ap-price-input__symbol{color:#a0aab4;font-size:14px;font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}@keyframes apSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes apFadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes apImageIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes apTagIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.ap-form-grid{grid-template-columns:1fr}}@media (width<=640px){.ap-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ap-row,.ap-row-3{grid-template-columns:1fr}.ap-image-preview-grid{grid-template-columns:repeat(2,1fr)}.ap-section{padding:20px}}.order-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.order-page-header__title{color:#1a1a2e;font-size:22px;font-weight:800}.order-page-header__actions{gap:10px;display:flex}.order-btn-primary{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.order-btn-primary:hover{background:#27ae60;transform:translateY(-1px)}.order-btn-secondary{color:#5a6170;cursor:pointer;background:#fff;border:1px solid #e0e4ea;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.order-btn-secondary:hover{background:#f4f6f8}.order-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.order-kpi-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;padding:20px 24px;transition:all .25s}.order-kpi-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0000000d}.order-kpi-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.order-kpi-card__title{color:#5a6170;font-size:13px;font-weight:600}.order-dots-btn{cursor:pointer;color:#a0aab4;background:0 0;border:none;padding:2px 4px;font-size:18px}.order-kpi-card__value{color:#1a1a2e;margin-bottom:6px;margin-right:10px;font-size:30px;font-weight:800;display:inline-block}.order-kpi-change{border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.order-kpi-change.up{color:#2ecc71;background:#eafaf1}.order-kpi-change.down{color:#e74c3c;background:#fdecea}.order-kpi-card__sub{color:#a0aab4;margin-top:6px;font-size:11px;font-weight:500}.order-table-section{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:24px}.order-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.order-tabs{gap:4px;display:flex}.order-tab{color:#5a6170;cursor:pointer;background:#fff;border:1px solid #e0e4ea;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.order-tab:hover{background:#f0faf4}.order-tab.active{color:#2ecc71;background:#eafaf1;border-color:#2ecc71}.order-tab__count{color:#2ecc71;margin-left:4px;font-weight:700}.order-table-tools{align-items:center;gap:8px;display:flex}.order-search-bar{background:#f4f6f8;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:8px 14px;display:flex}.order-search-bar input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:13px}.order-search-bar input::placeholder{color:#a0aab4}.order-icon-btn{cursor:pointer;color:#5a6170;background:#fff;border:1px solid #e0e4ea;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.order-icon-btn:hover{background:#f4f6f8}.order-table-wrapper{overflow-x:auto}.order-table{border-collapse:separate;border-spacing:0;width:100%}.order-table th{color:#a0aab4;text-transform:uppercase;letter-spacing:1px;text-align:left;white-space:nowrap;border-bottom:1px solid #e8ecf0;padding:12px 14px;font-size:11px;font-weight:700}.order-table td{color:#1a1a2e;vertical-align:middle;border-bottom:1px solid #f4f6f8;padding:14px;font-size:14px}.order-table tbody tr{transition:background .15s}.order-table tbody tr:hover{background:#fafbfc}.checkbox-col{text-align:center;width:40px}.order-checkbox{accent-color:#2ecc71;cursor:pointer;width:16px;height:16px}.order-td-no{color:#a0aab4;font-size:13px;font-weight:600}.order-td-id{color:#1a1a2e;font-size:13px;font-weight:700}.order-product-cell{align-items:center;gap:10px;display:flex}.order-product-thumb{object-fit:cover;background:#f4f6f8;border-radius:8px;width:36px;height:36px}.order-product-name{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;font-weight:600;overflow:hidden}.order-td-date{color:#5a6170;font-size:13px}.order-td-price{color:#1a1a2e;font-weight:700}.order-status-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.order-payment-dot{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.order-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.order-empty{text-align:center;padding:48px 24px}.order-empty__icon{margin-bottom:12px;font-size:40px}.order-empty__text{color:#1a1a2e;margin-bottom:4px;font-size:16px;font-weight:700}.order-empty__sub{color:#a0aab4;font-size:13px}.order-pagination{border-top:1px solid #f0f2f5;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.order-pagination__pages{gap:4px;display:flex}.order-page-btn{color:#5a6170;cursor:pointer;background:#fff;border:1px solid #e0e4ea;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.order-page-btn:hover:not(:disabled):not(.dots){color:#2ecc71;background:#f0faf4;border-color:#2ecc71}.order-page-btn.active{color:#fff;background:#2ecc71;border-color:#2ecc71}.order-page-btn.nav{gap:6px;padding:0 16px}.order-page-btn:disabled{opacity:.4;cursor:not-allowed}.order-page-btn.dots{cursor:default;border:none}@media (width<=1200px){.order-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.order-kpi-row{grid-template-columns:1fr}.order-controls-row{flex-direction:column;align-items:flex-start}.order-tabs{flex-wrap:wrap}.order-page-header{flex-direction:column;align-items:flex-start;gap:12px}.order-pagination{flex-direction:column;gap:12px}}.order-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.order-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;animation:.3s modalIn;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000001a}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.order-modal-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.order-modal-header h2{color:#1a1a2e;margin:0;font-size:18px;font-weight:800}.order-modal-close{cursor:pointer;color:#5a6170;background:#f4f6f8;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.order-modal-close:hover{color:#1a1a2e;background:#e0e4ea}.order-modal-body{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.order-modal-section h3{color:#a0aab4;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:14px;font-weight:700}.order-modal-section p{color:#1a1a2e;margin-bottom:8px;font-size:14px}.order-modal-section p strong{color:#5a6170;min-width:120px;font-weight:600;display:inline-block}.order-modal-items{flex-direction:column;gap:12px;display:flex}.order-modal-item{background:#fafbfc;border:1px solid #f0f2f5;border-radius:12px;align-items:center;gap:16px;padding:12px;display:flex}.order-modal-item img{object-fit:cover;border-radius:8px;width:60px;height:60px}.order-modal-item-info h4{color:#1a1a2e;margin-bottom:4px;font-size:14px;font-weight:700}.order-modal-item-info p{color:#5a6170;margin:0;font-size:13px}.order-modal-item-price{color:#2ecc71!important;margin-top:4px!important;font-weight:700!important}.order-modal-total{background:#f4f6f8;border-radius:12px;justify-content:flex-end;align-items:center;margin-top:8px;padding:16px 24px;display:flex}.order-modal-total h3{color:#1a1a2e;margin:0;font-size:18px;font-weight:800}.customers-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.customers-title{color:#111827;font-size:24px;font-weight:700}.customers-dashboard-top{gap:24px;margin-bottom:24px;display:flex}.customers-kpi-column{flex-direction:column;flex-shrink:0;gap:24px;width:250px;display:flex}.customers-kpi-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:20px;position:relative;box-shadow:0 1px 3px #0000000d}.customers-kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.customers-kpi-title{color:#374151;font-size:14px;font-weight:600}.customers-kpi-menu-btn{color:#9ca3af;cursor:pointer}.customers-kpi-value-row{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.customers-kpi-value{color:#111827;font-size:28px;font-weight:700}.customers-kpi-change{font-size:12px;font-weight:600}.customers-kpi-change.up{color:#10b981}.customers-kpi-change.down{color:#ef4444}.customers-kpi-subtitle{color:#9ca3af;font-size:12px}.customers-chart-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-grow:1;padding:24px;box-shadow:0 1px 3px #0000000d}.customers-chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.customers-chart-title{color:#111827;font-size:16px;font-weight:700}.customers-chart-tabs{background:#f3f4f6;border-radius:8px;padding:4px;display:flex}.customers-chart-tab{color:#6b7280;cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.customers-chart-tab.active{color:#10b981;background:#fff;box-shadow:0 1px 2px #0000000d}.customers-chart-stats{border-bottom:1px solid #f3f4f6;gap:40px;margin-bottom:24px;padding-bottom:16px;display:flex}.customers-chart-stat-item{flex-direction:column;display:flex}.customers-chart-stat-value{color:#111827;font-size:20px;font-weight:700}.customers-chart-stat-label{color:#9ca3af;font-size:12px}.customers-table-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.customers-table-wrapper{overflow-x:auto}.customers-table{border-collapse:collapse;text-align:left;width:100%}.customers-table th{color:#374151;background:#eaf8f1;border-bottom:1px solid #e5e7eb;padding:16px;font-size:13px;font-weight:600}.customers-table td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px}.customers-table tr:hover{background:#f9fafb}.customers-table-td-id{font-weight:600}.customer-status{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.customer-status-dot{border-radius:50%;width:8px;height:8px}.customer-status.active{color:#10b981}.customer-status.active .customer-status-dot{background:#10b981}.customer-status.inactive{color:#ef4444}.customer-status.inactive .customer-status-dot{background:#ef4444}.customer-status.vip{color:#f59e0b}.customer-status.vip .customer-status-dot{background:#f59e0b}.customer-actions{color:#9ca3af;gap:12px;display:flex}.customer-action-btn{cursor:pointer;transition:color .2s}.customer-action-btn:hover{color:#4b5563}.customers-pagination{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.customers-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.customers-page-btn:hover:not(:disabled){background:#f9fafb}.customers-page-btn:disabled{opacity:.5;cursor:not-allowed}.customers-pagination-numbers{gap:8px;display:flex}.customers-page-number{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:flex}.customers-page-number.active{color:#065f46;background:#d1fae5;border-color:#d1fae5}.customers-page-number.dots{cursor:default;background:0 0;border:none}.customer-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.customer-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.2s ease-out forwards modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customer-modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.customer-modal-header h2{color:#111827;margin:0;font-size:18px;font-weight:700}.customer-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .2s}.customer-modal-close:hover{color:#111827}.customer-modal-body{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.customer-modal-profile{align-items:center;gap:16px;display:flex}.customer-modal-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.customer-modal-info h3{color:#111827;margin:0 0 4px;font-size:20px;font-weight:700}.customer-modal-info p{color:#6b7280;margin:0 0 8px;font-size:14px}.customer-modal-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.customer-modal-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.customer-modal-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:16px}.customer-modal-card.address-card{grid-column:span 3}.customer-modal-card h4{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px;font-weight:600}.customer-modal-metric{color:#111827;margin:0;font-size:24px;font-weight:800}.empty-text{color:#9ca3af;margin:0;font-size:14px;font-style:italic}.customer-modal-orders h3{color:#111827;margin:0 0 16px;font-size:16px;font-weight:700}.modal-table-wrapper{border:1px solid #f3f4f6;border-radius:12px;overflow:hidden}.modal-orders-table{border-collapse:collapse;text-align:left;width:100%}.modal-orders-table th{color:#6b7280;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:12px;font-weight:600}.modal-orders-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:14px}.modal-orders-table tr:last-child td{border-bottom:none}.modal-order-id{color:#111827;font-family:SF Mono,Consolas,monospace;font-weight:600}.modal-order-amount{color:#111827;font-weight:600}.customer-modal-header-actions{align-items:center;gap:12px;display:flex}.customer-modal-edit-btn,.customer-modal-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.customer-modal-edit-btn:hover,.customer-modal-cancel-btn:hover{background:#f9fafb}.customer-modal-save-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.customer-modal-save-btn:hover{background:#374151}.customer-modal-edit-grid{flex-direction:column;gap:10px;width:100%;display:flex}.customer-modal-edit-grid input,.customer-modal-edit-grid select,.customer-modal-card textarea{color:#111827;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.customer-modal-edit-grid input:focus,.customer-modal-edit-grid select:focus,.customer-modal-card textarea:focus{border-color:#111827}.customer-modal-card textarea{resize:vertical}.modal-order-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.modal-order-delete-btn:hover{background:#fef2f2}.product-list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.product-list-title{color:#111827;font-size:24px;font-weight:700}.product-list-btn-primary{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:background .2s;display:inline-flex}.product-list-btn-primary:hover{background:#374151}.product-list-controls{background:#fff;border:1px solid #f3f4f6;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.product-list-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;width:300px;padding:8px 12px;display:flex}.product-list-search input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.product-list-filters{gap:16px;display:flex}.product-list-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;font-weight:500}.product-list-select:focus{border-color:#10b981}.product-list-table-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.product-list-table-wrapper{overflow-x:auto}.product-list-table{border-collapse:collapse;text-align:left;width:100%}.product-list-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px;font-size:13px;font-weight:600}.product-list-table td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px}.product-list-table tr:hover{background:#f9fafb}.product-list-item-cell{align-items:center;gap:12px;display:flex}.product-list-thumb{object-fit:cover;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;width:48px;height:48px}.product-list-name{color:#111827;font-weight:600}.product-category-badge{color:#374151;text-transform:capitalize;background:#f3f4f6;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.product-stat-badge{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-flex}.product-stat-badge.sales{color:#166534;background:#dcfce7}.product-stat-badge.views{color:#1e40af;background:#dbeafe}.product-list-actions{color:#9ca3af;gap:12px;display:flex}.product-list-action-btn{cursor:pointer;transition:color .2s}.product-list-action-btn:hover{color:#4b5563}.product-list-pagination{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.product-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.product-page-btn:hover:not(:disabled){background:#f9fafb}.product-page-btn:disabled{opacity:.5;cursor:not-allowed}.product-pagination-numbers{gap:8px;display:flex}.product-page-number{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:flex}.product-page-number.active{color:#fff;background:#111827;border-color:#111827}.invoice-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.invoice-modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.invoice-actions{z-index:10;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex;position:sticky;top:0}.invoice-actions button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600}.btn-print{color:#fff;background:#000}.btn-close{color:#1e293b;background:#e2e8f0}.invoice-print-area{color:#000;background:#fff;padding:40px;font-family:Inter,sans-serif;position:relative;overflow:hidden}.invoice-watermark{color:#00000008;z-index:0;pointer-events:none;letter-spacing:20px;font-size:180px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.invoice-content{z-index:1;position:relative}.invoice-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.invoice-brand h1{letter-spacing:4px;margin:0;font-size:42px;font-weight:900;line-height:1}.invoice-brand p{letter-spacing:2px;color:#64748b;text-transform:uppercase;margin-top:4px;font-size:12px}.invoice-meta{text-align:right}.invoice-meta h2{color:#94a3b8;letter-spacing:2px;margin-top:0;margin-bottom:12px;font-size:24px;font-weight:300}.invoice-meta p{color:#333;margin:4px 0;font-size:12px}.invoice-meta span{font-weight:700}.invoice-divider{border:none;border-top:1px solid #000;margin:20px 0}.invoice-divider-light{border:none;border-top:1px solid #e2e8f0;margin:20px 0}.invoice-info-row{justify-content:space-between;margin-bottom:40px;display:flex}.invoice-billed-to{flex:1}.invoice-payment-info{text-align:right;flex:1}.invoice-section-title{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.invoice-customer-name{margin:0 0 8px;font-size:16px;font-weight:700}.invoice-customer-detail{color:#333;white-space:pre-wrap;margin:4px 0;font-size:13px;line-height:1.5}.invoice-payment-box{border:1px solid #000;margin-top:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:30px}.invoice-table th{text-align:left;color:#94a3b8;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:12px 0;font-size:11px;font-weight:700}.invoice-table th:last-child,.invoice-table td:last-child{text-align:right}.invoice-table td{border-bottom:1px solid #f1f5f9;padding:16px 0;font-size:13px}.invoice-item-title{margin:0 0 4px;font-size:14px;font-weight:700}.invoice-item-meta{color:#64748b;margin:0;font-size:11px}.invoice-summary-container{justify-content:flex-end;margin-bottom:60px;display:flex}.invoice-summary{width:300px}.invoice-summary-row{color:#333;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.invoice-summary-row.total{border-top:2px solid #000;border-bottom:2px solid #000;margin-top:10px;padding:16px 0;font-size:16px;font-weight:800}.invoice-summary-row.total span{text-transform:uppercase}.invoice-footer{text-align:center;margin-top:auto}.invoice-thanks{margin:0 0 8px;font-size:15px;font-weight:600}.invoice-thanks span{letter-spacing:1px;font-weight:800}.invoice-policy{color:#64748b;margin:0 0 24px;font-size:11px}.invoice-contact{color:#64748b;justify-content:center;align-items:center;gap:16px;font-size:10px;display:flex}.invoice-contact span.dot{background:#cbd5e1;border-radius:50%;width:4px;height:4px}@media print{body *{visibility:hidden}.invoice-modal{width:100%;max-width:none;box-shadow:none;border-radius:0;position:absolute;top:0;left:0}.invoice-overlay{background:0 0;padding:0;position:absolute}.invoice-actions{display:none!important}.invoice-print-area,.invoice-print-area *{visibility:visible}.invoice-print-area{width:100%;padding:0;position:absolute;top:0;left:0}.invoice-watermark{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#0000000d!important}}.transaction-page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.transaction-page-header__title{font-size:24px;font-weight:700}.transaction-kpi-row{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(4,1fr);display:grid}.transaction-kpi-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);flex-direction:column;display:flex}.transaction-kpi-card__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.transaction-kpi-card__title{color:var(--color-gray-500);font-size:14px;font-weight:600}.transaction-kpi-card__value{color:var(--color-black);margin-bottom:var(--space-xs);font-size:28px;font-weight:800;font-family:var(--font-heading,"Integral CF", sans-serif)}.transaction-kpi-card__sub{color:var(--color-gray-500);margin-top:4px;font-size:13px}.transaction-table-section{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);border:1px solid var(--color-gray-200)}.transaction-controls-row{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.transaction-search-bar{align-items:center;gap:var(--space-sm);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;width:300px;padding:8px 12px;display:flex}.transaction-search-bar input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.transaction-table-wrapper{overflow-x:auto}.transaction-table{border-collapse:separate;border-spacing:0;width:100%}.transaction-table th{background:var(--color-gray-50);color:var(--color-gray-500);text-transform:uppercase;text-align:left;border-bottom:1px solid var(--color-gray-200);padding:12px 16px;font-size:13px;font-weight:600}.transaction-table td{color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100);vertical-align:middle;padding:16px;font-size:14px}.transaction-table tr:hover td{background:var(--color-gray-50)}.transaction-table td.transaction-td-id{color:var(--color-black);font-weight:600}.transaction-table td.transaction-td-price{font-weight:700}.transaction-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.transaction-empty{text-align:center;padding:var(--space-4xl) 0}.transaction-empty__icon{margin-bottom:var(--space-sm);font-size:40px}.transaction-empty__text{color:var(--color-gray-800);font-size:16px;font-weight:600}.transaction-empty__sub{color:var(--color-gray-500);margin-top:4px;font-size:14px}.transaction-pagination{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.transaction-page-btn{border:1px solid var(--color-gray-200);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.transaction-page-btn:not(:disabled):hover{background:var(--color-gray-100)}.transaction-page-btn.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.transaction-page-btn:disabled{opacity:.5;cursor:not-allowed}.transaction-pagination__pages{gap:4px;display:flex}@media (width<=1024px){.transaction-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.transaction-kpi-row{grid-template-columns:1fr}.transaction-controls-row{flex-direction:column;align-items:stretch}.transaction-search-bar{width:100%}}.chatlog-container{background:#fff;border:1px solid #f1f5f9;border-radius:16px;grid-template-columns:380px 1fr;height:calc(100vh - 80px);display:grid;overflow:hidden;box-shadow:0 1px 3px #0000000f}.chatlog-sidebar{background:#fafbfc;border-right:1px solid #f1f5f9;flex-direction:column;display:flex}.chatlog-sidebar-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 20px 14px;display:flex}.chatlog-sidebar-header h3{color:#1e293b;margin:0;font-size:17px;font-weight:700}.chatlog-count{color:#fff;text-align:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:20px;min-width:24px;padding:3px 10px;font-size:12px;font-weight:700}.chatlog-search{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:12px 16px;display:flex}.chatlog-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:13px}.chatlog-search input::placeholder{color:#94a3b8}.chatlog-user-list{flex:1;overflow-y:auto}.chatlog-user-list::-webkit-scrollbar{width:4px}.chatlog-user-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.chatlog-empty-list{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.chatlog-empty-icon{opacity:.5;margin-bottom:12px;font-size:40px}.chatlog-empty-list p{color:#64748b;margin:0 0 6px;font-size:14px;font-weight:600}.chatlog-empty-list span{color:#94a3b8;font-size:12px}.chatlog-user-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex;position:relative}.chatlog-user-item:hover{background:#f0fdf4}.chatlog-user-item.active{background:#ecfdf5;border-left:3px solid #2ecc71}.chatlog-user-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.chatlog-user-info{flex:1;min-width:0}.chatlog-user-name-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.chatlog-user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.chatlog-user-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:11px}.chatlog-user-phone{color:#64748b;margin-bottom:4px;font-family:SF Mono,Consolas,monospace;font-size:12px;font-weight:500}.chatlog-user-preview{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12px;overflow:hidden}.chatlog-user-meta{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.chatlog-msg-count{color:#64748b;text-align:center;background:#f1f5f9;border-radius:10px;min-width:20px;padding:2px 8px;font-size:11px;font-weight:600}.chatlog-delete-btn{cursor:pointer;color:#cbd5e1;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.chatlog-user-item:hover .chatlog-delete-btn{opacity:1}.chatlog-delete-btn:hover{color:#ef4444;background:#fef2f2}.chatlog-conversation{background:#fff;flex-direction:column;display:flex}.chatlog-empty-conv{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.chatlog-empty-conv-icon{margin-bottom:16px;font-size:56px;animation:3s ease-in-out infinite chatlogFloat}@keyframes chatlogFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.chatlog-empty-conv h3{color:#1e293b;margin:0 0 8px;font-size:22px;font-weight:800}.chatlog-empty-conv p{color:#94a3b8;margin:0 0 28px;font-size:14px}.chatlog-empty-stats{gap:24px;display:flex}.chatlog-stat{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;align-items:center;padding:16px 28px;display:flex}.chatlog-stat-value{color:#1e293b;font-size:28px;font-weight:800}.chatlog-stat-label{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:500}.chatlog-loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.chatlog-loading-spinner{border:3px solid #e2e8f0;border-top-color:#2ecc71;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite chatlogSpin}@keyframes chatlogSpin{to{transform:rotate(360deg)}}.chatlog-loading p{color:#94a3b8;font-size:14px}.chatlog-conv-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chatlog-conv-header-left{align-items:center;gap:12px;display:flex}.chatlog-conv-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.chatlog-conv-header-left h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.chatlog-conv-phone{color:#64748b;font-family:SF Mono,Consolas,monospace;font-size:12px}.chatlog-conv-header-right{align-items:center;gap:8px;display:flex}.chatlog-conv-info-pill{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;display:flex}.chatlog-messages{background:#f8fafc;flex-direction:column;flex:1;gap:8px;padding:20px 24px;display:flex;overflow-y:auto}.chatlog-messages::-webkit-scrollbar{width:5px}.chatlog-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chatlog-no-messages{flex:1;justify-content:center;align-items:center;display:flex}.chatlog-no-messages p{color:#94a3b8;font-size:14px}.chatlog-date-separator{justify-content:center;align-items:center;margin:12px 0;display:flex}.chatlog-date-separator span{color:#64748b;letter-spacing:.3px;background:#e2e8f0;border-radius:20px;padding:4px 16px;font-size:11px;font-weight:600}.chatlog-msg{gap:10px;animation:.25s ease-out chatlogMsgIn;display:flex}@keyframes chatlogMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chatlog-msg.user{flex-direction:row-reverse}.chatlog-msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.chatlog-msg-avatar.user{background:#e0f2fe}.chatlog-msg-avatar.bot{background:#e8f5e9}.chatlog-msg-content{max-width:65%}.chatlog-msg-header{align-items:center;gap:8px;margin-bottom:4px;padding:0 4px;display:flex}.chatlog-msg.user .chatlog-msg-header{flex-direction:row-reverse}.chatlog-msg-sender{color:#475569;font-size:12px;font-weight:600}.chatlog-msg-time{color:#94a3b8;font-size:10px}.chatlog-msg-bubble{word-break:break-word;white-space:pre-wrap;border-radius:16px;padding:10px 14px;font-size:14px;line-height:1.55}.chatlog-msg-bubble.user{color:#fff;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);border-bottom-right-radius:6px;box-shadow:0 2px 8px #2ecc7133}.chatlog-msg-bubble.bot{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:6px;box-shadow:0 1px 3px #0000000a}@media (width<=1024px){.chatlog-container{grid-template-columns:300px 1fr}.chatlog-user-preview{max-width:150px}}@media (width<=768px){.chatlog-container{grid-template-columns:1fr;height:auto}.chatlog-sidebar{max-height:50vh}.chatlog-conversation{min-height:50vh}.chatlog-msg-content{max-width:80%}}.chat-widget-fab{color:#fff;cursor:pointer;z-index:99999;background:linear-gradient(135deg,#2ecc71 0%,#1abc9c 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:2s infinite chatFabPulse;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 14px #2ecc7166,0 8px 32px #00000026}.chat-widget-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #2ecc7180,0 12px 40px #0003}.chat-widget-fab.active{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);animation:none;transform:rotate(0);box-shadow:0 4px 14px #e74c3c66}.chat-widget-fab.active:hover{transform:scale(1.1)rotate(90deg)}@keyframes chatFabPulse{0%,to{box-shadow:0 4px 14px #2ecc7166,0 0 #2ecc714d}50%{box-shadow:0 4px 14px #2ecc7166,0 0 0 12px #2ecc7100}}.chat-widget-unread-badge{background:#e74c3c;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;animation:1.5s infinite unreadPulse;position:absolute;top:2px;right:2px}@keyframes unreadPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.chat-widget-panel{z-index:99998;opacity:0;visibility:hidden;transform-origin:100% 100%;background:#fff;border-radius:20px;flex-direction:column;width:400px;max-height:600px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:100px;right:28px;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000a}.chat-widget-panel.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.chat-widget-header{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.chat-widget-header-info{align-items:center;gap:12px;display:flex}.chat-widget-header-avatar{background:#2ecc7126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex;position:relative}.chat-widget-online-dot{background:#2ecc71;border:2px solid #1a1a2e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.chat-widget-header h3{color:#fff;letter-spacing:.3px;margin:0;font-size:15px;font-weight:700}.chat-widget-status{color:#fff9;font-size:12px;font-weight:500}.chat-widget-header-actions{align-items:center;gap:6px;display:flex}.chat-widget-header-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.chat-widget-header-btn:hover{color:#fff;background:#fff3}.chat-widget-body{scroll-behavior:smooth;background:#f8fafc;flex-direction:column;flex:1;gap:12px;min-height:300px;max-height:380px;padding:18px 14px;display:flex;overflow-y:auto}.chat-widget-body::-webkit-scrollbar{width:5px}.chat-widget-body::-webkit-scrollbar-track{background:0 0}.chat-widget-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chat-message{align-items:flex-end;gap:8px;animation:.3s ease-out msgSlideIn;display:flex}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{flex-direction:row-reverse}.chat-avatar{background:#e8f5e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.chat-avatar.user-avatar{background:#e3f2fd}.chat-bubble-wrapper{flex-direction:column;max-width:80%;display:flex}.chat-bubble{word-break:break-word;white-space:pre-wrap;border-radius:16px;padding:10px 14px;font-size:14px;line-height:1.5}.chat-bubble.bot{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:6px;box-shadow:0 1px 3px #0000000a}.chat-bubble.user{color:#fff;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);border-bottom-right-radius:6px;box-shadow:0 2px 8px #2ecc7140}.chat-timestamp{color:#94a3b8;margin-top:4px;padding:0 4px;font-size:10px}.chat-message.user .chat-timestamp{text-align:right}.typing-bubble{padding:12px 18px!important}.typing-dots{align-items:center;gap:4px;display:flex}.typing-dots span{background:#94a3b8;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.chat-products-grid{flex-direction:column;gap:8px;margin-top:8px;display:flex}.chat-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.chat-product-card:hover{border-color:#2ecc71;transform:translateY(-1px);box-shadow:0 4px 12px #2ecc711f}.chat-product-img{background:#f1f5f9;border-radius:8px;flex-shrink:0;width:50px;height:50px;overflow:hidden}.chat-product-img img{object-fit:cover;width:100%;height:100%}.chat-product-info{flex:1;min-width:0}.chat-product-info h4{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:600;overflow:hidden}.chat-product-price{color:#2ecc71;margin-bottom:4px;font-size:14px;font-weight:700}.chat-product-btn{color:#2ecc71;cursor:pointer;background:#e8f5e9;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.chat-product-btn:hover{color:#fff;background:#2ecc71}.chat-quick-replies{background:#f8fafc;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.chat-quick-reply-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.chat-quick-reply-btn:hover{color:#2ecc71;background:#f0fdf4;border-color:#2ecc71}.chat-widget-input-area{background:#fff;border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding:12px 14px;display:flex}.chat-widget-input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.chat-widget-input:focus{background:#fff;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a}.chat-widget-input:disabled{opacity:.6}.chat-widget-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.chat-widget-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #2ecc7159}.chat-widget-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-widget-powered{text-align:center;color:#94a3b8;letter-spacing:.3px;background:#fff;padding:6px;font-size:10px;font-weight:500}.chat-register-form{background:linear-gradient(#f8fafc 0%,#fff 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 24px;animation:.4s ease-out chatRegFadeIn;display:flex}@keyframes chatRegFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-register-icon{background:linear-gradient(135deg,#2ecc71 0%,#1abc9c 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:28px;animation:2s infinite chatRegPulse;display:flex;box-shadow:0 6px 20px #2ecc714d}@keyframes chatRegPulse{0%,to{transform:scale(1);box-shadow:0 6px 20px #2ecc714d}50%{transform:scale(1.05);box-shadow:0 8px 28px #2ecc7173}}.chat-register-title{color:#1e293b;letter-spacing:-.3px;margin:0 0 6px;font-size:18px;font-weight:800}.chat-register-subtitle{color:#64748b;text-align:center;margin:0 0 24px;font-size:13px;line-height:1.4}.chat-register-form form{flex-direction:column;gap:12px;width:100%;display:flex}.chat-register-field{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.chat-register-field:focus-within{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a}.chat-register-field.error{border-color:#ef4444;animation:.4s chatRegShake;box-shadow:0 0 0 3px #ef44441a}@keyframes chatRegShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.chat-register-field svg{color:#94a3b8;flex-shrink:0}.chat-register-field:focus-within svg{color:#2ecc71}.chat-register-field input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:500}.chat-register-field input::placeholder{color:#94a3b8;font-weight:400}.chat-register-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.chat-register-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2ecc7159}.chat-register-btn:active:not(:disabled){transform:translateY(0)}.chat-register-btn:disabled{opacity:.8;cursor:not-allowed}.chat-register-btn span{font-size:18px;transition:transform .2s}.chat-register-btn:hover:not(:disabled) span{transform:translate(3px)}.chat-register-loading{align-items:center;gap:8px;display:flex}.chat-register-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite chatRegSpin}@keyframes chatRegSpin{to{transform:rotate(360deg)}}.chat-register-privacy{color:#94a3b8;text-align:center;margin:16px 0 0;font-size:11px}@media (width<=480px){.chat-widget-panel{border-radius:0;width:100%;height:100vh;max-height:100vh;bottom:0;left:0;right:0;transform:translateY(100%)}.chat-widget-panel.open{transform:translateY(0)}.chat-widget-body{min-height:calc(100vh - 220px);max-height:calc(100vh - 220px)}.chat-widget-fab{width:56px;height:56px;bottom:20px;right:20px}}@media (width>=481px) and (width<=768px){.chat-widget-panel{width:360px;max-height:520px;bottom:90px;right:16px}.chat-widget-body{max-height:320px}}.under-construction{background-color:var(--color-gray,#f0f0f0);justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.under-construction__content{background:var(--color-white,#fff);text-align:center;border:1px solid #00000008;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:50px 30px;display:flex;box-shadow:0 10px 40px #0000000d}.under-construction__icon{width:80px;height:80px;color:var(--color-black,#000);background-color:#0000000d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.under-construction__icon svg{width:40px;height:40px}.under-construction__title{font-family:var(--font-heading,"Integral CF", sans-serif);text-transform:uppercase;color:var(--color-black,#000);letter-spacing:-.5px;margin-bottom:16px;font-size:32px;font-weight:800}.under-construction__desc{color:#666;margin-bottom:32px;font-size:16px;line-height:1.6}.under-construction__btn{background:var(--color-black,#000);color:var(--color-white,#fff);text-transform:uppercase;letter-spacing:1px;border-radius:62px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.under-construction__btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}@media (width<=768px){.under-construction__title{font-size:26px}.under-construction__content{padding:40px 20px}}.terms-page{background-color:var(--color-white,#fff);padding-bottom:80px}.terms-header{text-align:center;background-color:#f8f8f8;border-bottom:1px solid #eee;padding:80px 0}.terms-header__title{font-family:var(--font-heading,"Integral CF", sans-serif);text-transform:uppercase;color:var(--color-black,#000);letter-spacing:-1px;margin-bottom:24px;font-size:48px;font-weight:800}.terms-header__subtitle{color:#555;max-width:700px;margin:0 auto;font-size:18px;line-height:1.6}.terms-content{max-width:800px;margin:0 auto;padding:60px 0}.terms-section{border-bottom:1px solid #f0f0f0;margin-bottom:48px;padding-bottom:40px}.terms-section:last-of-type{border-bottom:none;margin-bottom:30px;padding-bottom:0}.terms-section__title{color:var(--color-black,#000);align-items:center;gap:12px;margin-bottom:16px;font-size:24px;font-weight:700;display:flex}.terms-section__number{font-family:var(--font-heading,"Integral CF", sans-serif);color:#ccc;font-size:28px;font-weight:800}.terms-section__text{color:#666;font-size:16px;line-height:1.8}.terms-footer{text-align:center;color:var(--color-black,#000);background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-top:40px;padding:30px;font-size:18px;font-weight:600}@media (width<=768px){.terms-header{padding:60px 20px}.terms-header__title{font-size:32px}.terms-header__subtitle{font-size:16px}.terms-content{padding:40px 20px}.terms-section{margin-bottom:32px;padding-bottom:24px}.terms-section__title{font-size:20px}.terms-section__number{font-size:24px}}.privacy-page{background-color:var(--color-white,#fff);padding-bottom:80px}.privacy-header{text-align:center;background-color:#f8f8f8;border-bottom:1px solid #eee;padding:80px 0}.privacy-header__title{font-family:var(--font-heading,"Integral CF", sans-serif);text-transform:uppercase;color:var(--color-black,#000);letter-spacing:-1px;margin-bottom:24px;font-size:48px;font-weight:800}.privacy-header__subtitle{color:#555;max-width:700px;margin:0 auto;font-size:18px;line-height:1.6}.privacy-content{max-width:800px;margin:0 auto;padding:60px 0}.privacy-section{border-bottom:1px solid #f0f0f0;margin-bottom:48px;padding-bottom:40px}.privacy-section:last-of-type{border-bottom:none;margin-bottom:30px;padding-bottom:0}.privacy-section__title{color:var(--color-black,#000);align-items:center;gap:12px;margin-bottom:16px;font-size:24px;font-weight:700;display:flex}.privacy-section__number{font-family:var(--font-heading,"Integral CF", sans-serif);color:#ccc;font-size:28px;font-weight:800}.privacy-section__text{color:#666;margin-bottom:16px;font-size:16px;line-height:1.8}.privacy-section__text:last-child{margin-bottom:0}.privacy-section__list{color:#666;padding-left:24px;font-size:16px;line-height:1.8;list-style-type:disc}.privacy-section__list li{margin-bottom:12px}.privacy-section__list li:last-child{margin-bottom:0}.privacy-section__list strong{color:var(--color-black,#000);font-weight:600}@media (width<=768px){.privacy-header{padding:60px 20px}.privacy-header__title{font-size:32px}.privacy-header__subtitle{font-size:16px}.privacy-content{padding:40px 20px}.privacy-section{margin-bottom:32px;padding-bottom:24px}.privacy-section__title{font-size:20px}.privacy-section__number{font-size:24px}}.returns-page{background-color:var(--color-white,#fff);padding-bottom:80px}.returns-header{text-align:center;background-color:#f8f8f8;border-bottom:1px solid #eee;padding:80px 0}.returns-header__title{font-family:var(--font-heading,"Integral CF", sans-serif);text-transform:uppercase;color:var(--color-black,#000);letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:800}.returns-header__subtitle{color:#555;font-size:20px;font-weight:600}.returns-intro{color:#444;text-align:center;max-width:800px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.8}.returns-content{max-width:800px;margin:0 auto;padding:60px 0}.returns-section{border-bottom:1px solid #f0f0f0;margin-bottom:48px;padding-bottom:40px}.returns-section:last-of-type{border-bottom:none;margin-bottom:30px;padding-bottom:0}.returns-section__title{color:var(--color-black,#000);align-items:center;gap:12px;margin-bottom:16px;font-size:24px;font-weight:700;display:flex}.returns-section__number{font-family:var(--font-heading,"Integral CF", sans-serif);color:#ccc;font-size:28px;font-weight:800}.returns-section__text{color:#666;margin-bottom:16px;font-size:16px;line-height:1.8}.returns-section__text:last-child{margin-bottom:0}.returns-section__list{color:#666;padding-left:24px;font-size:16px;line-height:1.8;list-style-type:disc}.returns-section__list li{margin-bottom:12px}.returns-section__list li:last-child{margin-bottom:0}.returns-section__list strong{color:var(--color-black,#000);font-weight:600}@media (width<=768px){.returns-header{padding:60px 20px}.returns-header__title{font-size:28px}.returns-header__subtitle{font-size:16px}.returns-content{padding:40px 20px}.returns-intro{margin-bottom:40px;font-size:16px}.returns-section{margin-bottom:32px;padding-bottom:24px}.returns-section__title{font-size:20px}.returns-section__number{font-size:24px}}.coupon-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.coupon-page-header__title{color:#111827;letter-spacing:-.5px;margin:0 0 4px;font-size:26px;font-weight:800}.cf-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#2ecc71;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2ecc714d}.cf-btn-primary:hover{background:#27ae60;transform:translateY(-1px)}.cf-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.cf-btn-secondary:hover{color:#2ecc71;border-color:#2ecc71}.cf-btn-danger{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.cf-btn-danger:hover{background:#c0392b}.coupon-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=768px){.coupon-stats{grid-template-columns:repeat(2,1fr)}}.coupon-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.coupon-stat-card__icon{font-size:22px}.coupon-stat-card__value{color:#111827;font-size:28px;font-weight:800}.coupon-stat-card__label{color:#6b7280;font-size:12px}.coupon-search-row{margin-bottom:20px}.coupon-search-bar{background:#f4f6f8;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;max-width:380px;padding:9px 14px;transition:border-color .2s;display:flex}.coupon-search-bar:focus-within{background:#fff;border-color:#2ecc71}.coupon-search-bar input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.coupon-search-bar input::placeholder{color:#a0aab4}.coupon-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.coupon-table{border-collapse:collapse;width:100%}.coupon-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;font-weight:700}.coupon-table tbody td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px}.coupon-table tbody tr:last-child td{border-bottom:none}.coupon-table tbody tr:hover td{background:#fafafa}.coupon-row--expired td{opacity:.55}.coupon-code-badge{letter-spacing:1.5px;color:#1d4ed8;background:#eff6ff;border:1px dashed #bfdbfe;border-radius:6px;padding:4px 10px;font-family:Courier New,monospace;font-size:13px;font-weight:700}.coupon-value-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.coupon-value-badge.percent{color:#16a34a;background:#dcfce7}.coupon-value-badge.flat{color:#d97706;background:#fef3c7}.coupon-scope{color:#6b7280;font-size:12px}.coupon-toggle{cursor:pointer;align-items:center;display:inline-flex}.coupon-toggle input{display:none}.coupon-toggle__track{background:#d1d5db;border-radius:999px;width:38px;height:20px;transition:background .2s;position:relative}.coupon-toggle__track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.coupon-toggle input:checked+.coupon-toggle__track{background:#2ecc71}.coupon-toggle input:checked+.coupon-toggle__track:after{transform:translate(18px)}.coupon-actions{gap:6px;display:flex}.coupon-action-btn{cursor:pointer;border:1.5px solid;border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.coupon-action-btn.edit{color:#2ecc71;background:#f0faf4;border-color:#c6f0d9}.coupon-action-btn.edit:hover{color:#fff;background:#2ecc71;border-color:#2ecc71}.coupon-action-btn.delete{color:#e74c3c;background:#fef2f2;border-color:#fecaca}.coupon-action-btn.delete:hover{color:#fff;background:#e74c3c;border-color:#e74c3c}.coupon-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:60px 20px}.coupon-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s cFadeIn;display:flex;position:fixed;inset:0}@keyframes cFadeIn{0%{opacity:0}to{opacity:1}}.coupon-modal{background:#fff;border-radius:20px;width:620px;max-width:100%;max-height:92vh;padding:0;animation:.28s cubic-bezier(.34,1.56,.64,1) cSlideIn;overflow-y:auto;box-shadow:0 24px 60px #0003}@keyframes cSlideIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.coupon-modal__header{z-index:1;background:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;position:sticky;top:0}.coupon-modal__header h2{color:#111827;margin:0;font-size:20px;font-weight:800}.coupon-modal__close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.coupon-modal__close:hover{color:#fff;background:#e74c3c}.coupon-modal__footer{background:#fff;border-top:1px solid #f3f4f6;justify-content:flex-end;gap:10px;padding:20px 28px;display:flex;position:sticky;bottom:0}.coupon-form{flex-direction:column;gap:18px;padding:24px 28px;display:flex}.coupon-error-bar{color:#e74c3c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 28px;padding:10px 14px;font-size:13px;font-weight:600}.cf-row{gap:14px;display:flex}.cf-row--3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cf-group{flex-direction:column;flex:1;gap:6px;display:flex}.cf-group--small{flex:0 0 140px}.cf-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.cf-input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:9px;outline:none;width:100%;padding:10px 13px;font-size:14px;transition:border-color .2s}.cf-input:focus{background:#fff;border-color:#2ecc71}.cf-input-prefix{align-items:center;display:flex;position:relative}.cf-input-prefix span{color:#9ca3af;font-size:14px;font-weight:700;position:absolute;left:12px}.cf-input-prefix .cf-input{padding-left:28px}.cf-type-btns{flex-wrap:wrap;gap:8px;display:flex}.cf-type-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .18s}.cf-type-btn:hover{color:#2ecc71;border-color:#2ecc71}.cf-type-btn.active{color:#fff;background:#2ecc71;border-color:#2ecc71}.cf-toggle{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.cf-toggle input{display:none}.cf-toggle__track{background:#d1d5db;border-radius:999px;flex-shrink:0;width:42px;height:22px;transition:background .2s;position:relative}.cf-toggle__track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.cf-toggle input:checked+.cf-toggle__track{background:#2ecc71}.cf-toggle input:checked+.cf-toggle__track:after{transform:translate(20px)}.cf-toggle__label{color:#374151;font-size:13px;font-weight:600}.cf-tag-grid{flex-wrap:wrap;gap:8px;display:flex}.cf-tag{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .18s}.cf-tag:hover{color:#2ecc71;border-color:#2ecc71}.cf-tag.active{color:#16a34a;background:#f0fdf4;border-color:#2ecc71;font-weight:700}.cf-product-list{border:1.5px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;max-height:220px;padding:8px;display:flex;overflow-y:auto}.cf-product-item{cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.cf-product-item:hover{background:#f9fafb}.cf-product-item.active{background:#f0fdf4;border-color:#bbf7d0}.cf-product-item input{accent-color:#2ecc71;flex-shrink:0;width:15px;height:15px}.cf-product-img{object-fit:cover;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;width:34px;height:34px}.cf-product-name{color:#111827;flex:1;font-size:13px;font-weight:600}.cf-product-price{color:#6b7280;font-size:12px;font-weight:600}.cf-preview{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.cf-preview__code{color:#fff;letter-spacing:3px;font-family:Courier New,monospace;font-size:18px;font-weight:800}.cf-preview__info{color:#ffffffd9;font-size:13px;font-weight:600}@media (width<=640px){.cf-row{flex-direction:column}.cf-row--3{grid-template-columns:1fr}.coupon-modal{border-radius:16px 16px 0 0}}.auth-page{background:var(--color-gray-50);justify-content:center;align-items:center;min-height:60vh;padding:80px 20px;display:flex}.auth-container{width:100%;max-width:480px}.auth-form-panel{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);width:100%;padding:48px;box-shadow:0 8px 30px #0000000f}.auth-form-wrapper{width:100%}.auth-form-content{animation:.4s ease-out authFadeIn}@keyframes authFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form-header{text-align:center;margin-bottom:32px}.auth-form-header h2{font-family:var(--font-heading);color:var(--color-black);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.auth-form-header p{color:var(--color-gray-500);font-size:15px}.auth-change-phone{color:var(--color-black);cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:14px;font-weight:600;text-decoration:underline}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field-group{flex-direction:column;gap:8px;display:flex}.auth-field-group label{color:var(--color-gray-700);font-size:14px;font-weight:600}.auth-req{color:var(--color-accent-red)}.auth-optional{color:var(--color-gray-400);font-size:12px;font-weight:400}.auth-field{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);align-items:center;height:52px;padding:0 16px;transition:all .2s;display:flex}.auth-field:focus-within{border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.auth-field.error{border-color:var(--color-accent-red)}.auth-field-prefix{color:var(--color-gray-500);-webkit-user-select:none;user-select:none;margin-right:8px;font-weight:500}.auth-field input{height:100%;color:var(--color-black);background:0 0;border:none;outline:none;flex:1;font-size:16px}.auth-field input::placeholder{color:var(--color-gray-400)}.auth-error{color:var(--color-accent-red);font-size:13px;font-weight:500}.auth-submit-btn{background:var(--color-black);height:52px;color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:8px;font-size:16px;font-weight:600;transition:all .2s}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-loading{justify-content:center;align-items:center;gap:8px;display:flex}.auth-spinner{border:2px solid #ffffff4d;border-top-color:var(--color-white);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-footer-text{color:var(--color-gray-500);text-align:center;margin-top:32px;font-size:13px;line-height:1.5}.auth-footer-text a{color:var(--color-black);text-decoration:underline;-webkit-text-decoration-color:var(--color-gray-300);text-decoration-color:var(--color-gray-300);font-weight:500}.auth-footer-text a:hover{-webkit-text-decoration-color:var(--color-black);text-decoration-color:var(--color-black)}@media (width<=480px){.auth-page{padding:40px 16px}.auth-form-panel{border-radius:var(--radius-lg);padding:32px 24px}}.dashboard-page{background:var(--color-gray-100);min-height:calc(100vh - 80px);padding:40px 0 80px}.mt-24{margin-top:24px}.dashboard-header{margin-bottom:32px}.dashboard-user-info{align-items:center;gap:20px;display:flex}.dashboard-avatar{width:72px;height:72px;color:var(--color-white);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:800;display:flex}.dashboard-greeting{font-family:var(--font-heading);color:var(--color-black);margin-bottom:4px;font-size:28px;font-weight:800}.dashboard-badges{align-items:center;gap:12px;display:flex}.dashboard-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.dashboard-edit-link{color:var(--color-gray-500);font-size:13px;font-weight:600;text-decoration:underline}.dashboard-edit-link:hover{color:var(--color-black)}.dashboard-kpis{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.kpi-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base);align-items:center;gap:16px;padding:24px;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon{background:var(--color-gray-100);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.kpi-content{flex:1}.kpi-content.full-width{width:100%}.kpi-label{color:var(--color-gray-500);margin-bottom:4px;font-size:13px;font-weight:500}.kpi-value{color:var(--color-black);font-size:24px;font-weight:800}.kpi-progress-card{grid-column:span 1}.kpi-progress-header{justify-content:space-between;align-items:flex-end;margin-bottom:8px;display:flex}.kpi-amount-left{color:var(--color-black);font-size:12px;font-weight:700}.kpi-progress-track{background:var(--color-gray-200);border-radius:4px;width:100%;height:6px;overflow:hidden}.kpi-progress-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.dashboard-panel{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-header h2{color:var(--color-black);font-size:20px;font-weight:700}.panel-link{color:var(--color-black);font-size:14px;font-weight:600;text-decoration:underline}.panel-subtitle{color:var(--color-gray-500);font-size:13px;font-weight:500}.panel-count{background:var(--color-gray-100);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.empty-state{text-align:center;background:var(--color-gray-100);border-radius:var(--radius-md);border:1px dashed var(--color-gray-300);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-icon{margin-bottom:12px;font-size:40px}.empty-state p{color:var(--color-gray-600);font-size:15px}.orders-table-wrapper{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-500);white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:600}.orders-table td{border-bottom:1px solid var(--color-gray-100);color:var(--color-black);padding:16px;font-size:14px;font-weight:500}.orders-table tr:last-child td{border-bottom:none}.order-id{font-family:SF Mono,Consolas,monospace;font-weight:600}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-pending{color:#d97706;background:#fef3c7}.status-shipped{color:#0284c7;background:#e0f2fe}.status-delivered{color:#16a34a;background:#dcfce7}.status-cancelled{color:#dc2626;background:#fee2e2}.order-amount{font-weight:700!important}.action-btn-reorder{background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-black);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.action-btn-reorder:hover{background:var(--color-black);color:var(--color-white)}.membership-panel{background:var(--color-white);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border-top:4px solid;padding:32px 24px;position:relative;overflow:hidden}.membership-badge{width:64px;height:64px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:32px;font-weight:900;display:flex;box-shadow:0 4px 12px #00000026}.membership-title{font-family:var(--font-heading);color:var(--color-black);margin-bottom:16px;font-size:24px;font-weight:800}.membership-benefits{text-align:left;background:var(--color-gray-100);border-radius:var(--radius-md);margin-bottom:24px;padding:16px}.membership-benefits ul{flex-direction:column;gap:12px;display:flex}.membership-benefits li{color:var(--color-gray-800);align-items:flex-start;gap:8px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.membership-benefits svg{flex-shrink:0;margin-top:2px}.membership-divider{background:var(--color-gray-200);width:100%;height:1px;margin-bottom:24px}.upgrade-text{margin-bottom:4px;font-size:16px;font-weight:700}.upgrade-sub{color:var(--color-gray-500);margin-bottom:16px;font-size:13px}.upgrade-progress{margin-bottom:20px}.upgrade-track{background:var(--color-gray-200);border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.upgrade-fill{border-radius:4px;height:100%;transition:width 1s ease-out}.upgrade-labels{color:var(--color-gray-500);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.next-tier-perks{text-align:left;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:#f8fafc;padding:16px}.perks-title{color:var(--color-gray-700);margin-bottom:8px;font-size:13px;font-weight:700}.perks-list-small{color:var(--color-gray-600);flex-direction:column;gap:6px;font-size:13px;display:flex}.membership-max{padding:20px}.max-icon{margin-bottom:12px;font-size:40px}.max-sub{color:var(--color-gray-500);margin-top:4px;font-size:14px}.spending-chart-container{height:200px;padding-top:20px}.spending-chart{justify-content:space-between;align-items:flex-end;gap:12px;height:100%;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-bar-wrapper{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.chart-bar{background:var(--color-black);cursor:pointer;border-radius:4px 4px 0 0;width:32px;transition:height 1s ease-out,background .2s;position:relative}.chart-bar:hover{background:var(--color-gray-700)}.chart-tooltip{background:var(--color-black);color:var(--color-white);opacity:0;visibility:hidden;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.chart-bar:hover .chart-tooltip{opacity:1;visibility:visible;top:-36px}.chart-label{color:var(--color-gray-500);margin-top:12px;font-size:12px;font-weight:500}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.wishlist-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:box-shadow .2s;overflow:hidden}.wishlist-card:hover{box-shadow:var(--shadow-md)}.wishlist-img-wrapper{aspect-ratio:3/4;background:var(--color-gray-100);position:relative}.wishlist-img-wrapper img{object-fit:cover;width:100%;height:100%}.wishlist-remove{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.wishlist-remove:hover{background:var(--color-accent-red);color:var(--color-white)}.wishlist-info{flex-direction:column;padding:12px;display:flex}.wishlist-name{color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.wishlist-price{color:var(--color-gray-600);margin-bottom:12px;font-size:14px;font-weight:700}.wishlist-add-btn{background:var(--color-black);width:100%;color:var(--color-white);border-radius:var(--radius-sm);padding:8px;font-size:13px;font-weight:600;transition:background .2s}.wishlist-add-btn:hover{background:var(--color-gray-800)}@media (width<=1024px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.kpi-progress-card{grid-column:span 2}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard-kpis{grid-template-columns:1fr}.kpi-progress-card{grid-column:span 1}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.wishlist-grid{grid-template-columns:repeat(2,1fr);gap:12px}.chart-bar{width:24px}}.account-page{background:var(--color-gray-100);min-height:calc(100vh - 80px);padding:40px 0 80px}.account-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.account-header h1{font-family:var(--font-heading);color:var(--color-black);font-size:32px;font-weight:800}.account-layout{grid-template-columns:260px 1fr;gap:32px;display:grid}.account-sidebar{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:fit-content;padding:16px 0}.account-nav{flex-direction:column;display:flex}.account-nav-item{color:var(--color-gray-600);text-align:left;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:16px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.account-nav-item:hover{background:var(--color-gray-100);color:var(--color-black)}.account-nav-item.active{color:var(--color-black);border-left-color:var(--color-black);background:#f8fafc}.account-nav-badge{background:var(--color-gray-200);color:var(--color-gray-700);border-radius:12px;padding:2px 8px;font-size:12px}.account-nav-item.active .account-nav-badge{background:var(--color-black);color:var(--color-white)}.account-content,.account-section-group{flex-direction:column;gap:24px;display:flex}.account-section{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.section-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.account-section h2{color:var(--color-black);font-size:20px;font-weight:700}.edit-btn{color:var(--color-gray-500);font-size:14px;font-weight:600;text-decoration:underline}.edit-btn:hover{color:var(--color-black)}.profile-info-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:var(--color-gray-500);font-size:13px;font-weight:600}.info-value{color:var(--color-black);font-size:16px;font-weight:500}.profile-edit-form{flex-direction:column;gap:20px;max-width:500px;display:flex}.addresses-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.address-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);flex-direction:column;height:100%;padding:20px;display:flex}.address-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.address-header h3{color:var(--color-black);font-size:16px;font-weight:700}.default-badge{color:#16a34a;text-transform:uppercase;background:#dcfce7;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.address-body{flex-direction:column;flex:1;display:flex}.address-name{color:var(--color-black);margin-bottom:4px;font-weight:600}.address-body p{color:var(--color-gray-600);font-size:14px;line-height:1.5}.address-actions{gap:16px;margin-top:auto;padding-top:16px;display:flex}.address-actions button{color:var(--color-gray-600);font-size:13px;font-weight:600}.address-actions button:hover{color:var(--color-black);text-decoration:underline}.address-actions .text-red{color:var(--color-accent-red)}.address-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 0;display:flex}.address-empty p{color:var(--color-gray-500);margin-bottom:12px;font-size:14px}.add-address-btn{color:var(--color-black);font-size:14px;font-weight:600;text-decoration:underline}.order-history-list{flex-direction:column;gap:16px;display:flex}.history-order-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:20px}.history-order-header{border-bottom:1px dashed var(--color-gray-200);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.order-meta{flex-direction:column;gap:4px;display:flex}.history-order-id{color:var(--color-black);font-family:SF Mono,Consolas,monospace;font-weight:700}.history-order-date{color:var(--color-gray-500);font-size:13px}.history-order-body{justify-content:space-between;align-items:flex-end;display:flex}.order-items-preview{flex:1}.items-text{color:var(--color-gray-700);font-size:14px;line-height:1.5}.order-total-block{text-align:right;flex-direction:column;display:flex}.total-label{color:var(--color-gray-500);font-size:12px}.total-value{color:var(--color-black);font-size:18px;font-weight:800}.orders-empty{text-align:center;color:var(--color-gray-500);padding:40px}.address-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.address-modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-xl);padding:32px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{font-size:20px;font-weight:700}.close-modal{color:var(--color-gray-500);font-size:20px}.address-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-gray-700);font-size:13px;font-weight:600}.form-group input{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:12px 16px;font-size:15px}.form-group input:disabled{background:var(--color-gray-100);color:var(--color-gray-500)}.form-group input:focus{border-color:var(--color-black)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-actions,.form-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}@media (width<=900px){.account-layout{grid-template-columns:1fr}.account-sidebar{padding:8px;display:flex;overflow-x:auto}.account-nav{flex-direction:row;width:100%}.account-nav-item{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:12px 16px;border-top:none!important;margin-top:0!important}.account-nav-item.active{border-left-color:#0000;border-bottom-color:var(--color-black)}.profile-info-grid,.addresses-grid{grid-template-columns:1fr}}.admin-profile{max-width:600px;margin:0 auto}.admin-profile__card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);padding:32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.admin-profile__card h2{font-family:var(--font-heading);color:var(--color-black);margin-bottom:8px;font-size:24px;font-weight:700}.admin-profile__card p{color:var(--color-gray-500);margin-bottom:32px;font-size:14px}.admin-profile__form{flex-direction:column;gap:24px;display:flex}.admin-profile__field{flex-direction:column;gap:8px;display:flex}.admin-profile__field label{color:var(--color-gray-700);font-size:14px;font-weight:600}.admin-profile__field input{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-black);outline:none;padding:12px 16px;font-size:15px;transition:all .2s}.admin-profile__field input:focus{border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.admin-profile__btn{background:var(--color-black);color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:16px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.admin-profile__btn:hover{background:var(--color-gray-800)}.admin-profile__btn.saved{background:var(--color-green)}