.filter_tabs{border-bottom:none !important;gap:8px !important;margin-bottom:16px !important;padding:16px 40px !important;background:transparent !important;border-radius:0;max-width:100% !important;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;flex-wrap:nowrap;position:relative}.filter_tabs::-webkit-scrollbar{display:none}.filter_tabs::after{display:none !important}.filter_tabs .tab-button{display:flex !important;flex-direction:column;align-items:center;gap:6px;min-width:80px;max-width:96px;padding:10px 6px 8px !important;border-radius:12px;background:transparent !important;border:none !important;font-size:0.72rem !important;font-weight:600 !important;letter-spacing:0.01em;color:#555 !important;cursor:pointer;transition:background 0.2s,color 0.2s,transform 0.15s;white-space:normal !important;text-align:center;line-height:1.25;position:relative;flex-shrink:0}.filter_tabs .tab-button:hover{background:rgba(0,0,0,0.04) !important;color:var(--color-blue) !important;transform:translateY(-1px)}.filter_tabs .active-tab{color:var(--color-blue) !important;background:rgba(var(--color-blue-rgb,59,130,246),0.06) !important}.filter_tabs .active-tab::after{display:none !important}.filter_tabs .tab-button .tab-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.08);transition:box-shadow 0.2s,background 0.2s;flex-shrink:0}.filter_tabs .tab-button .tab-icon svg{width:30px;height:30px;stroke:#444;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.2s}.filter_tabs .tab-button .tab-icon svg .icon-fill{fill:#444;stroke:none;transition:fill 0.2s}.filter_tabs .tab-button:hover .tab-icon{box-shadow:0 2px 8px rgba(0,0,0,0.12)}.filter_tabs .tab-button:hover .tab-icon svg{stroke:var(--color-blue)}.filter_tabs .tab-button:hover .tab-icon svg .icon-fill{fill:var(--color-blue)}.filter_tabs .active-tab .tab-icon{background:var(--color-blue);box-shadow:0 2px 8px rgba(var(--color-blue-rgb,59,130,246),0.3)}.filter_tabs .active-tab .tab-icon svg{stroke:#fff}.filter_tabs .active-tab .tab-icon svg .icon-fill{fill:#fff}.filter-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:32px;height:32px;border-radius:50%;border:1px solid #ddd;background:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.1);transition:background 0.2s,opacity 0.2s;padding:0}.filter-nav-arrow.visible{display:flex}.filter-nav-arrow:hover{background:#f0f0f0}.filter-nav-arrow.left{left:6px}.filter-nav-arrow.right{right:6px}.filter-nav-arrow svg{width:16px;height:16px;stroke:#555;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.filter_tabs .active-tab:hover .tab-icon{background:var(--color-blue);box-shadow:0 2px 10px rgba(var(--color-blue-rgb,59,130,246),0.35)}.filter_tabs .active-tab:hover .tab-icon svg{stroke:#fff}.filter_tabs .active-tab:hover .tab-icon svg .icon-fill{fill:#fff}.filter_tabs .active-tab:hover{color:var(--color-blue) !important;background:rgba(var(--color-blue-rgb,59,130,246),0.08) !important}@media (max-width:768px){.filter_tabs{padding:12px 12px !important;gap:4px !important;justify-content:flex-start;mask-image:none !important;-webkit-mask-image:none !important}.filter_tabs .tab-button{min-width:68px;max-width:80px;font-size:0.65rem !important;padding:8px 4px 6px !important}.filter_tabs .tab-button .tab-icon{width:50px;height:50px}.filter_tabs .tab-button .tab-icon svg{width:26px;height:26px}.filter-nav-arrow{display:none !important}}