.navbar-wrapper[data-v-9fbaa043]{background:#fff;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:1000}.main-navbar[data-v-9fbaa043]{background:#fff;padding:0}.nav-container[data-v-9fbaa043]{height:70px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.logo[data-v-9fbaa043],.nav-container[data-v-9fbaa043]{align-items:center;display:flex}.logo[data-v-9fbaa043]{text-decoration:none}.logo img[data-v-9fbaa043]{height:36px}.desktop-menu[data-v-9fbaa043]{gap:5px}.desktop-menu[data-v-9fbaa043],.nav-link[data-v-9fbaa043]{align-items:center;display:flex}.nav-link[data-v-9fbaa043]{background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:15px;font-weight:500;gap:4px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.nav-link.router-link-active[data-v-9fbaa043],.nav-link[data-v-9fbaa043]:hover{background:#eff6ff;color:#2563eb}.dropdown[data-v-9fbaa043]{position:relative}.dropdown-btn[data-v-9fbaa043]{align-items:center;display:flex;gap:4px}.dropdown-btn i[data-v-9fbaa043]{font-size:12px;transition:transform .2s ease}.dropdown-btn i.rotate[data-v-9fbaa043]{transform:rotate(180deg)}.dropdown-menu[data-v-9fbaa043]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001f;left:0;min-width:200px;opacity:0;padding:8px;position:absolute;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden}.dropdown-menu.show[data-v-9fbaa043]{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item[data-v-9fbaa043]{border-radius:6px;color:#374151;display:block;font-size:14px;padding:10px 14px;text-decoration:none;transition:all .2s ease}.dropdown-item[data-v-9fbaa043]:hover{background:#f3f4f6;color:#2563eb}.nav-actions[data-v-9fbaa043]{gap:12px}.cart-btn[data-v-9fbaa043],.nav-actions[data-v-9fbaa043]{align-items:center;display:flex}.cart-btn[data-v-9fbaa043]{background:#f3f4f6;border-radius:10px;color:#374151;height:42px;justify-content:center;position:relative;text-decoration:none;transition:all .2s ease;width:42px}.cart-btn[data-v-9fbaa043]:hover{background:#e5e7eb}.cart-btn i[data-v-9fbaa043]{font-size:18px}.cart-count[data-v-9fbaa043]{background:#ef4444;font-size:11px;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.auth-btn[data-v-9fbaa043],.cart-count[data-v-9fbaa043]{border-radius:10px;color:#fff;font-weight:600}.auth-btn[data-v-9fbaa043]{background:#2563eb;font-size:14px;padding:10px 24px;text-decoration:none;transition:all .2s ease}.auth-btn[data-v-9fbaa043]:hover{background:#1d4ed8;transform:translateY(-1px)}.user-menu[data-v-9fbaa043]{cursor:pointer;position:relative}.user-avatar[data-v-9fbaa043]{border:2px solid #e5e7eb;border-radius:12px;height:42px;-o-object-fit:cover;object-fit:cover;transition:all .2s ease;width:42px}.user-avatar[data-v-9fbaa043]:hover{border-color:#2563eb}.user-dropdown[data-v-9fbaa043]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001f;min-width:260px;opacity:0;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .2s ease;visibility:hidden}.user-dropdown.show[data-v-9fbaa043]{opacity:1;transform:translateY(0);visibility:visible}.user-info[data-v-9fbaa043]{align-items:center;display:flex;gap:12px;padding:16px}.user-info img[data-v-9fbaa043]{border-radius:10px;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.user-name[data-v-9fbaa043]{color:#111827;font-size:15px;font-weight:600}.user-email[data-v-9fbaa043]{color:#6b7280;font-size:13px;margin-top:2px}.user-dropdown .dropdown-item[data-v-9fbaa043]{align-items:center;color:#374151;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.user-dropdown .dropdown-item[data-v-9fbaa043]:hover{background:#f3f4f6}.user-dropdown .dropdown-item i[data-v-9fbaa043]{font-size:16px}.user-dropdown .logout[data-v-9fbaa043]{color:#ef4444}.user-dropdown .logout[data-v-9fbaa043]:hover{background:#fef2f2}.divider[data-v-9fbaa043]{background:#e5e7eb;height:1px;margin:8px 0}.mobile-toggle[data-v-9fbaa043]{align-items:center;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;display:none;height:42px;justify-content:center;transition:all .2s ease;width:42px}.mobile-toggle i[data-v-9fbaa043]{color:#374151;font-size:22px}.mobile-toggle[data-v-9fbaa043]:hover{background:#e5e7eb}.mobile-menu[data-v-9fbaa043]{background:#fff;box-shadow:-4px 0 20px #0000001a;height:calc(100vh - 70px);max-width:85%;overflow-y:auto;position:fixed;right:0;top:70px;transform:translate(100%);transition:transform .3s ease;width:320px;z-index:999}.mobile-menu.show[data-v-9fbaa043]{transform:translate(0)}.mobile-menu-content[data-v-9fbaa043]{padding:24px}.mobile-link[data-v-9fbaa043]{border-radius:10px;color:#374151;display:block;font-size:15px;font-weight:500;margin-bottom:6px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.mobile-link.router-link-active[data-v-9fbaa043],.mobile-link[data-v-9fbaa043]:hover{background:#eff6ff;color:#2563eb}.mobile-dropdown[data-v-9fbaa043]{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.mobile-dropdown-btn[data-v-9fbaa043]{align-items:center;background:#f9fafb;border:none;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:14px 16px;transition:all .2s ease;width:100%}.mobile-dropdown-btn[data-v-9fbaa043]:hover{background:#f3f4f6}.mobile-dropdown-btn i[data-v-9fbaa043]{font-size:12px;transition:transform .2s ease}.mobile-dropdown-btn i.rotate[data-v-9fbaa043]{transform:rotate(180deg)}.mobile-dropdown-content[data-v-9fbaa043]{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-dropdown-content.show[data-v-9fbaa043]{max-height:400px}.mobile-dropdown-item[data-v-9fbaa043]{border-radius:8px;color:#6b7280;display:block;font-size:14px;margin-top:4px;padding:12px 16px 12px 32px;text-decoration:none;transition:all .2s ease}.mobile-dropdown-item[data-v-9fbaa043]:hover{background:#f3f4f6;color:#2563eb}.mobile-auth[data-v-9fbaa043]{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.mobile-auth-btn[data-v-9fbaa043]{background:#2563eb;border-radius:10px;color:#fff;display:block;font-size:15px;font-weight:600;padding:14px;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.mobile-auth-btn[data-v-9fbaa043]:hover{background:#1d4ed8}.mobile-overlay[data-v-9fbaa043]{background:#00000080;height:calc(100vh - 70px);left:0;opacity:0;position:fixed;top:70px;transition:all .3s ease;visibility:hidden;width:100%;z-index:998}.mobile-overlay.show[data-v-9fbaa043]{opacity:1;visibility:visible}@media (max-width:991px){.desktop-menu[data-v-9fbaa043]{display:none}.mobile-toggle[data-v-9fbaa043]{display:flex}}@media (max-width:640px){.nav-container[data-v-9fbaa043]{height:60px;padding:0 16px}.logo img[data-v-9fbaa043]{height:30px}.cart-btn[data-v-9fbaa043],.mobile-toggle[data-v-9fbaa043],.user-avatar[data-v-9fbaa043]{height:38px;width:38px}.mobile-menu[data-v-9fbaa043],.mobile-overlay[data-v-9fbaa043]{height:calc(100vh - 60px);top:60px}}.footer{background-color:#072d67;color:#fff;margin-top:50px;padding:20px 0;z-index:999}.triangle-box{align-items:center;background-image:url(../triangle.png);background-size:cover;display:flex;height:50px;justify-content:center;left:0;position:absolute;top:-40px;width:144px}.footer .up-arrow{color:#fff;font-size:24px}.footer .social-icons{display:flex;gap:15px;justify-content:flex-end}.footer .social-icons i{color:#fff;font-size:30px}.col a{color:#fff}