@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap);:root{--primary:#e63946;--secondary:#1d3557;--accent:#f4a261;--bg:#fafafa;--surface:#fff;--text:#1a1a2e;--text-secondary:#6b7280;--border:#e5e7eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 25px #0000001f;--transition:all 0.2s ease;--font:"Plus Jakarta Sans",sans-serif;--font-display:"Noto Sans",sans-serif;--max-width:480px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#fafafa;background:var(--bg);color:#1a1a2e;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);line-height:1.6;overflow-x:hidden}body,html{scrollbar-width:none}body,html{-ms-overflow-style:none}::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.app-container{background:#fafafa;background:var(--bg);margin:0 auto;max-width:480px;max-width:var(--max-width);min-height:100vh;overflow-x:clip;position:relative}.sticky-header{position:sticky;top:0;z-index:100}.top-bar{align-items:center;background:#e63946;background:var(--primary);color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.top-bar .brand{font-family:Noto Sans,sans-serif;font-family:var(--font-display);font-size:1.4rem;font-weight:600;letter-spacing:-.02em}.top-bar .icons{align-items:center;display:flex;gap:12px}.top-bar .icon-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:4px;position:relative}.top-bar .badge{background:#f4a261;background:var(--accent);border-radius:50px;color:#1a1a2e;color:var(--text);font-size:.65rem;font-weight:700;min-width:16px;padding:1px 5px;position:absolute;right:-6px;text-align:center;top:-4px}.search-bar{background:#e63946;background:var(--primary);padding:8px 16px 12px}.search-bar input{background:#fff;background:var(--surface);border:none;border-radius:50px;color:#1a1a2e;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.9rem;outline:none;padding:10px 16px 10px 40px;width:100%}.search-bar .search-icon{color:#6b7280;color:var(--text-secondary);font-size:.9rem;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.bottom-nav{background:#fff;background:var(--surface);border-top:1px solid #e5e7eb;border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 10px #00000014;display:flex;justify-content:space-around;left:50%;max-width:480px;max-width:var(--max-width);padding:6px 0 env(safe-area-inset-bottom,8px);position:fixed;transform:translateX(-50%);width:100%;z-index:100}.bottom-nav button{-webkit-tap-highlight-color:transparent;align-items:center;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.65rem;font-weight:500;gap:2px;padding:6px 12px;position:relative;transition:all .2s ease;transition:var(--transition)}.bottom-nav button,.bottom-nav button:active,.bottom-nav button:focus{background:none;outline:none}.bottom-nav button.active{color:#e63946;color:var(--primary)}.bottom-nav button .nav-icon{font-size:1.3rem}.bottom-nav button .cart-badge{background:#e63946;background:var(--primary);border-radius:50px;color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;position:absolute;right:4px;top:0}.main-content{min-height:calc(100vh - 120px);padding-bottom:70px}.main-content.no-bottom-nav{padding-bottom:0}.app-container.products-active{display:flex;flex-direction:column;height:100dvh}.app-container.products-active .sticky-header{flex-shrink:0}.app-container.products-active .main-content{flex:1 1;min-height:0;overflow:hidden;padding-bottom:0;position:relative}.products-scroll-wrap{-webkit-overflow-scrolling:touch;inset:0;overflow-y:auto;padding-bottom:70px;position:absolute}.banner-carousel{background:#fff;background:var(--surface);overflow-x:clip;padding:12px 16px 38px;position:relative}.banner-track{display:flex;gap:12px;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.banner-card{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f;cursor:pointer;flex-shrink:0;height:210px;min-width:100%;overflow:hidden;position:relative}.banner-card img{height:100%;left:0;object-fit:fill;position:absolute;top:0;width:100%}.banner-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:16px;position:absolute;right:0}.banner-overlay h3{font-size:1.1rem;font-weight:700}.banner-overlay p{font-size:.8rem;opacity:.9}.banner-dots{background:#00000047;border-radius:20px;display:flex;gap:5px;padding:4px 7px;position:absolute;right:28px;top:22px;z-index:10}.banner-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:5px;transition:all .2s ease;transition:var(--transition);width:5px}.banner-dot.active{background:#fff;border-radius:50px;width:16px}.section-header{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 8px}.section-header h2{color:#1a1a2e;color:var(--text);font-size:1.1rem;font-weight:700}.section-header .view-all{background:none;border:none;color:#e63946;color:var(--primary);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.85rem;font-weight:600}.category-section{background:#fafafa;background:var(--bg);border-radius:20px 20px 0 0;margin-top:-20px;padding-top:4px;position:relative;z-index:1}.category-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:0 16px 16px}.category-item{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 4px;transition:all .2s ease;transition:var(--transition)}.category-item.active,.category-item:hover{background:#e639460d;border-color:#e63946;border-color:var(--primary)}.category-item .cat-icon{align-items:center;border-radius:8px;display:flex;font-size:1.5rem;height:36px;justify-content:center;overflow:hidden;width:36px}.category-item .cat-name{color:#1a1a2e;color:var(--text);font-size:.65rem;font-weight:600;line-height:1.2;text-align:center}.product-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:0 16px 16px}.product-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;padding:0 16px 16px;scroll-padding-left:14px;scroll-snap-type:x mandatory;scrollbar-width:none}.product-scroll::-webkit-scrollbar{display:none}.product-scroll .product-card{max-width:180px;min-width:160px;scroll-snap-align:start}.product-card{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease;transition:var(--transition)}.product-card:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card .product-image{aspect-ratio:3/4;background:#e5e7eb;background:var(--border);overflow:hidden;position:relative}.product-card .product-image img{height:100%;object-fit:cover;width:100%}.img-placeholder{align-items:center;background:linear-gradient(135deg,#fff,#e5e7eb);background:linear-gradient(135deg,var(--surface-2,var(--surface)) 0,var(--border) 100%);color:#6b7280;color:var(--text-secondary);display:flex;height:100%;justify-content:center;width:100%}.img-placeholder svg{height:36%;opacity:.45;width:36%}.img-placeholder--detail{aspect-ratio:3/4;height:auto;width:100%}.img-placeholder--detail svg{height:18%;width:18%}.product-card .wishlist-btn{align-items:center;background:#fff;background:var(--surface);border:none;border-radius:50%;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);color:#1a1a2e;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;position:absolute;right:8px;top:8px;width:30px}.product-card .product-tag{background:#e63946;background:var(--primary);border-radius:50px;color:#fff;font-size:.6rem;font-weight:700;left:8px;padding:2px 8px;position:absolute;text-transform:uppercase;top:8px}.product-card .product-info{padding:10px}.product-card .product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a2e;color:var(--text);display:-webkit-box;font-size:.8rem;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden}.product-card .product-price{color:#e63946;color:var(--primary);font-size:.95rem;font-weight:800}.product-card .product-wholesale{color:#6b7280;color:var(--text-secondary);font-size:.7rem;margin-top:2px}.product-card .product-meta{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:.7rem;justify-content:space-between;margin-top:4px}.product-card .product-rating{align-items:center;display:flex;gap:2px}.product-detail{background:#fafafa;background:var(--bg)}.product-detail .detail-header{align-items:center;background:#0000;display:flex;justify-content:space-between;padding:12px 16px;pointer-events:none;position:sticky;top:52px;z-index:50}.product-detail .detail-header>*{pointer-events:auto}.detail-back{border:none;border-radius:50px;color:#1a1a2e;color:var(--text);cursor:pointer;font-size:.9rem;font-weight:600;gap:6px;padding:8px 14px}.detail-back,.product-detail .icon-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffd9;box-shadow:0 2px 8px #00000026;display:inline-flex}.product-detail .icon-btn{border-radius:50%;height:38px;justify-content:center;width:38px}.product-detail{padding-top:0}.detail-images{position:relative}.detail-images img{background:#fff;background:var(--surface);height:52vh;object-fit:contain;width:100%}.detail-images .image-counter{background:#0009;border-radius:50px;bottom:12px;color:#fff;font-size:.75rem;padding:4px 10px;position:absolute;right:12px}.detail-body{padding:16px}.detail-price{font-size:1.5rem;font-weight:800}.detail-price,.detail-wholesale{color:#e63946;color:var(--primary)}.detail-wholesale{background:#e6394614;border-radius:8px;border-radius:var(--radius-sm);font-size:.85rem;margin-top:8px;padding:8px 12px}.detail-name{font-size:1.1rem;font-weight:700;line-height:1.4;margin-top:12px}.detail-rating{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px;margin-top:8px}.detail-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.detail-section h3{font-size:.9rem;font-weight:700;margin-bottom:10px}.option-group{display:flex;flex-wrap:wrap;gap:8px}.color-chip{border:3px solid #0000;border-radius:50%;cursor:pointer;height:36px;position:relative;transition:all .2s ease;transition:var(--transition);width:36px}.color-chip.selected{border-color:#e63946;border-color:var(--primary);box-shadow:0 0 0 2px #fff,0 0 0 4px #e63946;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}.size-chip{background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#1a1a2e;color:var(--text);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease;transition:var(--transition)}.size-chip.selected{background:#e6394614;border-color:#e63946;border-color:var(--primary);color:#e63946;color:var(--primary)}.qty-selector{align-items:center;border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:0;overflow:hidden}.qty-selector button{background:#fafafa;background:var(--bg);border:none;color:#1a1a2e;color:var(--text);cursor:pointer;font-size:1rem;font-weight:700;padding:8px 14px}.qty-selector span{color:#1a1a2e;color:var(--text);font-weight:600;min-width:40px;padding:8px 16px;text-align:center}.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#1ebe5d}.btn-icon-only{flex:none!important;gap:2px;justify-content:center;padding:0;width:44px}.action-bar{background:#fff;background:var(--surface);bottom:0;box-shadow:0 -2px 10px #00000014;left:50%;max-width:480px;max-width:var(--max-width);padding:12px 16px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.action-bar,.btn{display:flex;gap:8px}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.9rem;font-weight:700;justify-content:center;padding:12px 20px;transition:all .2s ease;transition:var(--transition)}.btn-primary{background:#e63946;background:var(--primary);color:#fff;flex:1 1}.btn-primary:hover{opacity:.9}.btn-outline{background:#0000;border:1.5px solid #e63946;border:1.5px solid var(--primary);color:#e63946;color:var(--primary)}.btn-secondary{background:#1d3557;background:var(--secondary);color:#fff}.btn-accent{background:#f4a261;background:var(--accent);color:#1a1a2e;color:var(--text)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-sm{flex:none!important;font-size:.8rem;padding:6px 10px;width:fit-content}.btn-block{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.cart-item{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 16px}.cart-item .item-image{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:100px;overflow:hidden;width:80px}.cart-item .item-image img{height:100%;object-fit:cover;width:100%}.cart-item .item-info{flex:1 1}.cart-item .item-name{font-size:.85rem;font-weight:600;line-height:1.3}.cart-item .item-variant{color:#6b7280;color:var(--text-secondary);font-size:.75rem;margin-top:2px}.cart-item .item-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.cart-item .item-price{color:#e63946;color:var(--primary);font-size:.95rem;font-weight:700}.cart-summary{background:#fff;background:var(--surface);margin-top:8px;padding:16px}.cart-summary .summary-row{display:flex;font-size:.9rem;justify-content:space-between;padding:6px 0}.cart-summary .summary-total{border-top:1.5px solid #1a1a2e;border-top:1.5px solid var(--text);font-size:1.05rem;font-weight:700;margin-top:6px;padding-top:10px}.order-card{margin:0}.order-card,.order-detail-card{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;padding:14px 16px}.order-detail-card{margin-bottom:0}.order-card .order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.order-card .order-id{color:#1a1a2e;color:var(--text);font-size:.8rem;font-weight:700}.order-card .order-date{color:#6b7280;color:var(--text-secondary);font-size:.75rem}.status-badge{border-radius:50px;font-size:.7rem;font-weight:700;padding:3px 10px;text-transform:uppercase}.status-pending{background:#f59e0b26;color:#f59e0b;color:var(--warning)}.status-confirmed{background:#3b82f626;color:#60a5fa}.status-processing{background:#8b5cf626;color:#a78bfa}.status-shipped{background:#10b98126}.status-delivered,.status-shipped{color:#10b981;color:var(--success)}.status-delivered{background:#10b9811f}.status-cancelled{background:#ef444426;color:#ef4444;color:var(--danger)}.order-items{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);padding-top:10px}.order-item-row{align-items:center;display:flex;gap:10px;padding:6px 0}.order-item-row img{border-radius:6px;height:60px;object-fit:cover;width:50px}.order-item-row .item-details{flex:1 1}.order-item-row .item-details .name{font-size:.8rem;font-weight:600}.order-item-row .item-details .variant{color:#6b7280;color:var(--text-secondary);font-size:.7rem}.order-item-row .item-price{color:#e63946;color:var(--primary);font-size:.85rem;font-weight:700}.order-total{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;font-weight:700;justify-content:space-between;margin-top:8px;padding-top:10px}.main-content:has(.auth-page){display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.auth-page{background:#fafafa;background:var(--bg);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.auth-header{padding:16px 24px 12px;text-align:center}.auth-header .brand-name{color:#e63946;color:var(--primary);font-family:Noto Sans,sans-serif;font-family:var(--font-display);font-size:1.8rem;letter-spacing:-.02em}.auth-header .brand-tagline{color:#6b7280;color:var(--text-secondary);font-size:.8rem;margin-top:2px}.auth-form{padding:0 24px 16px}.form-group{margin-bottom:10px}.form-group label{color:#1a1a2e;color:var(--text);font-size:.82rem;font-weight:600;margin-bottom:4px}.form-input{border-radius:12px;border-radius:var(--radius);padding:10px 14px;transition:all .2s ease;transition:var(--transition)}.form-input:focus{box-shadow:0 0 0 3px #e639461a}.form-input.input-error{border-color:#ef4444}.form-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.field-error{color:#ef4444;display:block;font-size:.75rem;margin-top:3px}.auth-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:16px}.auth-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.92rem;font-weight:600;margin-bottom:-2px;padding:10px;transition:all .2s ease;transition:var(--transition)}.auth-tab.active{border-bottom-color:#e63946;border-bottom-color:var(--primary);color:#e63946;color:var(--primary)}.auth-divider{align-items:center;display:flex;gap:12px;margin:20px 0}.auth-divider span{color:#6b7280;color:var(--text-secondary);font-size:.8rem}.auth-divider:after,.auth-divider:before{background:#e5e7eb;background:var(--border);content:"";flex:1 1;height:1px}.account-menu{padding:0 16px}.account-menu-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:14px 0;transition:all .2s ease;transition:var(--transition)}.account-menu-item:hover{background:#00000005}.account-menu-item .menu-icon{align-items:center;background:#e6394614;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.account-menu-item .menu-text{flex:1 1;font-size:.9rem;font-weight:500}.account-menu-item .menu-arrow{color:#6b7280;color:var(--text-secondary);font-size:.9rem}.profile-header{align-items:center;background:#fff;background:var(--surface);display:flex;gap:14px;padding:20px 16px}.profile-avatar{align-items:center;background:#e63946;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:56px;justify-content:center;width:56px}.profile-info .profile-name{font-size:1rem;font-weight:700}.profile-info .profile-email{color:#6b7280;color:var(--text-secondary);font-size:.8rem}.empty-state{padding:40px 24px;text-align:center}.empty-state .empty-icon{font-size:3rem;margin-bottom:12px}.empty-state h3{font-size:1.1rem;font-weight:700;margin-bottom:6px}.empty-state p{color:#6b7280;color:var(--text-secondary);font-size:.85rem;margin-bottom:16px}.news-card{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 16px}.news-card img{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:65px;object-fit:cover;width:90px}.news-card .news-info{flex:1 1}.news-card .news-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.85rem;font-weight:600;line-height:1.3;overflow:hidden}.news-card .news-date{color:#6b7280;color:var(--text-secondary);font-size:.7rem;margin-top:4px}.news-detail{background:#fafafa;background:var(--bg);display:flex;flex-direction:column;min-height:100%}.news-detail-back-row{padding:14px 16px 10px}.news-detail-back-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#e63946;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:background .15s}.news-detail-back-btn:active{background:#fff;background:var(--surface)}.news-detail-hero{width:100%}.news-detail-hero img{display:block;height:220px;object-fit:cover;width:100%}.news-detail-body{flex:1 1;padding:16px}.news-detail-title{color:#1a1a2e;color:var(--text);font-size:1.2rem;font-weight:700;line-height:1.4;margin:0 0 10px}.news-detail-meta{color:#6b7280;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.78rem;gap:14px;margin-bottom:12px}.news-detail-meta span{align-items:center;display:flex;gap:5px}.news-detail-divider{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);margin:12px 0}.news-detail-content{color:#1a1a2e;color:var(--text);font-size:.92rem;line-height:1.8}.news-detail-content p{margin:0 0 12px}.news-detail-gallery{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:20px}.news-detail-gallery img{aspect-ratio:4/3;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;object-fit:cover;width:100%}.news-lightbox{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.news-lightbox img{border-radius:8px;border-radius:var(--radius-sm);max-height:100%;max-width:100%;object-fit:contain}.notif-item{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 16px}.notif-item.unread{background:#e6394608;border-left:3px solid #e63946;border-left:3px solid var(--primary)}.notif-item .notif-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;width:36px}.notif-item .notif-icon.promo{background:#f59e0b26;color:#f59e0b;color:var(--warning)}.notif-item .notif-icon.order{background:#3b82f626;color:#60a5fa}.notif-item .notif-icon.stock{background:#ef444426;color:#ef4444;color:var(--danger)}.notif-item .notif-body{flex:1 1}.notif-item .notif-title{font-size:.85rem;font-weight:600}.notif-item .notif-msg{color:#6b7280;color:var(--text-secondary);font-size:.8rem;margin-top:2px}.notif-item .notif-time{color:#6b7280;color:var(--text-secondary);font-size:.7rem;margin-top:4px}.expedition-card{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease;transition:var(--transition)}.expedition-card.selected{background:#e639460a;border-color:#e63946;border-color:var(--primary)}.expedition-card .exp-logo{font-size:1.5rem}.expedition-card .exp-info{flex:1 1}.expedition-card .exp-name{font-size:.85rem;font-weight:600}.expedition-card .exp-est{color:#6b7280;color:var(--text-secondary);font-size:.75rem}.expedition-card .exp-price{color:#e63946;color:var(--primary);font-size:.9rem;font-weight:700}.theme-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:0 16px 16px}.theme-card{border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;padding:12px;text-align:center;transition:all .2s ease;transition:var(--transition)}.theme-card.active{border-color:#e63946;border-color:var(--primary);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md)}.theme-colors{display:flex;gap:4px;justify-content:center;margin-bottom:6px}.theme-colors span{border:1px solid #0000001a;border-radius:50%;height:18px;width:18px}.theme-card .theme-name{color:#1a1a2e;color:var(--text);font-size:.7rem;font-weight:600}.page-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 16px;position:sticky;top:0;z-index:50}.page-header h1{flex:1 1;font-size:1.1rem;font-weight:700}.page-header .back-btn{background:none;border:none;color:#1a1a2e;color:var(--text);cursor:pointer;font-size:1.2rem;padding:4px}.filter-bar{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:50px;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.filter-chip.active{background:#e6394614;border-color:#e63946;border-color:var(--primary);color:#e63946;color:var(--primary)}.filter-toggle-bar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:12px;padding:10px 16px}.filter-toggle-btn{align-items:center;background:none;border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:50px;color:#1a1a2e;color:var(--text);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.82rem;font-weight:600;gap:8px;padding:7px 14px;transition:all .2s ease;transition:var(--transition)}.filter-toggle-btn:hover{border-color:#e63946;border-color:var(--primary);color:#e63946;color:var(--primary)}.filter-badge{background:#e63946;background:var(--primary);border-radius:50px;color:#fff;font-size:.7rem;font-weight:700;line-height:1.6;padding:1px 7px}.filter-chevron{font-size:.75rem;opacity:.6;transition:transform .25s ease}.filter-chevron.open{transform:rotate(180deg)}.filter-count-label{color:#6b7280;color:var(--text-secondary);font-size:.78rem}.filter-panel{background:#fff;background:var(--surface);border-bottom:1px solid #0000;max-height:0;overflow:hidden;transition:max-height .3s ease}.filter-panel.open{border-bottom-color:#e5e7eb;border-bottom-color:var(--border);margin-bottom:12px;max-height:600px}.filter-toggle-bar:has(+.filter-panel.open){margin-bottom:0}.filter-panel-inner{display:flex;flex-direction:column;gap:14px;padding:12px 16px 16px}.filter-group-label{color:#6b7280;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:7px;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-clear-btn{align-items:center;align-self:flex-start;background:none;border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:50px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.78rem;gap:6px;padding:5px 12px;transition:all .2s ease;transition:var(--transition)}.filter-clear-btn:hover{border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.toast-container{display:flex;flex-direction:column;gap:8px;left:50%;max-width:480px;max-width:var(--max-width);position:fixed;top:16px;transform:translateX(-50%);width:calc(100% - 32px);z-index:9999}.toast{align-items:center;animation:slideDown .3s ease;border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 25px #0000001f;box-shadow:var(--shadow-lg);display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:12px 16px}.toast.success{background:#10b981;background:var(--success);color:#fff}.toast.error{background:#ef4444;background:var(--danger);color:#fff}.toast.warning{background:#f59e0b;background:var(--warning);color:#1a1a2e;color:var(--text)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tabs{background:#fff;background:var(--surface);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border);display:flex;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.85rem;font-weight:600;margin-bottom:-2px;padding:10px 16px;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.tab-btn.active{border-bottom-color:#e63946;border-bottom-color:var(--primary);color:#e63946;color:var(--primary)}.md-admin{background:#fafafa;background:var(--bg);display:flex;flex-direction:column;min-height:100vh}.md-top-bar{align-items:center;background:#e63946;background:var(--primary);box-shadow:0 2px 8px #00000047;color:#fff;display:flex;flex-shrink:0;gap:4px;height:56px;padding:0 8px;position:sticky;top:0;z-index:300}.md-top-bar-title{color:#fff;flex:1 1;font-size:1.15rem;font-weight:600;letter-spacing:.01em;padding:0 4px}.md-top-bar-icon{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:44px;justify-content:center;transition:background .15s;width:44px}.md-top-bar-icon:hover{background:#ffffff24}.md-top-bar-icon:active{background:#ffffff3d}.md-nav-rail{background:#fff;background:var(--surface);box-shadow:0 1px 0 #e5e7eb;box-shadow:0 1px 0 var(--border);display:flex;flex-shrink:0;overflow-x:auto;position:sticky;scrollbar-width:none;top:56px;z-index:200}.md-nav-rail::-webkit-scrollbar{display:none}.md-nav-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.65rem;font-weight:700;gap:2px;letter-spacing:.06em;max-width:62px;min-width:62px;overflow:hidden;padding:8px 0 6px;text-transform:uppercase;transition:color .18s,border-color .18s,background .15s;width:62px}.md-nav-tab .md-tab-icon{flex-shrink:0;font-size:1.05rem;margin-bottom:1px}.md-nav-tab.active{border-bottom-color:#e63946;border-bottom-color:var(--primary);color:#e63946;color:var(--primary)}.md-nav-tab:hover:not(.active){background:color-mix(in srgb,#e63946 6%,#0000);background:color-mix(in srgb,var(--primary) 6%,#0000);color:#1a1a2e;color:var(--text)}.md-tab-label{display:block;overflow:hidden;text-align:center;white-space:nowrap;width:100%}.md-tab-label--scroll{animation:mdTabScroll 3s ease-in-out infinite;text-align:left}@keyframes mdTabScroll{0%,25%{transform:translateX(0)}75%,to{transform:translateX(calc(-100% + 62px))}}.md-admin-body{flex:1 1;overflow-y:auto;padding:14px 14px 24px}.md-card{background:#fff;background:var(--surface);border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 8px #0000000f;margin-bottom:12px;padding:16px}.md-card-title{color:#1a1a2e;color:var(--text);font-size:.92rem;font-weight:700;justify-content:space-between;letter-spacing:.01em;margin-bottom:14px}.md-card-title,.md-list-row{align-items:center;display:flex}.md-list-row{background:#fff;background:var(--surface);border-radius:12px;box-shadow:0 1px 4px #00000012;gap:12px;margin-bottom:8px;padding:10px 12px;transition:box-shadow .15s}.md-list-row:hover{box-shadow:0 3px 10px #0000001a}.md-fab{align-items:center;background:#e63946;background:var(--primary);border:none;border-radius:16px;box-shadow:0 3px 10px #0000003d;color:#fff;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.875rem;font-weight:700;gap:8px;letter-spacing:.04em;padding:12px 20px;transition:box-shadow .2s,transform .12s}.md-fab:hover{box-shadow:0 6px 18px #00000047}.md-fab:active{transform:scale(.97)}.md-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.md-stat-card{background:#fff;background:var(--surface);border-radius:8px;box-shadow:0 1px 4px #00000017;overflow:hidden;padding:14px;position:relative}.md-stat-card:after{background:#e63946;background:var(--stat-accent,var(--primary));content:"";height:3px;left:0;position:absolute;right:0;top:0}.md-stat-icon-wrap{align-items:center;background:color-mix(in srgb,#e63946 12%,#0000);background:color-mix(in srgb,var(--primary) 12%,#0000);border-radius:10px;color:#e63946;color:var(--primary);display:flex;font-size:1rem;height:38px;justify-content:center;margin-bottom:10px;width:38px}.md-stat-value{color:#1a1a2e;color:var(--text);font-size:1.45rem;font-weight:800;line-height:1}.md-stat-label{color:#6b7280;color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.02em;margin-top:4px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.stat-card{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 1px 4px #00000017;padding:16px}.stat-card .stat-label{color:#6b7280;color:var(--text-secondary);font-size:.7rem;font-weight:600}.stat-card .stat-value{color:#1a1a2e;color:var(--text);font-size:1.45rem;font-weight:800;margin-top:4px}.admin-table{background:#fff;background:var(--surface);border-collapse:collapse;border-radius:14px;box-shadow:0 1px 4px #00000017;overflow:hidden;width:100%}.admin-table th{background:#fafafa;background:var(--bg);color:#6b7280;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:11px 14px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}.admin-table td{font-size:.85rem;padding:10px 14px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:color-mix(in srgb,#e63946 4%,#0000);background:color-mix(in srgb,var(--primary) 4%,#0000)}.admin-table .actions{display:flex;gap:6px}.admin-card{background:#fff;background:var(--surface);border-radius:14px;box-shadow:0 1px 4px #00000017;margin-bottom:12px;padding:16px}.admin-card h3{font-size:1rem;font-weight:700;margin-bottom:14px}.modal-overlay{align-items:flex-end;background:#00000085;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:999}@media (min-height:600px){.modal-overlay{align-items:center;padding:16px}}.modal-content{background:#fff;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #0000002e;max-height:92vh;max-width:540px;overflow-y:auto;padding:0 20px 20px;width:100%}@media (min-height:600px){.modal-overlay{align-items:center;padding:16px}.modal-content{border-radius:20px;box-shadow:0 8px 40px #00000038}}.modal-content:before{background:#e5e7eb;background:var(--border);border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:40px}@media (min-height:600px){.modal-content:before{display:none}}.modal-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-radius:20px 20px 0 0;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 0 12px;position:sticky;top:0;z-index:1}.modal-header h3{font-size:1.05rem;font-weight:700;letter-spacing:.01em}.modal-close{align-items:center;background:#fafafa;background:var(--bg);border:none;border-radius:50%;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:34px;justify-content:center;transition:background .15s;width:34px}.modal-close:hover{background:#e5e7eb;background:var(--border)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);bottom:-20px;display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding:12px 0 0;position:sticky}.form-input,.modal-footer{background:#fff;background:var(--surface)}.form-input{border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:10px;color:#1a1a2e;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.9rem;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#e63946;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,#e63946 14%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,#0000)}.form-group{margin-bottom:16px}.form-group label{color:#6b7280;color:var(--text-secondary);display:block;font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase}.md-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.md-section-header h3{color:#1a1a2e;color:var(--text);font-size:.92rem;font-weight:700;letter-spacing:.01em}.md-section-header .md-fab{border-radius:12px;box-shadow:0 2px 6px #0000002e;font-size:.8rem;padding:8px 16px}.lang-badge{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:20px;box-shadow:0 1px 2px #0000000f;color:#1a1a2e;color:var(--text);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:.8rem;font-weight:600;gap:4px;padding:5px 12px;transition:all .2s ease;transition:var(--transition)}.lang-badge.active{border-color:#e63946;border-color:var(--primary);box-shadow:0 2px 6px color-mix(in srgb,#e63946 18%,#0000);box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 18%,#0000)}.lang-badge.active,.md-chip{background:color-mix(in srgb,#e63946 10%,#0000);background:color-mix(in srgb,var(--primary) 10%,#0000);color:#e63946;color:var(--primary)}.md-chip{align-items:center;border:1px solid color-mix(in srgb,#e63946 22%,#0000);border:1px solid color-mix(in srgb,var(--primary) 22%,#0000);border-radius:8px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:3px 10px}.md-chip-success{background:color-mix(in srgb,#10b981 10%,#0000);background:color-mix(in srgb,var(--success) 10%,#0000);border-color:color-mix(in srgb,#10b981 22%,#0000);border-color:color-mix(in srgb,var(--success) 22%,#0000);color:#10b981;color:var(--success)}.md-chip-warning{background:color-mix(in srgb,#f59e0b 12%,#0000);background:color-mix(in srgb,var(--warning) 12%,#0000);border-color:color-mix(in srgb,#f59e0b 25%,#0000);border-color:color-mix(in srgb,var(--warning) 25%,#0000);color:#f59e0b;color:var(--warning)}.md-chip-danger{background:color-mix(in srgb,#ef4444 10%,#0000);background:color-mix(in srgb,var(--danger) 10%,#0000);border-color:color-mix(in srgb,#ef4444 22%,#0000);border-color:color-mix(in srgb,var(--danger) 22%,#0000);color:#ef4444;color:var(--danger)}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageEnter .22s ease-out both}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1}}input[type=checkbox]{align-items:center;appearance:none;-webkit-appearance:none;background:#fff;background:var(--surface);border:2.5px solid #e5e7eb;border:2.5px solid var(--border);border-radius:6px;cursor:pointer;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;min-width:20px;transition:background .15s,border-color .15s,box-shadow .15s;vertical-align:middle;width:20px}input[type=checkbox]:checked{background-color:#e63946;background-color:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='m1.5 5.5 4 4 7-8' stroke='%23fff' stroke-width='2.5' stroke-linecap='square'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px 10px;border-color:#e63946;border-color:var(--primary);box-shadow:0 2px 6px color-mix(in srgb,#e63946 35%,#0000);box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 35%,#0000)}@keyframes admin-spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.admin-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.admin-overlay-box{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;gap:12px;padding:24px 32px}.admin-overlay-msg{color:#6b7280;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.01em}.admin-section-loader{align-items:center;display:flex;justify-content:center;opacity:.7;padding:48px 0}.skeleton-list{display:flex;flex-direction:column;gap:8px}.skeleton-row{align-items:center;background:#fff;background:var(--surface);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:10px}.skeleton-img{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e5e7eb 25%,#fff 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--border) 25%,var(--surface) 50%,var(--border) 75%);background-size:400px 100%;border-radius:6px;flex-shrink:0;height:60px;width:50px}.skeleton-lines{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-line{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e5e7eb 25%,#fff 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--border) 25%,var(--surface) 50%,var(--border) 75%);background-size:400px 100%;border-radius:6px;height:12px}.skeleton-line:nth-child(2){animation-delay:.1s}.skeleton-line:nth-child(3){animation-delay:.2s}
/*# sourceMappingURL=main.30743943.css.map*/