.product-card[data-v-4bd11c67]{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e8e8e8;box-shadow:0 1px 3px #0000000a;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.product-card[data-v-4bd11c67]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#d0d0d0}.product-link[data-v-4bd11c67]{text-decoration:none;color:inherit;display:block;flex:1}.product-image[data-v-4bd11c67]{position:relative;aspect-ratio:1;background:#f8f9fa;overflow:hidden}.product-image img[data-v-4bd11c67]{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img[data-v-4bd11c67]{transform:scale(1.05)}.product-badges[data-v-4bd11c67]{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px}.badge[data-v-4bd11c67]{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-new[data-v-4bd11c67]{background:#27ae60;color:#fff}.badge-sale[data-v-4bd11c67]{background:#e74c3c;color:#fff}.product-info[data-v-4bd11c67]{padding:12px}.product-brand[data-v-4bd11c67]{font-size:12px;color:#666;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.product-name[data-v-4bd11c67]{font-size:14px;font-weight:600;margin:0 0 8px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-desc[data-v-4bd11c67]{font-size:13px;color:#777;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price-row[data-v-4bd11c67]{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-price[data-v-4bd11c67]{display:flex;align-items:baseline;gap:8px}.price-current[data-v-4bd11c67],.price-sale[data-v-4bd11c67]{font-size:16px;font-weight:700;color:#1a3a5c}.price-sale[data-v-4bd11c67]{color:#e74c3c}.price-original[data-v-4bd11c67]{font-size:14px;color:#999;text-decoration:line-through}.add-to-cart-btn[data-v-4bd11c67]{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 24px);margin:0 12px 12px;padding:10px 12px;background:#1a3a5c;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.add-to-cart-btn[data-v-4bd11c67]:hover:not(:disabled){background:#2a4a6c}.add-to-cart-btn[data-v-4bd11c67]:disabled{opacity:.7;cursor:not-allowed}.btn-icon[data-v-4bd11c67]{font-size:16px}.wishlist-btn[data-v-4bd11c67]{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:transform .2s,background .2s;display:flex;align-items:center;justify-content:center}.wishlist-btn[data-v-4bd11c67]:hover{transform:scale(1.2);background:#e74c3c1a}.wishlist-btn.active .wishlist-icon[data-v-4bd11c67]{animation:heartbeat-4bd11c67 .3s ease-in-out}.wishlist-icon[data-v-4bd11c67]{font-size:20px;line-height:1}@keyframes heartbeat-4bd11c67{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.toast-message[data-v-4bd11c67]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a3a5cf2;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:10;white-space:nowrap;box-shadow:0 4px 12px #0003}.toast-enter-active[data-v-4bd11c67],.toast-leave-active[data-v-4bd11c67]{transition:opacity .3s,transform .3s}.toast-enter-from[data-v-4bd11c67],.toast-leave-to[data-v-4bd11c67]{opacity:0;transform:translate(-50%,-50%) scale(.9)}.shop-home[data-v-294cdacd]{background:#fff}.hero-section[data-v-294cdacd]{background:#f8f9fa}.hero-main[data-v-294cdacd]{max-width:1200px;margin:0 auto;position:relative;overflow:hidden;min-height:400px}.hero-image[data-v-294cdacd]{position:absolute;top:0;left:0;width:100%;height:100%}.hero-image img[data-v-294cdacd]{width:100%;height:100%;object-fit:cover}.hero-content[data-v-294cdacd]{position:absolute;top:0;left:0;width:100%;height:100%;padding:50px 40px;display:flex;flex-direction:column;justify-content:center;color:#fff;z-index:2}.hero-title[data-v-294cdacd]{font-size:44px;font-weight:700;margin:0 0 16px;line-height:1.2;max-width:500px;color:#f4d03f;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:-.5px}.hero-subtitle[data-v-294cdacd]{font-size:20px;margin:0 0 28px;line-height:1.5;max-width:450px;text-shadow:0 2px 6px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3)}.hero-btn[data-v-294cdacd]{display:inline-block;padding:14px 28px;background:#e67e22;color:#fff;text-decoration:none;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;align-self:flex-start}.hero-btn[data-v-294cdacd]:hover{background:#d35400;transform:translateY(-2px)}.section[data-v-294cdacd]{padding:60px 0;background:#fff}.section-gray[data-v-294cdacd]{background:#f8f9fa}.section-header[data-v-294cdacd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-title[data-v-294cdacd]{font-size:28px;font-weight:700;color:#1a3a5c;margin:0 0 32px}.section-header .section-title[data-v-294cdacd]{margin:0}.view-all-link[data-v-294cdacd]{color:#1a3a5c;text-decoration:none;font-weight:600;font-size:14px}.view-all-link[data-v-294cdacd]:hover{text-decoration:underline}.products-grid[data-v-294cdacd]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.brands-grid[data-v-294cdacd]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brand-card[data-v-294cdacd]{display:flex;align-items:center;justify-content:center;padding:24px;background:#fff;border-radius:8px;text-decoration:none;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s}.brand-card[data-v-294cdacd]:hover{box-shadow:0 4px 12px #0000001a}.brand-name[data-v-294cdacd]{font-size:16px;font-weight:600;color:#333}.loading[data-v-294cdacd]{text-align:center;padding:40px;color:#666}.toast[data-v-294cdacd]{position:fixed;bottom:24px;right:24px;background:#27ae60;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:9999;animation:slideIn-294cdacd .3s ease-out}@keyframes slideIn-294cdacd{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.container[data-v-294cdacd]{max-width:1200px;margin:0 auto;padding:0 16px}@media(max-width:1200px){.hero-content[data-v-294cdacd]{padding:40px 30px}.hero-title[data-v-294cdacd]{font-size:36px}}@media(max-width:992px){.hero-main[data-v-294cdacd]{min-height:350px}.hero-content[data-v-294cdacd]{padding:30px}.products-grid[data-v-294cdacd],.brands-grid[data-v-294cdacd]{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.hero-main[data-v-294cdacd]{min-height:280px}.hero-content[data-v-294cdacd]{padding:24px 16px}.hero-title[data-v-294cdacd]{font-size:26px}.hero-subtitle[data-v-294cdacd]{font-size:15px}.section[data-v-294cdacd]{padding:40px 0}.section-title[data-v-294cdacd]{font-size:22px}.products-grid[data-v-294cdacd]{grid-template-columns:1fr;gap:16px}.brands-grid[data-v-294cdacd]{grid-template-columns:repeat(2,1fr);gap:12px}}.shop-header[data-v-e2c9e1ed]{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 8px #0000001a}.main-header[data-v-e2c9e1ed]{padding:var(--space-md) 0;background:var(--color-primary)}.shop-header .main-header .container[data-v-e2c9e1ed]{background:transparent;box-shadow:none;border-radius:0}.header-content[data-v-e2c9e1ed]{display:flex;align-items:center;gap:32px}.logo[data-v-e2c9e1ed]{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}.logo-icon[data-v-e2c9e1ed]{font-size:32px}.logo-text[data-v-e2c9e1ed]{font-size:24px;font-weight:700}.search-bar[data-v-e2c9e1ed]{flex:1;max-width:500px;display:flex;border:2px solid rgba(255,255,255,.3);border-radius:6px;overflow:hidden;background:#ffffff1a}.shop-header .search-bar input[type=text][data-v-e2c9e1ed]{flex:85;padding:var(--space-sm) var(--space-md);border:none;font-size:var(--font-size-sm);outline:none;background:transparent;color:var(--color-text-inverse);width:auto;min-width:0;box-shadow:none}.shop-header .search-bar input[type=text][data-v-e2c9e1ed]::placeholder{color:#fff9}.shop-header .search-bar input[type=text][data-v-e2c9e1ed]:focus{border:none;outline:none;box-shadow:none}.search-btn[data-v-e2c9e1ed]{flex:15;background:transparent;border:none;border-left:1px solid rgba(255,255,255,.2);padding:10px 16px;cursor:pointer;transition:background .2s}.search-btn[data-v-e2c9e1ed]:hover{background:#ffffff1a}.search-icon[data-v-e2c9e1ed]{color:var(--color-text-inverse)}.header-actions[data-v-e2c9e1ed]{display:flex;align-items:center;gap:24px}.shop-header .main-header .free-shipping[data-v-e2c9e1ed]{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.shop-header .main-header .free-shipping .shipping-text[data-v-e2c9e1ed],.shop-header .main-header .shipping-icon[data-v-e2c9e1ed]{color:var(--color-text-inverse)}.shop-header .main-header .action-link[data-v-e2c9e1ed]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--color-text-inverse);position:relative}.shop-header .main-header .action-link[data-v-e2c9e1ed]:hover{color:#f4d03f}.shop-header .main-header .action-icon[data-v-e2c9e1ed]{color:var(--color-text-inverse)}.shop-header .main-header .action-label[data-v-e2c9e1ed]{font-size:var(--font-size-xs);color:var(--color-text-inverse)}.main-header .cart-link[data-v-e2c9e1ed]{position:relative}.main-header .cart-badge[data-v-e2c9e1ed]{position:absolute;top:-8px;right:-8px;background:#e74c3c;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.main-header .user-menu[data-v-e2c9e1ed]{display:flex;align-items:center}.shop-header .main-header .user-link[data-v-e2c9e1ed]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--color-text-inverse)}.shop-header .main-header .user-link[data-v-e2c9e1ed]:hover{color:#f4d03f}.shop-header .main-header .user-name[data-v-e2c9e1ed],.user-icon[data-v-e2c9e1ed]{color:var(--color-text-inverse)}.user-name[data-v-e2c9e1ed]{font-size:12px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-nav[data-v-e2c9e1ed]{background:#f8f9fa;border-bottom:1px solid #eee}.nav-content[data-v-e2c9e1ed]{display:flex;justify-content:space-between;align-items:center}.nav-list[data-v-e2c9e1ed]{display:flex;list-style:none;margin:0;padding:0;gap:0}.nav-item[data-v-e2c9e1ed]{position:relative}.main-nav .nav-link[data-v-e2c9e1ed]{display:block;padding:14px 20px;text-decoration:none;color:#333;font-weight:500;font-size:14px;transition:all .2s;background:none;border-radius:0}.main-nav .nav-link[data-v-e2c9e1ed]:hover{background:#1a3a5c;color:#fff}.main-nav .nav-item-sale .nav-link-sale[data-v-e2c9e1ed]{color:#e74c3c;font-weight:600}.main-nav .nav-item-sale .nav-link-sale[data-v-e2c9e1ed]:hover{background:#e74c3c;color:#fff}.nav-right[data-v-e2c9e1ed]{display:flex;align-items:center;gap:20px}.language-switcher[data-v-e2c9e1ed]{display:flex;align-items:center;gap:4px}.lang-btn[data-v-e2c9e1ed]{background:transparent;border:none;color:#666;padding:8px 10px;cursor:pointer;font-size:13px;font-weight:500;transition:color .2s}.lang-btn[data-v-e2c9e1ed]:hover{color:#1a3a5c}.lang-btn.active[data-v-e2c9e1ed]{color:#1a3a5c;font-weight:600}.lang-divider[data-v-e2c9e1ed]{color:#ccc;font-size:13px}.logout-btn[data-v-e2c9e1ed]{background:transparent;border:1px solid #ccc;color:#333;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.logout-btn[data-v-e2c9e1ed]:hover{background:#1a3a5c;border-color:#1a3a5c;color:#fff}.mega-menu[data-v-e2c9e1ed]{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 8px 24px #00000026;border-radius:0 0 8px 8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s;min-width:400px;z-index:100;padding-top:0;margin-top:0}.mega-menu.active[data-v-e2c9e1ed],.nav-item:hover .mega-menu[data-v-e2c9e1ed]{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu-content[data-v-e2c9e1ed]{display:flex;padding:24px;gap:32px}.mega-menu-column[data-v-e2c9e1ed]{min-width:150px}.submenu-list[data-v-e2c9e1ed]{list-style:none;margin:0;padding:0}.submenu-link[data-v-e2c9e1ed]{display:block;padding:8px 0;text-decoration:none;color:#555;font-size:14px;transition:color .2s}.submenu-link[data-v-e2c9e1ed]:hover{color:#1a3a5c}.product-count[data-v-e2c9e1ed]{color:#999;font-size:12px}.nav-item-service[data-v-e2c9e1ed]{position:relative}.nav-arrow[data-v-e2c9e1ed]{margin-left:var(--space-xs);opacity:.6}.service-menu[data-v-e2c9e1ed]{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 8px 24px #00000026;border-radius:0 0 8px 8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s;min-width:200px;z-index:100}.service-menu.active[data-v-e2c9e1ed],.nav-item-service:hover .service-menu[data-v-e2c9e1ed]{opacity:1;visibility:visible;transform:translateY(0)}.service-menu-list[data-v-e2c9e1ed]{list-style:none;margin:0;padding:8px 0}.service-menu-list li[data-v-e2c9e1ed]{margin:0}.service-menu-link[data-v-e2c9e1ed]{display:block;padding:10px 20px;text-decoration:none;color:#333;font-size:14px;transition:all .2s}.service-menu-link[data-v-e2c9e1ed]:hover{background:#f8f9fa;color:#1a3a5c}.service-menu-divider[data-v-e2c9e1ed]{border-top:1px solid #eee;margin:8px 0}.shop-header .container[data-v-e2c9e1ed]{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-md);background:transparent;box-shadow:none;border-radius:0}@media(max-width:992px){.header-content[data-v-e2c9e1ed]{flex-wrap:wrap}.search-bar[data-v-e2c9e1ed]{order:3;width:100%;max-width:none;margin-top:16px}.header-actions[data-v-e2c9e1ed]{gap:16px}.action-label[data-v-e2c9e1ed],.user-name[data-v-e2c9e1ed],.free-shipping .shipping-text[data-v-e2c9e1ed]{display:none}}@media(max-width:768px){.nav-content[data-v-e2c9e1ed]{flex-direction:column;align-items:stretch}.nav-list[data-v-e2c9e1ed]{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start}.nav-link[data-v-e2c9e1ed]{padding:12px 16px;white-space:nowrap}.nav-right[data-v-e2c9e1ed]{justify-content:center;padding:12px 0;border-top:1px solid #eee}.mega-menu[data-v-e2c9e1ed]{position:fixed;left:0;right:0;min-width:auto;border-radius:0}.free-shipping[data-v-e2c9e1ed]{display:none}}.mobile-menu-toggle[data-v-e2c9e1ed]{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;padding:10px}.hamburger-line[data-v-e2c9e1ed]{width:22px;height:2px;background:#fff;border-radius:1px;transition:all .3s}.mobile-menu-overlay[data-v-e2c9e1ed]{display:none;position:fixed;inset:0;background:#00000080;z-index:1100;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.mobile-menu-overlay.open[data-v-e2c9e1ed]{opacity:1;visibility:visible}.mobile-menu[data-v-e2c9e1ed]{display:none;position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;z-index:1200;transition:right .3s ease;overflow-y:auto}.mobile-menu.open[data-v-e2c9e1ed]{right:0}.mobile-menu-header[data-v-e2c9e1ed]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#1a3a5c;color:#fff}.mobile-menu-title[data-v-e2c9e1ed]{font-size:18px;font-weight:600}.mobile-menu-close[data-v-e2c9e1ed]{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;line-height:1}.mobile-nav[data-v-e2c9e1ed]{padding:16px 0}.mobile-nav-list[data-v-e2c9e1ed]{list-style:none;margin:0;padding:0}.mobile-nav-list li[data-v-e2c9e1ed]{margin:0}.mobile-nav-link[data-v-e2c9e1ed]{display:block;padding:14px 20px;text-decoration:none;color:#333;font-size:15px;font-weight:500;border-bottom:1px solid #f0f0f0;transition:background .2s;width:100%;text-align:left;background:none;border-left:none;border-right:none;border-top:none;cursor:pointer}.mobile-nav-link[data-v-e2c9e1ed]:hover{background:#f8f9fa;color:#1a3a5c}.shop-header .mobile-nav-sale[data-v-e2c9e1ed]{color:var(--color-sale);font-weight:var(--font-weight-semibold)}.mobile-nav-divider[data-v-e2c9e1ed]{height:1px;background:#e0e0e0;margin:8px 0}.shop-header .mobile-logout-btn[data-v-e2c9e1ed]{color:var(--color-text-muted)}.mobile-nav-toggle[data-v-e2c9e1ed]{display:flex;justify-content:space-between;align-items:center}.mobile-nav-arrow[data-v-e2c9e1ed]{font-size:18px;font-weight:700;color:#999;transition:transform .2s}.mobile-nav-arrow.open[data-v-e2c9e1ed]{transform:rotate(90deg)}.mobile-submenu[data-v-e2c9e1ed]{list-style:none;margin:0;padding:0;background:#f8f9fa}.mobile-submenu-link[data-v-e2c9e1ed]{display:block;padding:12px 20px 12px 36px;text-decoration:none;color:#555;font-size:14px;border-bottom:1px solid #eee;transition:background .2s}.mobile-submenu-link[data-v-e2c9e1ed]:hover{background:#eee;color:#1a3a5c}.mobile-submenu-divider[data-v-e2c9e1ed]{height:1px;background:#ddd;margin:4px 20px 4px 36px}.mobile-language-switcher[data-v-e2c9e1ed]{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #e0e0e0;margin-top:8px}.mobile-lang-btn[data-v-e2c9e1ed]{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.mobile-lang-btn[data-v-e2c9e1ed]:hover{border-color:#1a3a5c;color:#1a3a5c}.mobile-lang-btn.active[data-v-e2c9e1ed]{background:#1a3a5c;border-color:#1a3a5c;color:#fff}@media(max-width:768px){.mobile-menu-toggle[data-v-e2c9e1ed]{display:flex}.mobile-menu-overlay[data-v-e2c9e1ed],.mobile-menu[data-v-e2c9e1ed]{display:block}.main-nav[data-v-e2c9e1ed]{display:none}}.shop-footer[data-v-9105bc27]{background-color:#1a3a5c!important;color:#fff;margin-top:auto;width:100%}.footer-main[data-v-9105bc27]{padding:48px 0}.footer-grid[data-v-9105bc27]{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr;gap:40px}.footer-logo[data-v-9105bc27]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.logo-icon[data-v-9105bc27]{font-size:28px}.logo-text[data-v-9105bc27]{font-size:22px;font-weight:700}.footer-tagline[data-v-9105bc27]{color:#ffffffe6;font-size:13px;margin-bottom:20px;font-style:italic}.contact-info[data-v-9105bc27]{color:#fffc;font-size:14px;line-height:1.6}.contact-info p[data-v-9105bc27]{margin:0 0 4px}.contact-phone[data-v-9105bc27]{margin-top:12px!important;margin-bottom:4px!important}.contact-info a[data-v-9105bc27]{color:#fffc;text-decoration:none;transition:color .2s}.contact-info a[data-v-9105bc27]:hover{color:#fff}.footer-column[data-v-9105bc27]{min-width:0}.footer-title[data-v-9105bc27]{font-size:16px;font-weight:600;margin-bottom:16px;color:#fff}.footer-text[data-v-9105bc27]{color:#fffc;font-size:13px;line-height:1.7;margin-bottom:12px}.footer-link-inline[data-v-9105bc27]{color:#e67e22;text-decoration:none;transition:color .2s}.footer-link-inline[data-v-9105bc27]:hover{color:#f39c12;text-decoration:underline}.footer-links[data-v-9105bc27]{list-style:none;margin:0;padding:0}.footer-links li[data-v-9105bc27]{margin-bottom:10px}.footer-links a[data-v-9105bc27]{color:#fffc;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a[data-v-9105bc27]:hover{color:#fff}.payment-methods[data-v-9105bc27]{margin-top:24px}.payment-title[data-v-9105bc27]{font-size:14px;font-weight:600;margin-bottom:12px;color:#fff}.payment-icons[data-v-9105bc27]{display:flex;gap:8px}.payment-icon[data-v-9105bc27]{display:flex;align-items:center;justify-content:center;width:44px;height:30px;background:#ffffff1a;border-radius:4px;font-size:16px}.footer-bottom[data-v-9105bc27]{background:#0003;padding:16px 0}.footer-bottom-content[data-v-9105bc27]{display:flex;justify-content:space-between;align-items:center}.copyright[data-v-9105bc27]{color:#ffffffb3;font-size:13px;margin:0}.credits[data-v-9105bc27]{color:#fff9;font-size:12px;margin:0}.credits a[data-v-9105bc27]{color:#ffffffb3;text-decoration:none}.credits a[data-v-9105bc27]:hover{color:#fff}.container[data-v-9105bc27]{max-width:1200px;margin:0 auto;padding:0 16px;background:transparent!important;box-shadow:none!important;border-radius:0!important}@media(max-width:992px){.footer-grid[data-v-9105bc27]{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:576px){.footer-grid[data-v-9105bc27]{grid-template-columns:1fr;gap:32px}.footer-bottom-content[data-v-9105bc27]{flex-direction:column;gap:8px;text-align:center}}.shop-layout[data-v-bed92cbc]{display:flex;flex-direction:column;min-height:100vh}.shop-main[data-v-bed92cbc]{flex:1 0 auto}.auth-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-md);position:relative;overflow:hidden;background:linear-gradient(180deg,#0a1628d9,#0d2137cc 15%,#0f3460bf,#1a5276b3,#2471a3a6 75%,#5dade299),url(https://images.unsplash.com/photo-1544551763-46a013bb70d5?w=1920&q=80) center center / cover no-repeat}.auth-layout .auth-image-side{display:none}.auth-layout .auth-form-side{display:contents}.auth-layout:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 20%,transparent 50%),radial-gradient(ellipse at 50% -20%,rgba(93,173,226,.3) 0%,transparent 60%);pointer-events:none;z-index:0}.auth-layout:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.15) 0%,transparent 8px),radial-gradient(circle at 80% 60%,rgba(255,255,255,.12) 0%,transparent 6px),radial-gradient(circle at 40% 40%,rgba(255,255,255,.1) 0%,transparent 10px),radial-gradient(circle at 60% 90%,rgba(255,255,255,.14) 0%,transparent 7px),radial-gradient(circle at 10% 20%,rgba(255,255,255,.08) 0%,transparent 5px),radial-gradient(circle at 90% 30%,rgba(255,255,255,.11) 0%,transparent 9px),radial-gradient(circle at 30% 70%,rgba(255,255,255,.09) 0%,transparent 4px),radial-gradient(circle at 70% 15%,rgba(255,255,255,.13) 0%,transparent 8px);animation:float-bubbles 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float-bubbles{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-30px) scale(1.1);opacity:.8}}.auth-layout .container{position:relative;z-index:10;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff80;max-width:420px;width:100%;transform:translateZ(0)}.auth-layout h1{text-align:center;color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.auth-layout .welcome-text{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.auth-layout .form-group{margin-bottom:var(--space-md)}.auth-layout .form-group label{display:block;color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);font-size:var(--font-size-sm)}.auth-layout .form-group input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:var(--font-family);transition:var(--transition-all);background:var(--color-background-alt);-webkit-appearance:none;appearance:none;touch-action:manipulation}.auth-layout .form-group input:focus{outline:none;border-color:var(--color-border-focus);background:var(--color-white);box-shadow:var(--shadow-focus)}.auth-layout .form-group input::placeholder{color:var(--color-text-light)}.auth-layout .checkbox-group{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.auth-layout .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-hover);cursor:pointer}.auth-layout .checkbox-group label{color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:0}.auth-layout button[type=submit]{width:100%;padding:var(--space-sm) var(--space-lg);background:var(--color-primary-gradient);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-button)}.auth-layout button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.auth-layout button[type=submit]:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-layout .error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid var(--color-error);color:#991b1b;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--font-size-sm);text-align:center}.auth-layout .session-expired-message{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid var(--color-warning);color:#92400e;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--font-size-sm);text-align:center;font-weight:var(--font-weight-medium)}.auth-layout .success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid var(--color-success);color:#166534;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--font-size-sm);text-align:center}.auth-link{text-align:center;margin-top:var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-link a{color:var(--color-primary-hover);text-decoration:none;font-weight:var(--font-weight-semibold);transition:var(--transition-colors)}.auth-link a:hover{color:var(--color-primary);text-decoration:underline}.password-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-xs)}.auth-layout .password-input-wrapper,.password-input-wrapper{position:relative;display:block;width:100%}.auth-layout .password-input-wrapper input[type=password],.auth-layout .password-input-wrapper input[type=text],.password-input-wrapper input[type=password],.password-input-wrapper input[type=text]{width:100%;padding-right:var(--space-2xl);box-sizing:border-box}.auth-layout .password-toggle,.password-toggle{position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);width:40px;height:40px;background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);padding:0;display:flex;align-items:center;justify-content:center;transition:var(--transition-all);-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:var(--radius-md);color:var(--color-text-muted)}.auth-layout .password-toggle:hover,.password-toggle:hover{background:#2471a31a;color:var(--color-primary-hover);box-shadow:none;transform:translateY(-50%)}.auth-layout .password-toggle:focus,.password-toggle:focus{outline:2px solid var(--color-primary-hover);outline-offset:-2px;border-radius:var(--radius-md)}.back-to-shop{position:absolute;top:var(--space-md);left:var(--space-md);z-index:10;display:flex;align-items:center;gap:var(--space-sm);color:#ffffffe6;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);transition:var(--transition-all)}.back-to-shop:hover{background:#ffffff40;transform:translate(-4px)}.auth-decoration{position:absolute;bottom:var(--space-xl);right:var(--space-xl);font-size:80px;opacity:.15;z-index:0;animation:swim 6s ease-in-out infinite}@keyframes swim{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px) rotate(5deg)}75%{transform:translate(-10px) rotate(-5deg)}}@media(max-width:768px){.auth-layout .container{padding:var(--space-lg) var(--space-md);margin:var(--space-sm);border-radius:var(--radius-lg)}.auth-layout h1{font-size:var(--font-size-2xl)}.back-to-shop{top:var(--space-sm);left:var(--space-sm);padding:var(--space-sm);font-size:var(--font-size-xs)}.auth-decoration{font-size:60px;bottom:var(--space-md);right:var(--space-md)}}.reset-form[data-v-ff714865]{margin-top:20px}.method-selection[data-v-ff714865]{display:flex;gap:15px;margin-bottom:20px;flex-direction:column}.method-btn[data-v-ff714865]{width:100%;padding:20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s;text-align:left}.method-btn[data-v-ff714865]:hover{border-color:#2471a3;box-shadow:0 5px 15px #1a3a5c33;transform:translateY(-2px)}.method-icon[data-v-ff714865]{font-size:32px;margin-bottom:10px}.method-title[data-v-ff714865]{font-size:18px;font-weight:600;color:#333;margin-bottom:5px}.method-desc[data-v-ff714865]{font-size:14px;color:#666}.token-display[data-v-ff714865]{margin-top:20px}.token-box[data-v-ff714865]{display:flex;gap:10px;align-items:center;margin-top:10px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px}.token-box code[data-v-ff714865]{flex:1;font-family:Courier New,monospace;font-size:12px;word-break:break-all;color:#333}.token-expires[data-v-ff714865]{margin-top:10px;font-size:12px;color:#666}.info-box[data-v-ff714865]{padding:20px;border-radius:6px;margin-bottom:15px}.info-box p[data-v-ff714865]{margin:5px 0;color:#2d3748}.info-box strong[data-v-ff714865]{color:#1a365d;font-size:16px}.info-box-success[data-v-ff714865]{background:#f0fff4;border-color:#9ae6b4}.info-box-text[data-v-ff714865]{margin-top:10px;font-size:14px}.copy-btn[data-v-ff714865]{padding:6px 12px;background:#1a3a5c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;width:auto;transition:background .3s}.copy-btn[data-v-ff714865]:hover{background:#2471a3;transform:none;box-shadow:none}.back-btn[data-v-ff714865]{padding:8px 16px;background:#f0f0f0;color:#333;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;width:auto}.back-btn[data-v-ff714865]:hover{background:#e0e0e0;transform:none;box-shadow:none}.btn-reset-link[data-v-ff714865]{margin-top:20px;display:inline-block}.password-hint[data-v-ff714865]{font-size:12px;color:#999;margin-top:5px}.auth-link-spaced[data-v-ff714865]{margin-top:15px}@media(min-width:768px){.method-selection[data-v-ff714865]{flex-direction:row}.method-btn[data-v-ff714865]{flex:1}}.success-message[data-v-c1e2dac6]{text-align:center}.info-box[data-v-c1e2dac6]{padding:30px;border-radius:6px;margin-bottom:15px}.info-box p[data-v-c1e2dac6]{margin:5px 0;color:#2d3748}.info-box-success[data-v-c1e2dac6]{background:#f0fff4;border-color:#9ae6b4}.success-icon[data-v-c1e2dac6]{font-size:48px;text-align:center;margin:0}.success-title[data-v-c1e2dac6]{font-size:18px;font-weight:600;text-align:center;margin-top:10px}.success-text[data-v-c1e2dac6]{text-align:center;margin-top:10px;color:#666}.btn-login-link[data-v-c1e2dac6]{margin-top:20px;display:inline-block}.password-hint[data-v-c1e2dac6]{font-size:12px;color:#999;margin-top:5px}.user-greeting[data-v-538a3fbe]{color:#666;font-size:14px;white-space:nowrap}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 70px);padding:40px 20px;text-align:center}.hero .container{max-width:500px}.hero h1{color:#333;margin-bottom:10px;font-size:32px}.hero .welcome-text{color:#666;margin-bottom:30px;font-size:18px}.info-box{padding:20px;border-radius:8px;text-align:left}.info-box p{margin:10px 0;font-size:16px;color:#1a3a5c}.info-box p strong{color:#1a3a5c}@media(max-width:768px){.hero h1{font-size:28px}.hero .welcome-text{font-size:16px}}.page-wrapper{min-height:100vh;padding:var(--space-xl) var(--space-md)}.user-management-container{max-width:var(--container-max-width);width:95%;margin:var(--space-lg) auto;background:var(--color-background-card);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-2xl)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.page-title-section h1{font-size:var(--font-size-2xl);text-align:left;margin-bottom:var(--space-xs)}.page-title-section .welcome-text{text-align:left;margin-bottom:0;font-size:var(--font-size-md);color:var(--color-text-muted)}.user-table-section h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-md);text-align:left}.back-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:var(--transition-all)}.back-link:hover{background:var(--color-background-hover)}.user-table-section{margin-bottom:var(--space-xl)}.search-box{margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);transition:var(--transition-colors)}.search-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.search-results-count{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.add-user-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--color-border)}.add-user-section h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-md);text-align:left}button[type=submit]{padding:var(--space-sm) var(--space-lg);background:var(--color-primary-gradient);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:var(--transition-transform),var(--transition-shadow);width:auto}button[type=submit]:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.last-admin-badge{display:inline-block;margin-left:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-warning-light);color:#856404;border:1px solid var(--color-warning);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.delete-btn:disabled{background:var(--color-text-light);cursor:not-allowed;opacity:.6}.delete-btn:disabled:hover{transform:none;box-shadow:none}.empty-message{text-align:center;padding:var(--space-md);color:var(--color-text-light)}.btn-cancel{background:var(--color-text-light);color:var(--color-text-inverse)}.btn-cancel:hover{background:var(--color-text-muted)}@media(max-width:768px){.user-management-container{padding:var(--space-lg) var(--space-md);margin:var(--space-md) auto}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}:root{--color-primary: #1a3a5c;--color-primary-hover: #2471a3;--color-primary-dark: #0f2840;--color-primary-light: #e8f4fc;--color-primary-gradient: linear-gradient(135deg, #1a3a5c 0%, #2471a3 100%);--color-success: #38a169;--color-success-light: #c6f6d5;--color-warning: #d69e2e;--color-warning-light: #fefcbf;--color-error: #e53e3e;--color-error-light: #fed7d7;--color-info: #3182ce;--color-info-light: #bee3f8;--color-text: #333333;--color-text-muted: #666666;--color-text-light: #999999;--color-text-inverse: #ffffff;--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-border-focus: #2471a3;--color-background: #f5f5f5;--color-background-alt: #fafafa;--color-background-hover: #f0f0f0;--color-background-card: #ffffff;--color-white: #ffffff;--color-sale: #e74c3c;--color-new-badge: #38a169;--color-price: #1a3a5c;--color-price-old: #999999;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-0: 0;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-button: 0 4px 12px rgba(26, 58, 92, .3);--shadow-button-hover: 0 6px 16px rgba(26, 58, 92, .4);--shadow-focus: 0 0 0 3px rgba(36, 113, 163, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-colors: color .15s ease, background-color .15s ease, border-color .15s ease;--transition-transform: transform .2s ease;--transition-shadow: box-shadow .2s ease;--transition-all: all .25s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--container-max-width: 1200px;--sidebar-width: 250px;--header-height: 64px;--header-height-mobile: 56px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-decoration:none;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary-gradient);color:var(--color-text-inverse);border-color:transparent}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-button)}.btn-secondary{background:var(--color-white);color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse);border-color:transparent}.btn-danger:hover:not(:disabled){background:#c53030;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e66}.btn-ghost{background:transparent;color:var(--color-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-primary-light)}.btn-cancel{background:var(--color-text-light);color:var(--color-text-inverse);border-color:transparent}.btn-cancel:hover:not(:disabled){background:var(--color-text-muted)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-md);border-radius:var(--radius-lg)}.btn-block{width:100%}.btn-icon{padding:var(--space-sm);font-size:var(--font-size-sm);border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary);border:none}.btn-icon:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse)}.btn-icon.btn-danger{background:var(--color-error-light);color:var(--color-error)}.btn-icon.btn-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-text-inverse)}.form-label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-label.required:after{content:" *";color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-colors),var(--transition-shadow)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.form-input::placeholder{color:var(--color-text-light)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #e53e3e26}.form-textarea{min-height:100px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-xl)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.form-checkbox input,.form-radio input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-error{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-error)}.form-help{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:var(--space-2xl)}.password-toggle{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);padding:var(--space-xs);background:transparent;border:none;cursor:pointer;font-size:var(--font-size-md);line-height:1}.card{background:var(--color-background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light);background:var(--color-background-alt);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:var(--z-modal-backdrop)}.modal-content{background:var(--color-background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.modal-header h2,.modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal-close{padding:var(--space-xs);background:transparent;border:none;font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;line-height:1;transition:var(--transition-colors)}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light);background:var(--color-background-alt);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th,.table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-light)}.table th{background:var(--color-background-alt);font-weight:var(--font-weight-semibold);color:var(--color-text)}.table tbody tr:hover{background:var(--color-background-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-sale{background:var(--color-sale);color:var(--color-text-inverse)}.badge-new{background:var(--color-new-badge);color:var(--color-text-inverse)}.alert{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.alert-warning{background:var(--color-warning-light);color:#744210;border:1px solid var(--color-warning)}.alert-error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.alert-info{background:var(--color-info-light);color:var(--color-info);border:1px solid var(--color-info)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-md)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-header{padding:var(--space-lg) 0;margin-bottom:var(--space-lg)}.page-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.page-subtitle{margin:var(--space-xs) 0 0;font-size:var(--font-size-md);color:var(--color-text-muted)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-sm{margin-top:var(--space-sm)}.mb-sm{margin-bottom:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}@media(max-width:768px){.hide-mobile{display:none}.modal-content{max-width:100%;margin:var(--space-md);max-height:calc(100vh - var(--space-xl))}.btn-block-mobile{width:100%}}@media(min-width:769px){.hide-desktop{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-primary-gradient);min-height:100vh;color:var(--color-text);line-height:var(--line-height-normal)}body.auth-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md)}h1,h2{color:var(--color-text);margin-bottom:var(--space-md);text-align:center}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.welcome-text{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-header)}.navbar-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none}.navbar-nav{display:flex;gap:var(--space-md);align-items:center;flex-wrap:nowrap}.nav-link{color:var(--color-text);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:var(--transition-all);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm)}.nav-link:hover{background:var(--color-background-hover)}.nav-link.login-btn,.nav-link.profile-btn,.nav-link.manage-users-btn{background:var(--color-primary-gradient);color:var(--color-text-inverse);white-space:nowrap}.nav-link.login-btn:hover,.nav-link.profile-btn:hover,.nav-link.manage-users-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.nav-link.logout-btn{background:linear-gradient(135deg,#fc8181,#f56565);color:var(--color-text-inverse)}.nav-link.logout-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f5656566}.container{background:var(--color-background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-xl);width:100%;max-width:400px}.form-group{margin-bottom:var(--space-md)}label{display:block;color:var(--color-text-muted);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);font-size:var(--font-size-sm)}input[type=text],input[type=email],input[type=password],select{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);transition:var(--transition-colors),var(--transition-shadow)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.checkbox-group{display:flex;align-items:center;margin-bottom:var(--space-md)}input[type=checkbox]{width:18px;height:18px;margin-right:var(--space-sm);cursor:pointer;accent-color:var(--color-primary-hover)}button,.btn{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-primary-gradient);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-transform),var(--transition-shadow);text-align:center;text-decoration:none;display:inline-block;font-family:var(--font-family)}button:hover,.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}button:active,.btn:active{transform:translateY(0)}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error{color:var(--color-error);background:var(--color-error-light);border:1px solid var(--color-error);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:center;font-size:var(--font-size-sm)}.error:empty{display:none;padding:0;margin:0;border:none}.success{color:var(--color-success);background:var(--color-success-light);border:1px solid var(--color-success);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:center;font-size:var(--font-size-sm)}.success:empty{display:none;padding:0;margin:0;border:none}.info-box{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--font-size-sm)}.info-box p{margin:var(--space-xs) 0}.info-box strong{color:var(--color-primary-dark)}table{width:100%;border-collapse:collapse;margin-top:var(--space-md);font-size:var(--font-size-sm)}th,td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-light)}th{background:var(--color-background-alt);color:var(--color-text);font-weight:var(--font-weight-semibold)}tr:hover{background:var(--color-background-hover)}.action-btn{padding:var(--space-xs) var(--space-sm);margin:0 var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;border:none;color:var(--color-text-inverse);width:auto;transition:var(--transition-colors)}.edit-btn{background:var(--color-primary-hover)}.edit-btn:hover{background:var(--color-primary);box-shadow:none;transform:none}.delete-btn{background:var(--color-error)}.delete-btn:hover{background:#c53030;box-shadow:none;transform:none}.modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--z-modal-backdrop);align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--color-background-card);border-radius:var(--radius-lg);padding:var(--space-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.modal-close{font-size:var(--font-size-2xl);cursor:pointer;color:var(--color-text-light);width:auto;padding:0;background:none;transition:var(--transition-colors)}.modal-close:hover{color:var(--color-text);transform:none;box-shadow:none}.btn-group{display:flex;gap:var(--space-sm)}.btn-group button{flex:1}@media(max-width:768px){.navbar{padding:var(--space-md)}.navbar-brand{font-size:var(--font-size-lg)}.navbar-nav{gap:var(--space-sm)}.nav-link{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.container{padding:var(--space-lg) var(--space-md)}table{font-size:var(--font-size-sm)}th,td{padding:var(--space-sm)}.action-btn{padding:var(--space-xs);font-size:var(--font-size-xs)}}