.category-tabs{display:flex;justify-content:start;overflow-x:auto;gap:1px;padding:.1rem .1rem .5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.tab{padding:4px 10px;background-color:var(--accent-lightest);border-radius:16px;font-weight:700;font-size:.9rem;margin-right:10px;transition:background-color .3s,color .3s;text-decoration:none;border:1px solid var(--border-color)}.tab,.tab:hover{color:var(--text-color)}.tab:hover{background-color:var(--accent-dark)}.active-tab{background-color:var(--primary-color);color:var(--text-inverse);border:1px solid var(--primary-dark)}.active-tab:hover{background-color:var(--primary-dark);color:var(--text-inverse)}.mobile-dropdown-container{display:none}@media (max-width:827px){.category-tabs{display:none!important}.mobile-dropdown-container{display:flex;align-items:center;justify-content:space-between;margin:.1rem 0}.dropdown-wrapper{position:relative;flex:1}.dropdown-trigger{background-color:var(--bg-card);padding:.45rem 1rem;border-radius:12px;font-size:13px;font-weight:700;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:.2s ease;max-width:120px;border:1px solid var(--border-color)}.dropdown-icon{transition:transform .3s ease;font-size:.95rem;color:var(--text-color)}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .3rem);left:0;width:100%;background-color:var(--bg-card);border-radius:10px;box-shadow:0 4px 14px var(--shadow-color);z-index:10;padding:.23rem 0;max-width:150px;border:1px solid var(--border-color)}.dropdown-item{padding:.75rem 1rem;cursor:pointer;color:var(--text-color);font-weight:300;font-size:.8rem;transition:.2s ease}.dropdown-item:hover{background-color:var(--bg-hover)}.dropdown-item.active{background-color:var(--primary-color);color:var(--text-inverse)}}