.main-header-section[data-v-4f24cbb3]{position:fixed;top:0;left:0;right:0;z-index:1002;background-color:#545961!important}.main-header[data-v-4f24cbb3]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#545961;max-width:480px;margin:0 auto}.left-toggle[data-v-4f24cbb3]{width:40px;height:40px;background:#c1c1c0;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .3s ease}.left-toggle[data-v-4f24cbb3]:hover{background:#d0d0cf}.left-toggle span[data-v-4f24cbb3]{width:24px;height:3px;background:#2c3e50;border-radius:2px;transition:all .3s ease}.left-toggle.active span[data-v-4f24cbb3]:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.left-toggle.active span[data-v-4f24cbb3]:nth-child(2){opacity:0}.left-toggle.active span[data-v-4f24cbb3]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.logo[data-v-4f24cbb3]{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.logo-icon[data-v-4f24cbb3]{width:50px;height:50px;background:linear-gradient(135deg,#c0c0bf,#2c3e50);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;font-weight:700;box-shadow:0 2px 8px #0003}.right-toggle[data-v-4f24cbb3]{width:40px;height:40px;background:#c1c1c0;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#2c3e50;transition:all .3s ease}.right-toggle[data-v-4f24cbb3]:hover{background:#d0d0cf;transform:rotate(90deg)}.right-toggle i[data-v-4f24cbb3]{font-size:20px}.overlay[data-v-4f24cbb3]{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0009;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;pointer-events:none}.overlay.active[data-v-4f24cbb3]{opacity:1;visibility:visible;pointer-events:all}.left-menu[data-v-4f24cbb3]{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#fff;transition:left .3s ease;z-index:1003;overflow-y:auto}.left-menu.active[data-v-4f24cbb3]{left:0}.left-menu-header[data-v-4f24cbb3]{padding:20px;background:linear-gradient(135deg,#c0c0bf,#2c3e50);color:#fff;position:sticky;top:0;z-index:1004;display:flex;justify-content:space-between;align-items:center}.left-menu-header-content h2[data-v-4f24cbb3]{font-size:28px;margin-bottom:8px;font-weight:700}.left-menu-header-content p[data-v-4f24cbb3]{font-size:14px;opacity:.9}.close-btn[data-v-4f24cbb3]{width:40px;height:40px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-4f24cbb3]:hover{background:#ffffff4d;transform:rotate(90deg)}.close-btn i[data-v-4f24cbb3]{font-size:20px}.category-item[data-v-4f24cbb3]{border-bottom:1px solid #f0f0f0}.category-header[data-v-4f24cbb3]{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer;transition:all .3s ease;background:#fdf9f5}.category-header[data-v-4f24cbb3]:hover{background:#f8f9fa}.category-title[data-v-4f24cbb3]{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#333}.category-icon[data-v-4f24cbb3]{font-size:24px;color:#ffa232}.category-arrow[data-v-4f24cbb3]{font-size:18px;color:#ffa232;transition:transform .3s ease}.category-item.active .category-arrow[data-v-4f24cbb3]{transform:rotate(90deg)}.subcategory-list[data-v-4f24cbb3]{max-height:0;overflow:hidden;background:#f8f9fa;transition:max-height .3s ease}.subcategory-list.active[data-v-4f24cbb3]{max-height:1000px}.subcategory-item[data-v-4f24cbb3]{padding:16px 20px 16px 60px;border-left:3px solid transparent;transition:all .3s ease;cursor:pointer;color:#666;font-size:16px}.subcategory-item[data-v-4f24cbb3]:hover{background:#fff;border-left-color:#667eea;color:#667eea}.right-menu[data-v-4f24cbb3]{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;box-shadow:-4px 0 20px #0003;transition:right .3s ease;z-index:1003;overflow-y:auto}.right-menu.active[data-v-4f24cbb3]{right:0}.right-menu-header[data-v-4f24cbb3]{padding:20px;background:linear-gradient(135deg,#c0c0bf,#2c3e50);color:#fff;display:flex;justify-content:space-between;align-items:center}.right-menu-header-content h3[data-v-4f24cbb3]{font-size:20px;margin-bottom:5px;font-weight:700}.right-menu-header-content p[data-v-4f24cbb3]{font-size:13px;opacity:.9}.right-menu-item[data-v-4f24cbb3]{display:flex;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s ease;color:#333;text-decoration:none}.right-menu-item[data-v-4f24cbb3]:hover{background:#f8f9fa;color:#667eea}.right-menu-icon[data-v-4f24cbb3]{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border-radius:10px;transition:all .3s ease}.right-menu-item:hover .right-menu-icon[data-v-4f24cbb3]{background:#667eea;color:#fff}.right-menu-icon i[data-v-4f24cbb3]{font-size:18px}.right-menu-text[data-v-4f24cbb3]{font-size:16px;font-weight:500}